As we Learnt What are HTML Elements. Let Get into the basic and commenly used elements.
HTML Elements define the Chracterstics of a content to appear in a html page. The are mainly used in the body section of the html page.
The tags must be enclosed with < > these bracket.
Each element has a tagname with start tag and end tag. But for some tags there is no end tag.
Content is placed between tags is: <tag> Content goes here </tag>
Start Tag
Example
End Tag
<h1>
</h1>
<p>
Paragraph p
</p>
<i>
Italic i
</i>
<br>
Hi I am
Breaked
-
<hr>
-
HTML headings defines the tags <h1>, <h2>, <h3>, <h4>, <h5>, and <h6>.
The headings are bold in text by default.
Each tag has its default font-size but it may differ depending on the browser used.
Observe the example to know the difference
EDUCATION
<!DOCTYPE html>
<html>
<head>
<title>Heading Example</title>
</head>
<body>
<h1>Your Heading 1</h1>
<h2>Your Heading 2</h2>
<h3>Your Heading 3</h3>
<h4>Your Heading 4</h4>
<h5>Your Heading 5</h5>
<h6>Your Heading 6</h6>
</body>
</html>
HTML paragraphs are defined with only <p> tag.
The <p> tag has a default font size is around 16 pixels (1em).
<!DOCTYPE html>
<html>
<head>
<title>Paragraph Example</title>
</head>
<body>
<p>This is a paragraph text</p>
</body>
</html>
HTML links are defined with the <a> tag.
href attribute isued to define a link with in a tag.
<a> tag is also called the anchor tag.
<!DOCTYPE html>
<html>
<head>
<title>Link - anchor tag Example</title>
</head>
<body>
<a href="https://www.bmreducation.com/">This is a Link</a>
</body>
</html>
HTML Line break tags are used to break a line in a text and start a new line without starting a new paragraph.
The <br> tag defines a break of the line and start a new line.
<!DOCTYPE html>
<html>
<head>
<title>Link Break - br tag Example</title>
</head>
<body>
<p>Hi I am <br> Breaked</p>
</body>
</html>The <hr> tag seperates a content with a horizontal line.
The HTML <pre> element defines preformatted text, which preserves white space and line breaks within the text.
<!DOCTYPE html>
<html>
<head>
<title>pre tag Example</title>
</head>
<body>
<pre>
BMR EDUCATION
is offering
HTML Course
</pre>
</body>
</html>
HTML images are defined with the <img> tag.
src attribute is ued to define a link with in a tag.
alt attribute is used to give the description of the image.
<!DOCTYPE html>
<html>
<head>
<title>img tag Example</title>
</head>
<body>
<img src="/images/Logo.ico" alt="BMR LOGO Image" width="150" height="150" >
</body>
</html>Get to know more about HTML Images
The Concepts and codes you leart practice in Compilers till you are confident of doing on your own. A Various methods of examples, concepts, codes availble in our websites. Don't know where to start Down some code examples are given for this page topic use the code and compile or Try on own Now
