HTML Markup

HTML

markup

HTML

introduction

Introduction to HTML

Author

albertprofe

Published

Tuesday, June 1, 2021

Modified

Friday, November 1, 2024

1 HTML: HyperText Markup Language

HTML (HyperText Markup Language) is the most basic building block of the Web. It defines the meaning and structure of web content. Other technologies besides HTML are generally used to describe a web page’s appearance/presentation (CSS) or functionality/behavior (JavaScript).

“Hypertext” refers to links that connect web pages to one another, either within a single website or between websites. Links are a fundamental aspect of the Web. By uploading content to the Internet and linking it to pages created by other people, you become an active participant in the World Wide Web.

HTML uses “markup” to annotate text, images, and other content for display in a Web browser. HTML markup includes special “elements” such as

<head>, <title>, <body>, <header>, <footer>, <article>, <section>, <p>, 
<div>, <span>, <img>, <aside>, <audio>, <canvas>, <datalist>, <details>,
<embed>, <nav>, <output>, <progress>, <video>, <ul>, <ol>, <li>

and many others.

An HTML element is set off from other text in a document by tags, which consist of the element name surrounded by < and >. The name of an element inside a tag is case insensitive. That is, it can be written in uppercase, lowercase, or a mixture. For example, the <title> tag can be written as <Title>, <TITLE>, or in any other way. However, the convention and recommended practice is to write tags in lowercase.

Reference: HyperText Markup Language

2 Anatomy of an HTML document

Individual HTML elements aren’t very useful on their own. Next, let’s examine how individual elements combine to form an entire HTML page:

<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8" />
    <title>My test page</title>
  </head>
  <body>
    <p>This is my page</p>
  </body>
</html>

Anatomy of an HTML document