Welcome to “Algorithms and the Beauty of Programming” ↑ pay attention to us!

This article was first published on the wechat official account “Beauty of Algorithms and Programming”. Please follow us and learn more about this series of articles in time.

1 Problem Description

When we learn HTML for the first time, we often don’t know where to start, or we don’t know what HTML is for and what role it plays in the front end. So we can look at this before we learn HTML, and it will give us a clearer direction along the way.

2 Problem Analysis

A house is made up of foundations, walls and a roof. If you think of the front end as building a house, HTML is the construction phase. As a markup language, it describes the structure of the web page. You can think of it as a set of layout rules for web content. Start by learning more about simple HTML tags, which are the basic unit of HTML documents.

3 Solution

Common elements in <head>

The < meta > tags:

Also known as “metadata elements,” they are not displayed on the client, but are parsed by the browser. Usually used to define page keywords, description, author information, etc. To facilitate the search engines to search for page related information. Metadata simply tells search engines what the page is about, who wrote it, and so on.

The < title > tag:

The <title> tag defines the title of the document and is required in all HTML documents. That’s the title at the top of the browser when the page opens.

Common elements within <body>

There are six levels of header elements in HTML. Levels from large to small are passed through <h1> – <h6> (&#