Image and Anchor Tags(HTML)

 <!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>links and images</title>

</head>

<body>

    <!-- create a external link and open the website in a new tab -->

    <a href="https://google.com"target="_blank">Go To Google</a><br>

    <a href="https://facebook.com"target="_blank">Go To facebook</a><br>

    <a href="https://twitter.com"target="_blank">Go To twitter</a><br>

    <a href="https://linkedin.com"target="_blank">Go To linkedin</a><br>

    <!-- create internal link and open the website in a new tab -->

    <a href="/tutorial5.html"target="_blank">Tutorial 5</a>

    <!-- if image is not present so alt text is shown -->

    <img src="suraj.jpg" alt="error in loading image">

    <img src="https://source.unsplash.com/user/erondu/200x50" alt="remote image">

</body>

</html>

Comments

Post a Comment

Popular posts from this blog

Transform Property In CSS

 <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>CSS Transform</title>     <style>         * {             margin: 0px;             padding: 0px;         }         .container {             height: 80vh;             background-color: rgb(44, 19, 92);             display: flex;             justify-content: center;             align-items: center;         }         .box {             displ...
Read more

More on CSS Selectors

 <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>More on selectors</title>     <style>         h1{             background-color: red;             color: black;             font-weight: bold;             text-align: center;         }         body{             background-color: rgb(97, 92, 97);         }         /* if p is contained by any li which is contained by div  */         /* div li p{             color: rgb(255, 25...
Read more