HTML Basic Tags
Text Element
HTML provide fundamental element for text element to help While displaying any heading, paragraph in your browser adds one line before and one line after that heading. The folowing text element are ststed below
Heading Tags
A document begins with a heading. You can use different sizes for your headings. HTML also has six levels of headings, which use the elements <h1>, <h2>, <h3>, <h4>, <h5>, and <h6>. A heading tag like other block element, browser display them by adding one line before and one line after them.
<!DOCTYPE html>
<html>
<head>
<title>Heading Tags </title>
</head>
<body>
<h1>Meta Tags</h1>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
</body>
</html>
Paragraph Tag
A text document are structure in a paragraphs. HTML paragrap start with opening tag <p&glt; and a closing tag <p>.
<!DOCTYPE html>
<html>
<head>
<title>Paragraph Tags </title>
</head>
<body>
<p>Here is a paragraph of text <p>
</body>
</html>
Line Break Tag
A Line break tag <br/> is an empty element. An empty element has no content between since it does not need both pair tags( opening and closing tags). A line break Element starts from the next line.
<!DOCTYPE html>
<html>
<head>
<title>Line Break Tags </title>
</head>
<body>
<p>Length = 2 <br/>
Breath = 3 <br/>
Area = 2 x 3
<p>
</body>
</html>
Horizontal Lines
Horizontal lines help to seperate sections of a document by creating a line between them.
<!DOCTYPE html>
<html>
<head>
<title>Horizontal Line Tag </title>
</head>
<body>
<h2>My Tutorial <h2/>
<hr/>
<p> Learning HTML text Element </p>
</body>
</html>
Preserve Formatting
A Preserve Formating helps to display the exact format which document what structure. The Preserve element tags conserve the structure of document written between the tags<prev> and </prev>.
<!DOCTYPE html>
<html>
<head>
<title>Preserve Formatting</title>
</head>
<body>
<pre>
function testFunction( strText ){
alert (strText)
}
<pre>
</body>
</html>
Nonbreaking Spaces
Nonbreaking Spaces
enable the group of words or text so that this word won't be seperate by the browsers.
<!DOCTYPE html>
<html>
<head>
<title>Nonbreaking Spaces </title>
</head>
<body>
<p>
An example of this technique appears in the movie "12& nbsp;Angry& nbsp;Men
<p>
</body>
</html>
