html5-css3-learning/basic-tags.html at main · nafi635/html5-css3-learning · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE html>
<html>
    <head>
        <link href="css/basic-tags.css" rel="stylesheet">
        <link rel="icon" href="images/coffee.avif" >
    </head>rel"
    <body>
        <p title="its a title of a paragraph"> <!--  When you hover on this paragraph, the tooltip will be shown -->
            One paragraph
        </p>
        <br>  <!-- Breakspace, one row gap will be shown -->
        <hr> <!--  One row line will come in between -->
        <pre> <!-- It will show the content in web browser as exactly you wrote in code for example : Poem -->
            Johny Johny Yes papa
            Eating sugar no papa
        </pre>

        <!-- There are some text Formattinng elements. b strong em mark small del sub sup -->
        <p>Hi <sub>how r u </sub>, I am fine <sup> Doing good</sup></p>

        <p>My favorite color is <del>blue Striked Text</del> <ins>red</ins></p>

        <!-- quotation and citation tags -- quote, blockquote, abbr, address, bdo-->
        <bdo dir="rtl">
            Reverse text
        </bdo>

        <a href="http://www.google.com" title="this is google, the worlds best search engine">Open Google</a>


        <!-- Remember the use maps concept, you can create different maps on diffeernt coordinnates  -->
        <img src="" alt="" usemap="#imagemap">
        <map name="imagemap">

        <picture>
            <source media="(min-width:500px)" srcset="images/Desktop picture.jpg">
            <img src="images/coffee.avif">
        </picture>
        </map>
    </body>
</html>