All About HTML Tags
HTML (Hypertext Markup Language) is the standard markup language for creating web pages. It provides a structure for content on the internet. HTML consists of various tags that define different elements of a webpage.
1. Introduction to HTML Tags
HTML tags are enclosed in angle brackets <
and >
. They come in pairs, with an opening tag and a closing tag, and they specify the structure of the content.
2. Basic HTML Tags
Some basic HTML tags include:
<html>
: Defines the root of an HTML document<head>
: Contains meta-information about the document<title>
: Sets the title of the document<body>
: Contains the visible content of the document<h1>
,<h2>
,<h3>
: Defines headings<p>
: Defines a paragraph<a>
: Defines a hyperlink<img>
: Embeds an image<ul>
: Defines an unordered list<ol>
: Defines an ordered list<li>
: Defines a list item
3. HTML Structural Tags
HTML provides tags to structure content hierarchically:
<div>
: Defines a division or section<span>
: Defines a section in a document<header>
,<footer>
,<nav>
,<main>
,<article>
,<section>
: Define different parts of a webpage
4. HTML Formatting Tags
Formatting tags are used to change the appearance of text:
<strong>
: Defines important text<em>
: Defines emphasized text<u>
: Defines underlined text<strike>
: Defines strikethrough text<sup>
: Defines superscript text<sub>
: Defines subscript text
5. HTML Form Tags
HTML provides tags to create forms for user input:
<form>
: Defines an HTML form for user input<input>
: Defines an input control<button>
: Defines a clickable button<select>
: Defines a drop-down list<textarea>
: Defines a multiline input control<label>
: Defines a label for an<input>
element
6. HTML Semantic Tags
Semantic HTML tags provide meaning to the content:
<header>
: Defines a header for a document or section<nav>
: Defines navigation links<article>
: Defines independent, self-contained content<section>
: Defines sections in a document<footer>
: Defines a footer for a document or section
7. HTML Multimedia Tags
Tags for embedding multimedia content:
<img>
: Embeds an image<audio>
: Embeds sound content<video>
: Embeds video content<iframe>
: Embeds a web page within a web page
8. HTML5 New Tags
HTML5 introduced several new semantic and structural tags:
<article>
: Represents an article<aside>
: Defines content aside from the page content<figure>
: Represents self-contained content, like images and diagrams<figcaption>
: Represents a caption or legend for a<figure>
element<details>
: Defines additional details that the user can view or hide<summary>
: Defines a visible heading for a<details>
element
Start exploring HTML tags and unleash your creativity in web design!