HTML-Notes-CODES/code3.html at main · SHROUDSOURAV/HTML-Notes-CODES · 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
<!DOCTYPE html>     <!--We will learn formating in this html code-->
<html lang="en">    <!--bold tag<b>, <strong> strong tag, italics tag<i><sup>superscript tag <sub>subscript tag-->
                    <!--header tag attributes => styling and background colors
                        <p style = "
                        text-align:centre/left/right"
                        >...(text)......</p>
                        -->
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML header bold italics superscript subscript</title>
</head>
<body>
    <!-- control slash to do comment line -->
    <h1>Formating</h1>
    <!-- in header tag texts are already bold -->


    <!-- shift + alt + downward arrow to copy and paste line pointed by cursor -->

    <!-- to edit start and end of a tag
    press left click on the tag then hold alt and press left click
    on the other tag and edit it both at the same time
    -->
    <p>asasdasdasdasdasd</p>
    <p>asasdasdasdasdasd</p>
    <!-- <b></b> tag to make text bold
    <strong> </strong> tag = make text bold with css
    -->
    <strong>hello my Friend!!!</strong>
   </b> <p>hello <b>world</b></p>
    <p>asdasdasd</p>

   <!-- ul = unordered list
        li = list
     -->
    <!-- ul>li*n>(press tab)
    n = number of lists the user wants
    below is a given example
    eg = ul>li*3>(press tab)
    -->
    <!-- <i>tag  = italics text -->
   <i>words written are italic</i>
    <ul>Football Positions
        <li>centre forward</li>
        <li>left wing</li>
        <li>goal keeper</li>
    </ul>
    <!-- ol = ordered list => have bullet points in numbers unlike ul = unordered list -->
     <ol>Numbers
        <li>One</li>
        <li>Two</li>
        <li>Three</li>
        <li>Four</li>
     </ol>
    <!-- sup = superscript tag used to write (to the power of a value) like in formulas of chemistry or maths -->
    <!-- sub = subscript tag  example given below. Usage of subscript and superscript are given below checkout the live server to find the exact difference and usage -->
    <p>NH<sub>3</sub>, H<sub>2</sub>O</p>
    <p> (a + b)<sup>2</sup> = a<sup>2</sup>+b<sup>2</sup>+2ab</p>


<!-- write p tag text styling like the manner show below
 for better code readabilty -->


    <p style = "
    text-align:center;
    background-color:aqua";
    >text will be written center</p>
    <p style = "
    text-align:left"
    >text will be written left</p>
    <p style = "
    text-align:right"
    >text will be written right</p>


<!-- linking css file how to do that below -->
<!-- before linking we need to make a .css file and link it -->
<!-- link:css then press tab -->
<link rel="stylesheet" href="style.css">


</html>