links and images

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Links and images</title>
</head>
<body>

<!-- if we press alt and then click on multiple places then all of them will have cursors and type the same thing. -->

    <a href="https://google.com" target="_blank"> Go to google </a>
    <a href="https://facebook.com" target="_blank"> <br>Go to facebook </a>
    <a href="https://twitter.com" target="_blank"> <br>Go to twitter </a>
    <a href="https://linkedin.com" target="_blank"> <br>Go to linkedin </a>
    <a href="/tut4.html" target="_blank"> <br>Tut 4 </a>
    <a href="/tut5.html" target="_blank"> <br>Tut 5 </a>
<br>
<!-- image is not present hence alt text is shown -->
    <!-- <img src="shresthy.jpg" alt="Error loading image"> -->

    <!-- a is the anchor tag which is used for including external as well as internal(made by us only)links into our website and it can be used by typing a and then enter. external links are included simply by typing the link in href, but for internal links first type / and then enter the name of your file -->
    <!-- target="_blank" for opening link in new page -->

    <img src="https://source.unsplash.com/200x200/?nature" alt="remote image">

    <!-- we can control the width and height of the image either directly into the link or by adding the attributes width=" " and height="  " but they are not recommended to us for the creation of our website as they can be done in a much easier and better way by using css.  -->

</body>
</html>

Comments

Post a Comment

Popular posts from this blog

css tutorial

<! DOCTYPE   html > < html   lang = "en" > < head >      < meta   charset = "UTF-8" >      < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >      < title > CSS Tutorial </ title >      < style >          p {              color :blue;              background-color : seagreen  !important ;         }          </ style >      <!-- this is how internal css is to be added  -->      < link   rel = "stylesheet"   href = "tut13.css" > <...
Read more

css selectors

<! DOCTYPE   html > < html   lang = "en" > < head >      < meta   charset = "UTF-8" >      < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >      < title > CSS Selectors </ title >      < style >          p {              border :  2px  solid red;         }          /* id selector */          #bgblue {              color : yellow;              background-color : blue;         }  ...
Read more

developer tools

<! DOCTYPE   html > < html   lang = "en" > < head >      < meta   charset = "UTF-8" >      < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >      < title > Developer Tools </ title >      < style >          p {              color :purple;              font-style : italic;              background-color : rosybrown;         }          .bgprimary {              background-color :#60a0bb;         }...
Read more