Getting started with html5-html commonly used tags

Text title

The text title is generally divided into 6 levels

<hx></hx> x可以是1-6
<h1>标题一</h1>
<h2>标题二</h2>
<h3>标题三</h3>
<h4>标题四</h4>
<h5>标题五</h5>
<h6>标题六</h6>

Fonts and character entities

Font

Tilt mark

<i></i>
<em></em>

Bold mark

<b></b>
<strong></strong>

Underscore

<u></u>

Empty mark, set the font to wrap

<br/>

Empty mark, make horizontal line

<h1/>

Paragraph mark, space before paragraph and paragraph

<p></p>

Character entity

Some special characters, such as spaces,'<' and'>', & etc.
Common ones are

No-break spaces

 

Right angle bracket

>

Left angle bracket

<

Record symbol

©

Commonly used elements

Can be divided into independent, different parts. It can be used as a strict organization tool and does not use any format associated with it.

<div></div>

Text node, it can be a short paragraph of text or a word

<span></sapn>

List of applications

Unordered list

<ul>
    <li>第一项</li>
    <li>第二项</li>
    <li>第三项</li>
</ul>

Ordered list, with a number before each item

<ol>
    <li>第一项</li>
    <li>第二项</li>
    <li>第三项</li>
</ol>

Custom list, list title, list item (description)

<dl>:自定义列表，其中<dt>表示列表标题；<dd>表示列表项

<dl>
    <dt>列表标题</dt>
    <dd>第一项</dd>
    <dd>第二项</dd>
    <dt>列表标题2</dt>
    <dd>第一项</dd>
    <dd>第二项</dd>
</dl>

Hyperlinks and pictures

href="jump link"
alt=comment
title="mouse up to display content"

<a href="" alt="" title=""> </a>

src="picture address"
alt=display text
title when the picture is missing, mouse up to display text

<image src="" alt="" title=""></image>