forked from kaziadilmemon/Master-HTML-CSS
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Headings and Paragraph tags.html
39 lines (36 loc) · 1.88 KB
/
Headings and Paragraph tags.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
<!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>Headings and Paragraphs</title>
</head>
<body>
<!-- we can add heading by uing h1,h2,h3,h4,h5 and h6 depend upon the size-->
<h1>Hi,i am Adil</h1>
<h2>Hi,i am Adil</h2>
<h3>Hi,i am Adil</h3>
<h4>Hi,i am Adil</h4>
<h5>Hi,i am Adil</h5>
<h6>Hi,i am Adil</h6>
<!-- we can add paragraph by using <p> tag and use word "lorem" for words if you write
lorem4 then it will add only four words-->
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Iste omnis
consequatur<strong>this is bold </strong>ut eligendi<em>this is emphasized</em>accusantium eaque minima, optio nisi beatae
eveniet placeat obcaecati repudiandae molestiae
temporibus fugit et ipsam magni.</p>
<p>Lorem ipsum dolor sit.</p>
<!--using ctrl +enter to jump into the new line -->
<!-- you can use also <b>for bold the character as well as <i> use to italic it
but The HTML5 does not recommended-->
<p>Lorem ipsum dolor sit amet consectetur<b>this is bold</b>
<i>this is italic</i></p>
<!-- <br> use for break the line-->
<p>Lorem ipsum dolor sit amet consectetur <br>adipisicing elit. Labore aut, sapiente velit nemo eligendi perferendis cum, aliquid ea placeat odit laborum in delectus veniam! Quasi, aliquid labore? Et omnis placeat illo quos quod. Aperiam aut ad ab doloremque, cupiditate
fuga possimus modi laborum voluptate, dolores labore. Nobis quos delectus quasi!</p>
<!--<hr> use for It helps to add a horizontal ruler like a line on the webpage. -->
<hr>
<p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Corrupti?</p>
</body>
</html>