Comprehensive understanding of HTML basic structure

Introduction to HTML

HyperText Markup Language: Hypertext Markup Language

HyperText: Hypertext (text + pictures + video + audio + links)

Markup Language:

Three elements of a website

Image, hyperlink, text

HTML Basic Structure

XML/HTML CodeCopy content to clipboard

< html >
< head >
< title > Document </ title >
</ head >
< body >
I am mossbaoo!
</ body >
</ html >

Standard HTML tags for web pages

1. HTML document declaration: <!DOCTYPE HTML>

2. Page title: <title>~</title>

3. Page encoding: <meta charset="utf-8" />

UTF-8 is a multi-language encoding (recommended)

gb2312 is the simplified Chinese encoding

4. Page keywords: <meta name="keywords" content="Keyword 1,Keyword 2,…" />

Main content of the page: <meta name="description" content="Content introduction" />

Note: The meta tag is an auxiliary tag of the HTML language, usually used to optimize search engines. It is located in the head of the HTML document.

Generate the initial structure of the HTML document

1. HTML5 standard structure: html:5+Tab key or !+Tab key

The generated results are as follows

XML/HTML CodeCopy content to clipboard

<!DOCTYPE html >
< html lang = "en" >
< head >
< meta charset = "UTF-8" >
< title > Document </ title >
</ head >
< body >
</ body >
</ html >

2. HTML4 transitional structure: html:xt+Tab key

The generated results are as follows

XML/HTML CodeCopy content to clipboard

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html xmlns = "http://www.w3.org/1999/xhtml" xml:lang = "en" >
< head >
< meta http-equiv = "Content-Type" content = "text/html; charset=UTF-8" >
< title > Document </ title >
</ head >
< body >
</ body >
</ html >

Note on HTML tags:

• HTML elements consist of start tags and end tags.

• The text enclosed between the start and end tags is the content of the element.

• HTML tags must have a beginning and an end. If it is a tag with no content (empty tag), use /> to end it.

• Tag names are not case sensitive, but in XHTML tag names must be lowercase.

• Tags have attributes, which are used to represent the properties and characteristics of the tags. Attributes are specified in the opening tag.

The above comprehensive understanding of the basic structure of HTML is all the content that the editor shares with you. I hope it can give you a reference. I also hope that you will support 123WORDPRESS.COM.

Original URL: http://www.cnblogs.com/mossbaoo/archive/2016/07/31/5724065.html

<<: Implementing a simple Christmas game with JavaScript

>>: Pure CSS and Flutter realize breathing light effect respectively (example code)