Web-Development-Notes/1.HTML_tags.html at main · Madhuraj9030/Web-Development-Notes · 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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!--HTML code to involve every tag that learned till date
!+enter= HTML structure program
Headings:
<h1></h1>--heading 1
<h2></h2>--heading 2
<h3></h3>--heading-3
<h4></h4>--heading-4
<h5></h5>--heading-5

Paragraph tag:
<p> </p>

Anchor tag(a+enter ):
<a href="" ></a>
<a href="" target="" title=""></a>-- it is a powerful tag in HTML
some important uses of anchor tag are:
        sending mail(<a href="mailto:mailaddresss" target="" title=""></a>)
        phone to: (<a href="tel:9390270146" target="" title=""></a>)
Image tag:
    conatins two elements src:source, alt:alternative
    <img src="" alt="">(if the file is present in the current directory then mention the name with ./ before --./filename)
lists:
    1. ordered
    2. Unordered
    3. definition
1. ordered lists:
--
there are some ways of writing ol's

basic way:
    <ol>
        <li></li> # this can be done by using emmets(ol>li*3)
        <li></li>
        <li></li>
    </ol>

way-2: using type


    <ol type= 'A' start='1'> it orders list with alphabets- A and goes upto C based on the inner lists
        <li></li>
        <li></li>
        <li></li>
    </ol>

    <ol type= 'i' start='3'> it orders the list with roman numbers that also from iii because start is 3 and goes based on lists
        <li></li>
        <li></li>
        <li></li>
    </ol>

    <ol type= '1' start='0'> it orders the list with numbers that also from 0 because start is 3 and goes based on lists
        <li></li>
        <li></li>
        <li></li>
    </ol>

2. Unordered list:

<ul>
    <li></li>--it specifiy the lists with dots
    <li></li>
    <li></li>
</ul>

3. Definition lists: it is used to define the the mentioned data

<dl>
    <dt>SMPT</dt>
    <dd>simple mail transfer protocol</dd>
    <dt>HTTP</dt>
    <dd>hyper text tranformation protocol</dd>
</dl>

<hr> tag and <br>tag:
<hr> -used to seperate paragraphs using a line between them
<br> -this will break the paragraph and start in a new line


Formatting tags: these tags are used for formatting text

1. <b> </b>   ||  <strong> </strong>    -- this will make text bold
2. <i> </i>   ||    <em> </em>          -- this make the text to italic
3. <u> </u>                             -- underline the text
4. <del> </del>             --used to delete text inside but it wont clear it rather makes line on the text
5. <ins> </ins>             --insert new text with underline, in web page 3,5 are similar to watch
6. <sub> </sub>             --subscript (H20)print it in a format
7. <sup> </sup>             --(a+b)^2 writes it in format
8. <q> </q>                 --makes the text inside it in quotes
9. <code> </code>           --it changes the font of the code and make us to identify text as a code
10. <address> </address>    --italic by default
11. <pre> </pre>            --preformatted text, it will print the text inside as it is and the font also not   changes
-->