Learning-HTML/effecttag.html at main · mayurdehade/Learning-HTML · 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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<!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>Text Effect</title>
</head>
<body>
    <!--Bold Text using <b> tag-->
    <p>Lorem ipsum dolor sit amet <b>Bold text using b tag with seo</b> Possimus, dolorem?</p>

    <!--Bold text with SEO using <strong> tag-->
    <p>Lorem ipsum dolor <strong>Bold text using strong tag with seo</strong> adipisicing elit. Aspernatur, labore.</p>


    <!--Italic text using <i> tag-->
    <p><i>Italic effect using i tag</i></p>

    <!--Italic effect and SEO using <em> tag-->
    <p><em>Italic Effect using em tag with seo</em></p>

    <!--Small effect using <small> tag-->
    <p><small>Small text using small tag</small></p>

    <!--Highlight text using <mark> tag-->
    <p>Lorem ipsum <mark>highlight text using mark tag</mark> adipisicing elit. Et, iste.</p>

    <!--Delete line using <del> tag-->
    <p>Lorem ipsum dolor sit, amet <del>Delete Text using del tag</del> elit. Iste, officiis.</p>

    <!--Underline text using <ins> tag-->
    <p>Lorem ipsum dolor sit amet <ins>Underline using ins tag</ins> adipisicing elit. Quam, temporibus?</p>

    <hr>

    <!--power and base using <sup> and <sup> respectivly-->
    <h3>Power using sup tag X<sup>2</sup></h3>

    <h3>Base using sub tag Y<sub>4</sub></h3>

    <hr>

    <!--Quotation: double quot using <q> tag-->
    <p>
        <q>Use Double Quotation Using q tag.</q>
    </p>

    <!--use abbr tag to show full form of any text on hover-->
    <p><abbr title="Hyper Text Markup Language">HTML</abbr></p>

    <!--anchor tag a-->
    <a href="https://www.thecsdev.com">The CS Developers</a> <br>
    <a href="https://www.thecsdev.com" title="The CS Developers" target="_blank">The CS Developers Open in New Tab</a>

    <!--Email link-->
    <p>Contact Us: <a href="mailto:admin@gmail.com?subject=HELLO WORLD">admin@gmail.com</a></p>


</body>
</html>