Introduction to HTML
- Jerry Leong
- Nov 10, 2020
- 2 min read
HTML is the standard language for building Web Pages, it stands for Hyper Text Markup Language.
It describes the structure of a Web page and it consists of a series of elements. The elements tell the browser how to display the content. Elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link", etc.
Below is a visualization of an HTML page structure:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
The <!DOCTYPE html> declaration defines that this document is an HTML5 document
The <html> element is the root element of an HTML page
The <head> element contains meta information about the HTML page
The <title> element specifies a title for the HTML page (which is shown in the browser's title bar or in the page's tab)
The <body> element defines the document's body, and is a container for all the visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.
The <h1> element defines a large heading
The <p> element defines a paragraph
The paragraph above shows how a HTML structure looks like. It always start with what language you are using (which is HTML), a head tags, the title tag and a body tag which is were you can start to code your program.
To code HTML, tags must always start with<tagname> and </tagname>. The first is an opening tag and you have to close it otherwise the computer will not show your work.
The purpose of a web browser (Chrome, Edge, Firefox, Safari) is to read HTML documents and display them correctly.
A browser does not display the HTML tags, but uses them to determine how to display the document:
Please read the following articles on my blog to learn more!
Comments