Front-End Learning--html

HTML Overview and basic structure

What is HTML?

Http://www.w3school.com.cn/index.htmlHTML is the acronym for Hypertext Mark-up Language, which means Hypertext Markup Language, which refers to hyperlinks, tags to tags, is a language used to make Web pages, the language is composed of a label, a file made in this language is a text file, the file extension is HTML or HTM, an HTML file is a Web page, the HTML file is opened with an editor to display text, you can edit it in text mode , if opened in a browser, the browser renders the file as a Web page according to the label description, and the displayed page can jump from one page link to another page.

HTML is composed of: tags and content

<title> This is the title in the document </title>

Syntax for HTML tags (tags)

The label is a double-label:< tag name >....</tag name > single label:< tag name, enclosed by "<" and ">"/>

HTML Basic knot

<! DOCTYPE html>

HTML Document Specification

HTML has developed a document to write specifications, HTML5 can be partially adhered to, but also can comply with all, see development requirements. 1. All tags must be lowercase 2, all attributes must be enclosed in double quotes 3, all tags must be closed 4, IMG must be alt attribute (description of the picture)

HTML comments:

The HTML document code can insert comments, comments are descriptions and explanations of the code, the contents of the comments are not displayed on the page, and the method of inserting comments in the HTML code is:<!--This is a comment--  

head header in HTML

<! DOCTYPE html>Settings page encoding: <meta charset= "utf-8"/> Keyword: <meta name= " Keywords "content=" keyword "/> description:  <meta name=" Description "content=" Introduction, description "/> Page title:<title> this page title </ Title> Import CSS file: <link type= "Text/css" rel= "stylesheet" href= "**.css"/>CSS Code: <style type= "Text/css" > Embed CSS style code </style>js file or code: <script > ... </script>

HTML title

With 

<! DOCTYPE html>

HTML paragraphs, line breaks, pictures, links, character entities

<! DOCTYPE Html>

List

<! DOCTYPE html> 

Form:

<! DOCTYPE html>

form:

<! DOCTYPE html>