Description:
In previous posts I have explained what an HTML is. How to make it and how to make it work. If you haven't seen those tutorials, you should try them first. Later in today's post we will see which tags are used in HTML and how they are used and what they do. Today we will only talk about HTML then we will talk about how it is designed using styles.
Headlines.
- Headings.
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
<h1> Heading 1 </h1><h2> Heading 2 </h2><h3> Heading 3 </h3><h4> Heading 4 </h4><h5> Heading 5 </h5><h6> Heading 6 </h6>
- Paragraphs.
<p>This is a Paragraph 01</p>
<p>This is a Paragraph 02</p>
Preview:
This is a Paragraph 01
This is a Paragraph 02
<p>This is a demo text.This is a demo text. This is a demo text.
This is a demo text. This is a demo text. This is a demo text.This is a demo text.This is a demo text.This is a demo text.This is a demo text.</p>
Preview:
This is a demo text. This is a demo text. This is a demo text. This is a demo text. This is a demo text. This is a demo text. This is a demo text. This is a demo text. This is a demo text. This is a demo text.
In the paragraph, the brake tag <br> is used to stop the line, while the <hr> tag is used for the thematic break. The <hr> tag describes the thematic spacing in HTML pages, and often appears as a horizontal rule. The <hr> element is used to separate (or explain the change) content in the HTML page:
For example:<p>This is a demo text.This is a demo text.<hr>This is a demo text This is a demo text This is<br> a demo text This is a demo<br> text This is a demo text.This is a demo text.This is a demo text.This is a <br>demo text.This is a demo text.This is a demo text.<hr>This is a demo text.</p>
This is a demo text. This is a demo text.
This is a demo text This is a demo text This is
a demo text This is a demo
text This is a demo text. This is a demo text. This is a demo text. This is a
demo text. This is a demo text. This is a demo text.
This is a demo text.
The <p>
tag is not used in the paragraph to display the absolute space or line in
the browser.
The <pre> tag is used for this. <pre>
The tag displays all the lines and spaces in the text in exactly the same
way as the coding.
For example:
<pre>
This is a demo text.
This is a demo text.
This is a demo text.
This is a demo text.
This is a demo text.
This is a
demo text.
This is a demo text.
This is a demo text.
</pre>
Preview:
This is a demo text.
This is a demo text.
This is a demo text.
This is a demo text.
This is a demo text.
This is a
demo text.
This is a demo text.
This is a demo text.
- Text Formatting.
<b> - Bold text </b>
<strong> - Important text</strong>
<i> - Italic text</i>
<em> - Emphasized text</em>
<mark> - Marked text</mark>
<small> - Smaller text</small>
<del> - Deleted text</del>
<ins> - Inserted text</ins>
<sub> - Subscript text</sub>
<sup> - Superscript text</sup>
HTML <b> and <strong> elements:
The HTML <b> element defines bold text, without any additional importance.
The HTML <Strong> element explains the strong importance of text. The contents are usually shown in bold.
HTML <i> and <em> elements:
The HTML <i> element defines a portion of the text in alternate sound or mode. The contents usually appear in italics. Hint: <i> The tag is often used to indicate a technical term, a phrase in another language, a thought, the name of a ship, etc.
The HTML <em> element defines the stressed text. The contents usually appear in italics. Hint: A screen reader will pronounce words aloud in <em> using verbal pressure.
HTML <small> element:
The HTML <small> element defines short text.
HTML <mark> element:
The HTML <mark> element defines the text that should be marked or highlighted.
HTML <del> element:
The HTML <del> element defines text that has been deleted from a document. Browsers will usually attack a line with deleted text.
HTML <ins> element:
The HTML <ins> element defines the text that is inserted into the document. Browsers will typically sketch incoming text.
HTML <sub> element:
The HTML <sub> element defines the subscript text. The subscript text appears with half a letter below the normal line, and is sometimes rendered in lower font. Subscript text can be used for chemical formulas, such as CH₄ . The "4" is a sub element.
HTML <sup> element:
The HTML <sup> element defines superscript text. Superscript text appears in half a letter above the usual line and is sometimes rendered in small fonts. Superscript text can be used for footnotes, such as Copyright© The "©" is a sup element.
0 Comments