0% found this document useful (0 votes)
5 views2 pages

Essential HTML Tags Explained

This document provides an overview of various HTML tags and their functions, including the structure of an HTML document with <html>, <body>, and <p> tags. It details the use of formatting tags such as <b>, <em>, <strong>, <sub>, and <sup>, as well as elements for images, tables, and hyperlinks. Each tag is accompanied by its description and relevant attributes, highlighting their roles in web development.

Uploaded by

bayrondeansmark
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
5 views2 pages

Essential HTML Tags Explained

This document provides an overview of various HTML tags and their functions, including the structure of an HTML document with <html>, <body>, and <p> tags. It details the use of formatting tags such as <b>, <em>, <strong>, <sub>, and <sup>, as well as elements for images, tables, and hyperlinks. Each tag is accompanied by its description and relevant attributes, highlighting their roles in web development.

Uploaded by

bayrondeansmark
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

HYPERTEXT MARKUP LANGUAGE TAGS - #1

Tags Description
<html>…</html> ✓ represents the root of an HTML document.
✓ defines the document's body.
✓ The <body> element contains all the contents of an HTML document, such as
headings, paragraphs, images, hyperlinks, tables, lists, etc.
✓ Attributes:
<body>…</body> • background: Specifies the URL of an image to be used as the background.
• bgcolor: Sets the background color of the document.
• text: Defines the default text color for the document.
• link: Specifies the color of unvisited links.
• alink: Specifies the color of active links (when clicked).
• vlink: Specifies the color of visited links.
✓ defines a paragraph.
<p>…</p> ✓ Browsers automatically add a single blank line before and after
each <p> element.
<h1>…</h1>
<h2>…</h2> ✓ The <header> element represents a container for introductory content or a set
<h3>…</h3> of navigational links.
<h4>…</h4>
<h5>…</h5>
<h6>…</h6>
<b>…</b> ✓ The <b> tag specifies bold text without any extra importance.
<em>…</em> ✓ The <em> tag is used to define emphasized text. The content inside is typically
displayed in italic.
<i>…</i> ✓ The <i> tag defines a part of text in an alternate voice or mood. The content
inside is typically displayed in italic.
<small>…</small> ✓ The <small> tag defines smaller text (like copyright and other side-comments).
<strong>…</strong> ✓ The <strong> tag is used to define text with strong importance. The content
inside is typically displayed in bold.
✓ The <sub> tag defines subscript text.
<sub>…</sub> ✓ Subscript text appears half a character below the normal line, and is
sometimes rendered in a smaller font.
✓ Subscript text can be used for chemical formulas, like H2O.
<sup>…</sup> ✓ The <sup> tag defines superscript text.
✓ Superscript text appears half a character above the normal line, and is
sometimes rendered in a smaller font.
✓ Superscript text can be used for footnotes, like WWW[1].
<ins>…</ins> ✓ The <ins> tag defines a text that has been inserted into a document.
✓ Browsers will usually underline inserted text.
<del>…</del> ✓ The <del> tag defines text that has been deleted from a document.
✓ Browsers will usually strike a line through deleted text.
✓ The <img> tag is used to embed an image in an HTML page.
✓ Images are not technically inserted into a web page; images are linked to web
pages. The <img> tag creates a holding space for the referenced image.
✓ The <img> tag has two required attributes:
o src - Specifies the path to the image
o alt - Specifies an alternate text for the image, if the image for some
reason cannot be displayed.
<img>…</img> ✓ Attributes:
Attribute Value Description

alt text Specifies an alternate text


for an image
height pixels Specifies the height of an
image

ismap ismap Specifies an image as a


server-side image map

sizes sizes Specifies image sizes for


different page layouts

src URL Specifies the path to the


image

usemap #mapname Specifies an image as a


client-side image map

width pixels Specifies the width of an


image
✓ The <table> tag defines an HTML table.
✓ An HTML table consists of one <table> element and one or more <tr>, <th>,
<table>…</table> and <td> elements.
✓ The <tr> element defines a table row, the <th> element defines a table header,
and the <td> element defines a table cell.
<a>…</a> ✓ The HTML <a> tag, also known as the anchor tag, is used to create hyperlinks.
✓ The most important attribute of the <a> element is the href attribute, which
indicates the link's destination.

You might also like