HTML Introduction

What is HTML?

HTML is a language used to describe web pages.

· HTML refers to HyperText Markup Language: HyperText Markup Language

· HTML is not a programming language, but a markup language

· Markup language is a Set of markup tags

· HTML uses markup tags to describe web pages

· HTML documents contain HTML tags and text content

· HTML documents are also called web pages

· The structure of Hypertext Markup Language (HTML) includes a "head" part (English: Head) and a "main" part (English: Body). The "head" part provides information about the web page. The "Main Body" section provides the specific content of the web page.

HTML tag

HTML markup tag is usually called HTML tag (HTML tag).

· HTML tags are keywords surrounded by brackets, such as & lt; html & gt;

· html tags usually appear in pairs, such as & lt; b & gt;/b & gt;

· The first label in the label is the starting label, and the second label is the end label

· Starting and ending tags are also called open tags and closed tags

##Content

Of course there will also be some single tags, which appear individually, such as
,

---

, etc.

After you finish studying, you can make a summary of commonly used tags and their functions to facilitate memory and search.

HTML Element

"HTML tag" and "HTML element" usually describe the same meaning.

HTML elements refer to all codes from the start tag (start tag) to the end tag (end tag). The following example:

HTML element:

This is a paragraph.

For detailed knowledge of

elements, please refer to //m.sbmmt.com/html/html-elements.html

## Web Browser

Web browsers (such as Google Chrome, Internet Explorer, Firefox, Safari) are used to read HTML files and display them as web pages.

The browser does not display HTML tags directly, but you can use tags to decide how to display the content of the HTML page to the user:

##This is the meaning and role of tags, which are used to determine and change the style displayed on the web page.

HTML web page results

The following is a visual HTML page structure:

   
  
这是一个标题
 
这是一个段落。
 
这是另外一个段落。
  

Only the area (white part) will be displayed in the browser .

HTML version

Since the birth of the early Internet, many HTML versions have appeared:

##< ;!DOCTYPE> Declaration

The declaration helps browsers display web pages correctly.

There are many different files on the Internet. If the HTML version can be declared correctly, the browser can display the web page content correctly.

The doctype declaration is case-insensitive, and the following methods are available:

General declaration

HTML5

< !DOCTYPE html>

HTML 4.01

"http://www.w3 .org/TR/html4/loose.dtd">

XHTML 1.0

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

View the complete web page declaration type DOCTYPE reference manual.

Chinese encoding

Currently, in most browsers, directly outputting Chinese will cause Chinese garbled characters. At this time, we need to add Characters are declared as UTF-8.

HTML Example

     
  
我的第一个标题
 
我的第一个段落。
  

You can try again to delete the and see the result displayed on the page. By comparing it, you can know UTF more clearly. The effect of -8 is gone. Give it a try! !

Through the above study, let’s take a look at the following example. Is it clear?

Follow the analysis and let’s get familiar with it.

HTML Example

     
  
标题：欢迎学习HTML
 
第一个段落
  

Example Analysis

· DOCTYPE declares the document type

##·· located in the tags and describes Document type

· Located on the tag & lt; body & gt; and & lt;/body & gt;

#· Displayed as a paragraph

## also describes the document type in HTML5 .