The HTML coding system known as HyperText Markup Language provides webpage foundation through structural elements and included content. The standard set of HTML elements serves multiple essential purposes which include arranging text content while using embeddable media objects and generating interactive elements and maintaining site navigation flow. Web developers from all levels of experience need to grasp these elements because they ensure websites remain reachable through accessible designs which deliver a friendly user experience along with good looks. See our more blogs.
Table of Contents
HTML Common Elements
1) What is HTML?
Any website develops through Hypertext Markup Language HTML which serves as the standardized programming language for web markup. The programming language contains multiple html common elements for maintaining content structure in web pages. The HTML common elements appear as an administrative list that includes both structure and presentation functions. See bellow our HTML Common Elements.
2) How to Use HTML Tags: A Beginner’s Guide
The web exists as a foundation through HTML (Hypertext Markup Language). HTML makes up the fundamental language which structures content display in web pages. HTML documents use HTML tags as their fundamental building components. Web designer use HTML tags by putting them between quotation marks (<>) while they normally function in pairs such as <p> and </p>. See bellow our HTML Common Elements.
<!DOCTYPE html>
<html>
<head>
<title>My First Web Page</title>
</head>
<body>
<h1>Hello, World!</h1>
<p>This is my first
paragraph.</p>
</body>
</html>
3) All HTML Common Elements:
A complete list shows all HTML elements divided into usage categories in this table. See our bellow HTML Common Elements.
1. Document Structure
Tag
Description
<!DOCTYPE>
The statement indicates both document structure as well as HTML version.
<html>
Root element of an HTML document.
<head>
The file contains both metadata along with references to styles and scripts.
<title>
The page title displayed in the browser tab receives its definition in this area.
<body>
This part of the document implements its central topic.
2. Metadata and Linking
Tag
Description
<meta>
This section outlines additional instructions about character set together with viewport details.
<link>
Links external resources like stylesheets.
<style>
Contains internal CSS styles.
<base>
The document defines the location for relative links through a base URL.
3. Text Formatting
Tag
Description
<h1>to <h6>
Headings from largest (h1) to smallest (h6).
<p>
Defines a paragraph.
<br>
Inserts a line break.
<hr>
Inserts a horizontal rule (thematic break).
<strong>
Defines strong (bold) text.
<em>
Defines emphasized (italic) text.
<b>
The command turns text bold but it lacks meaning for machines.
<i>
The text becomes italicized only for visual presentation.
<u>
Underlines text.
<s>
Strikethrough (deprecated, use <del>).
<small>
Displays smaller text.
<mark>
Highlights text.
<sub>
Subscript text.
<sup>
Superscript text.
<ins>
Defines inserted text (usually underlined).
<del>
The text appearing for deleted content gets displayed with crossed lines through it.
<abbr>
Defines an abbreviation or acronym.
<cite>
The citation labels a title of work (the formatting defaults to italic font).
<q>
Defines a short inline quotation.
<blockquote>
Defines a block-level quotation.
<code>
Defines computer code text.
<pre>
Displays preformatted text (preserves whitespace).
<kbd>
Defines keyboard input text.
<var>
Programming context requires a variable definition within its scope.
<samp>
The definition provides examples of program output format.
4. Lists
Tag
Description
<ul>
Unordered list (bullets).
<ol>
Ordered list (numbers).
<li>
LI is a list item which must exist within both <ul> and <ol> elements.
<dl>
A definition list serves to present term-definition pairs.
<dt>
Within a definition list it indicates which term receives definition.
<dd>
The definition list contains a term description when using this element.
5. Links and Navigation
Tag
Description
<a>
Defines a hyperlink.
<nav>
Defines a navigation section.
6. Tables
Tag
Description
<table>
Defines a table.
<tr>
Defines a table row.
<th>
Defines a table header cell.
<td>
Defines a table data cell.
<caption>
Defines a table caption.
<thead>
Groups header content in a table.
<tbody>
Groups body content in a table.
<tfoot>
Groups footer content in a table.
<colgroup>
Specifies a group of columns.
<col>
Specifies column properties inside <colgroup>.
7. Forms and Input
Tag
Description
<form>
Defines an input form.
<input>
Defines an input field.
<textarea>
A text box which allows multiple lines of user input exists within the HTML language.
<button>
Defines a clickable button.
<select>
Defines a dropdown list.
<option>
Defines an option inside <select>.
<optgroup>
Groups related options inside <select>.
<label>
Labels an input field.
<fieldset>
Groups related form elements.
<legend>
Defines a caption for <fieldset>.
<datalist>
The element supplies a set of predetermined values for user selection.
<output>
Displays output of calculations.
<progress>
Displays progress of a task.
<meter>
Represents a scalar measurement.
8. Multimedia
Tag
Description
<img>
Embeds an image.
<audio>
Embeds audio content.
<video>
Embeds video content.
<source>
The element uses inside tags to specify several media sources in conjunction with either audio or video.
<track>
Specifies subtitles for media elements.
<picture>
Defines a responsive image container.
<map>
Defines an image map.
<area>
An area in an image map becomes clickable through the <area> element.
<figcaption>
A figure component requires its own caption element when defined.
<figure>
Groups images, diagrams, etc.
9. Sections and Layout
Tag
Description
<div>
Defines a block-level container.
<span>
Defines an inline container.
<header>
The element establishes headers which can contain both pages and sections.
<footer>
The element specifies the footer content for sections or pages.
<section>
A section contains themed content organization.
<article>
Defines independent, self-contained content.
<aside>
The element sets content that exists apart from the main document text.
<main>
The main content section of the page becomes defined within this element.
<summary>
Defines a summary inside <details>.
<details>
Creates an expandable section.
<dialog>
A dialog box together with popups falls under this definition.
10. Interactive and Script Elements
Tag
Description
<script>
Embeds JavaScript code.
<noscript>
The document specifies alternative content for when JavaScript function is disabled.
<canvas>
The HTML element enables JavaScript developers to create animations and graphics.
<svg>
Embeds scalable vector graphics.
11. Embedded Content
Tag
Description
<iframe>
Embeds another webpage.
<embed>
This element enables the integration of external content which includes Flash files or PDF documents.
<object>
Embeds objects such as multimedia.
<param>
Defines parameters for <object>.
12. Deprecated & Obsolete Tags
Tag
Description
<acronym>
Use <abbr> instead.
<applet>
Use <object> instead.
<bgsound>
Not supported in modern browsers.
<big>
Use CSS instead.
<blink>
Not supported in modern browsers.
<center>
Use CSS instead.
<font>
Use CSS instead.
<marquee>
Use CSS animations instead.
The current HTML tag collection is fully represented within this table. I can provide additional information about any particular tag tag that you need details on. See top bar our HTML Common Elements.
Conclusion
and and sections and The list represents some fundamental HTML common elements that you will find in website development. The original list of HTML common elements may be short yet it provides essential knowledge about the fundamental structure of HTML. Both HTML common elements and CSS as well as JavaScript have replaced numerous previous elements with modern development tools. </p> <p>Many website content requires HTML common elements for structure along with formatting purposes. HTML common elements provides a flexible syntax which allows developers to create exciting internet presence experiences..</p>