-
Notifications
You must be signed in to change notification settings - Fork 1
/
Practice1.html
62 lines (54 loc) · 2.19 KB
/
Practice1.html
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
<!DOCTYPE html> <!--its an HTML file -->
<html> <!--Must have a pair -->
<head>
<title>My Webpage Title</title> <!--Title in the browser -->
</head>
<body>
<body style="background-color:rgb(0, 255, 221);"> <!--Background color -->
<h1>This is my first web page </h1>
<p>This is a paragraph </p>
<br> <!--Line Break- no pair -->
<article>This is some page content </article> <br>
<hr> <!--Horizontal rules-no pair -->
<aside>This is the page side bar </aside>
<footer>This is a page footer </footer>
<body background ="../_images/photo.jpg">
<!--Html Styles
Syntax: <tagname style="property:value;"> -->
<p>I am normal</p> <!--Text color -->
<p style="color:rgb(0, 0, 0);" >I am red </p>
<p style="color:rgb(0, 0, 0);" >I am blue </p>
<h1 style="color:rgb(0, 0, 0);">This is a heading</h1>
<p style="color:rgb(0, 0, 0);">This is a paragraph.</p>
<h1 style="color:rgb(0, 0, 0);">This is a heading</h1>
<p style="color:rgb(0, 0, 0);">This is a paragraph.</p>
<p style="font-size:36px;" >I am big</p> <!--Font Text size -->
<h1 style="font-size:400%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>
<h1 style="font-family:verdana;">This is a heading</h1> <!--Font Text style-->
<p style="font-family:courier;">This is a paragraph.</p>
<h1 style="text-align:center;">Centered Heading</h1> <!-- Text alignment-->
<p style="text-align:center;">Centered paragraph.</p>
<!--Formatting Elements-->
<!--<b> - Bold text
<strong> - Important text
<i> - Italic text
<em> - Emphasized text
<mark> - Marked text
<small> - Small text
<del> - Deleted text
<ins> - Inserted text
<sub> - Subscript text
<sup> - Superscript text -->
<b>This text is bold</b>
<strong>This text is strong</strong>
<i>This text is italic</i>
<em>This text is emphasized</em>
<h2>HTML <small>Small</small> Formatting</h2>
<h2>HTML <mark>Marked</mark> Formatting</h2>
<p>My favorite color is <del>blue</del> red.</p>
<p>My favorite <ins>color</ins> is red.</p>
<p>This is <sub>subscripted</sub> text.</p>
<p>This is <sup>superscripted</sup> text.</p>
</body>
</html