html5入门——html常用标签

文本标题

文本标题一般分为6个级别

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

字体及字符实体

字体

倾斜标记

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

加粗标记

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

下划线标记

<u></u>

空标记，设置字体换行

<br/>

空标记，做水平线

<h1/>

段落标记，段落和段落之前又间距

<p></p>

字符实体

一些特殊字符，例如空格，’<'与‘>’ ,&等
常见的有

不换行空格

 

右尖括号

>

左尖括号

<

备案符号

©

常用元素

可以把分隔成独立的，不同的部分。它可以用作严格的组织工具，并且不使用任何格式与之相关。

<div></div>

文本结点，可以是一小段文字或者一个字

<span></sapn>

列表的应用

无序列表

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

有序列表，每一项前有编号

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

自定义列表，列表标题，列表项（描述）

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

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

超链接和图片

href=“跳转链接”
alt=注释
title=“鼠标放上去显示内容”

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

src=“图片地址”
alt=图片缺失时显示文字
title鼠标放上去显示文字

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