Related Topics
HTML
CSS
HTML
<title>Example Document</title>
<!-- Main Heading (H1) -->
<h1>Introduction to HTML</h1>
<!-- Subheading (H2) -->
<h2>What is HTML?</h2>
<!-- Paragraph (P) -->
<p>HTML stands for Hypertext Markup Language. It is the standard markup language used to create web pages. HTML defines the structure and content of a web page, including text, images, and other media.</p>
<!-- Subheading (H2) -->
<h2>Why is HTML important?</h2>
<!-- Paragraph (P) -->
<p>HTML is important because it allows web developers to create structured, semantic web pages that are easily readable by both humans and machines. It also provides a foundation for other web technologies, such as CSS and JavaScript, to build upon.</p>
<!-- Subheading (H2) -->
<h2>Basic HTML Tags</h2>
<!-- Paragraph (P) -->
<p>There are several basic HTML tags that are essential for creating a web page. These include:</p>
<!-- Unordered List (UL) -->
<ul>
<!-- List Item (LI) -->
<li><code><html></code> - defines the root of an HTML document</li>
<li><code><head></code> - contains metadata about the document</li>
<li><code><title></code> - defines the title of the document</li>
<li><code><body></code> - contains the visible content of the document</li>
<li><code><p></code> - defines a paragraph of text</li>
<li><code><h1></code> to <code><h6></code> - define headings of various levels</li>
</ul>
<!-- Subheading (H2) -->
<h2>Conclusion</h2>
<!-- Paragraph (P) -->
<p>HTML is an important language for web development, providing the foundation for creating structured, semantic web pages. By using the basic HTML tags, developers can create well-structured documents that are easily readable by both humans and machines.</p>
<p>This text is <strong>bold</strong>.</p>
<p>This text is <b>also bold</b>.</p>
Both the <strong> and <b> tags have the same effect of making the text bold. However, the <strong> tag is used to indicate text that is of strong importance or emphasis, while the <b> tag is used for stylistic purposes only.
Italic: Use the
<em>or<i>tag to make text italic. For example:
<p>This text is <em>italicized</em>.</p>
<p>This text is <i>also italicized</i>.</p>
Both the <em> and <i> tags have the same effect of making the text italicized. However, the <em> tag is used to indicate text that has emphasis, while the <i> tag is used for stylistic purposes only.
It’s important to note that the use of the <b> and <i> tags for stylistic purposes is not recommended for accessibility reasons. Instead, it’s recommended to use CSS to style the text for visual emphasis while keeping the HTML content semantic.
<p>This is a paragraph of text. It can contain multiple sentences and span multiple lines.</p>
<p>Another paragraph starts here, separated from the previous one.</p>
The <br> tag, on the other hand, is used to insert a line break within a block of text. It creates a new line without starting a new paragraph or adding any extra space. The <br> tag is typically used to break a line of text in cases where it’s not appropriate to start a new paragraph, such as in the middle of a street address or a poem.
For example:
<p>This is a line of text.<br> This is the next line of text.</p>
In this example, the <br> tag is used to break the line of text after “text.” without creating a new paragraph.
It’s important to note that while the <p> tag can contain multiple lines of text and other HTML elements, the <br> tag should only be used for line breaks within a block of text. It’s not recommended to use multiple <br> tags to create extra space between paragraphs or other elements, as this can lead to inconsistent spacing and formatting. Instead, CSS should be used to control the spacing between elements.
<ol>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ol>
This would create a numbered list with three items:
First item
Second item
Third item
Unordered list:
<ul>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ul>
This would create a bullet list with three items:
First item
Second item
Third item
You can also nest lists inside each other to create more complex structures:
<ol>
<li>First item</li>
<li>Second item
<ol>
<li>Subitem 1</li>
<li>Subitem 2</li>
</ol>
</li>
<li>Third item</li>
</ol>
This would create a numbered list with three items, where the second item has a nested ordered list with two subitems:
First item
Second item
Subitem 1
Subitem 2
Third item
You can also customize the appearance of the list items using CSS.
Popular Category
Topics for You
CSS
Go through our study material. Your Job is awaiting.