double label

Single tag (empty elements do not need to contain content)

Nested relationship (parent-child)

Parallel relationship (brothers)

p: paragraph

br: newline

hr: Horizontal line is rarely used

hx: title h1~h6

div: display up and down: one per line

span: display in one line: multiple in one line

Bold

tilt

Underline

strikethrough

<tag name attribute 1="attribute value 1"...> content </tag name>

For example: <img src="media/tab.png" />

src

Attributes

alt

title

width

height

Syntax format

target

a href

external link

internal link

Anchor positioning

Same level path

Next level path/

Previous level path

"D:\web\img\logo.gif", or the complete network address, such as "http://www.itcast.cn/images/logo.gif".

All web pages open in new windows

Written in head: <base target="_blank" />

Document header

title

Document topic

Document type html5

character set

The language type is English lang="en"

html

Body

css

dress up

JavaScript

action skills

<ol><li></li></ol>

<ul><li></li></ul>

type

value

name

checked

Prompt message

form: form field

form control

Goal: The main purpose of the label is to improve user experience. Provide the best service to users.

Method 1: Use label to directly include the input form.

Method 2: The for attribute specifies which form element the label is bound to.

table

tr line

td cell

th header cell

cellspacing The distance between cells and cells

cellpadding The distance between cell content and cell border

Caption is written into the table

Top and bottom: merge rowspan across rows

Left and right: merge across columns colspan

Three major steps

<thead></thead>: used to define the header of the table. Used to put things like titles. <thead> must have <tr> tag inside!

<tbody></tbody>: used to define the body of the table and put the data ontology.

Foot: <tfoot></tfoot> Place footnotes for tables and the like.

The above tags are all placed in the table tag.