HTML Basics

HTML Heading

HTML headings are defined using the <h1> to <h6> tags. "h" stands for header, and headings are widely used in web structure, writing, and presentations. The six heading tags represent different levels of content in a document:

<h1> denotes the main heading (usually one per page)
<h2> for subheadings
<h3> for sub-subheadings
<h4>, <h5>, and <h6> for decreasing font sizes
Examples:


<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>

HTML Paragraphs

HTML paragraphs are defined using the <p> tag.

Examples:

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

HTML Links

HTML links are defined using the <a> tag. The anchor element can link to external addresses or navigate within the same page.

Example:

<a href="https://www.webcode101.com">This is a link</a>

Note: Specify the link address in the href attribute.

HTML Images

HTML images are defined using the <img> tag. Use the src attribute to point to the image's URL.

Example:

<img src="https://www.webcode101.com/Template/RanEn/skin/images/logo_default.png" width="453" height="100" />

Note: The image name and dimensions are provided as attributes.

HTML Emphasis

In HTML, the em element is used for emphasis, and by default, browsers display it in italics.

Example:

<p>I am <em>glad</em> you don't <em>hate me</em>.</p>

The strong element marks strong importance, and by default, browsers display it in bold.

Examples:

<p>This liquid is <strong>highly toxic</strong>.</p>
<p>I count on you <strong>not</strong> to be late!</p>