HTML Tags HTML
- HTML Introduction
- HTML Tags
- HTML Basic Examples
- HTML Headings
- HTML Paragraphs
- HTML Links
- HTML Images
- HTML Buttons
- HTML Lists
- HTML Attributes
- HTML Horizontal Rules
- The HTML <head> Element
- The HTML <pre> Element
- The HTML Style Attribute
- HTML Text Formatting
- HTML Quotation and Citation Elements
- HTML Comment Tags
- HTML Colors
- Styling HTML with CSS
- HTML Tables
- HTML Lists
- HTML The class Attribute
- HTML The id Attribute
- HTML Iframes
- HTML Form Elements
HTML Tags
What is HTML tags
HTML tags are element names surrounded by angle brackets:
<tagname>
content goes here... </tagname>
- HTML tags normally come in pairs like
<p>
and</p>
- The first tag in a pair is the start tag, the second tag is the end tag
- The end tag is written like the start tag, but with a forward slash inserted before the tag name
The start tag is also called the opening tag, and the end tag called the closing tag.
Web Browsers
The purpose of a web browser (Chrome, Edge, Firefox, Safari) is to read HTML documents and display them.
The browser does not display the HTML tags but uses them to determine how to display the document
HTML Page Structure
Below is a visualization of an HTML page structure
<html>
<head>
<title>Page title</title>
</head><body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>
The <!DOCTYPE> Declaration
The <!DOCTYPE>
declaration represents the document type, and helps browsers to display web pages correctly.
It must only appear once, at the top of the page (before any HTML tags).
The <!DOCTYPE>
declaration is not case sensitive.
The <!DOCTYPE>
declaration for HTML5 is:
<!DOCTYPE html>