A website is made up of web pages

Web content includes: text, pictures, links and other elements

Web pages are written using html hypertext markup language

The file extension is .html

Common browsers: Google, Firefox, IE, Safari

Browsers and corresponding kernels

W3C World Wide Web Consortium

Standard enough content

Tags are wrapped using <>

Most of them appear in pairs, which are double labels, and if they appear singly, they are single labels.

Tags consist of parent-child (inclusive) relationship and sibling (parallel) relationship.

There are many code editors, the principle is that you can use them comfortably

Recommended to use VS Code

Commonly used shortcut keys for VS Code

<! DOCTYPE>Label

lang language

charset character set

According to the semantics of the tag, giving the most reasonable tag at the appropriate place can make the page structure clearer.

h1->h6 decreases step by step

The browser will automatically apply line breaks

force line break

single label

Bold

tilt

strikethrough

Underline

div

span

Attributes

Characteristics of properties

path

Link tag <a ></a>

anchor point

<table></table> table

OK

Cell

<th></th> Header Bold Blackened Automatically centered

<caption></caption> The title of the table is written inside and displayed outside. Centered

<thead></thead> Structure header

<tbody></tbody> structure

<tfoot></tfoot> Structure bottom

border: table border, default 0

width: width

height: height

cellspacing: the distance between cells

cellspadding: the distance between cells and content

align: left/center/right

colspan: column merge

rowspan: row merge

1.text: text box

2.password: password box

3.radio: radio button

4.checkbox: check box

5.button: ordinary button

6.reset: The reset button needs to be combined with the form to be effective.

7.submit: Submit button

8.image attribute src

9.file file button to upload pictures

1.Send background......

2. Name identification. For radio buttons, only one can be selected.

You can write an attribute or attribute name = attribute value

1.<label>Please enter <input type="text"> <input type="text"></label>

2.<label for="a">Please enter</label> <input type="text" id="a">

<select> <option>Please select</option> <option >Apple</option> <option selected>Banana</option> <option>Orange</option> </select>

The main function: to collect user information and send it to the background

action: Submit the address of the background

method="get/post" Submission (transmission) method to the background

name = "a" tells the server which form was submitted