HTML

超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。

声明为 HTML5 文档

html 元素是 HTML 页面的根元素 head 元素包含了文档的元（meta）数据，如 定义网页编码格式为 utf-8。 title斜体样式 元素描述了文档的标题 body 元素包含了可见的页面内容 h1 元素定义一个大标题 p 元素定义一个段落

HTML 标题

HTML 标题（Heading）是通过

-

标签来定义的.

<h1></h1> <h2></h2> <h3></h3> <h4></h4> <h5></h5> <h6></h6>

HTML 段落

HTML 段落是通过标签

来定义的

HTML 链接

HTML 链接是通过标签 来定义的.

<a href="http://www.baidu.com"></a>

HTML 图像

HTML 图像是通过标签 来定义的. img 是空标签，意思是说，它只包含属性，并且没有闭合标签。 实例

<img src="/images/logo.png" width="258" height="39" />

可以给图片设置宽高 height（高度） 与 width（宽度）属性用于设置图像的高度与宽度。

<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228">

HTML 表格

表格由 table 标签来定义。每个表格均有若干行（由 tr 标签定义），每行被分割为若干单元格（由 td 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

<table border="1"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table>

希望显示边框就用borber属性

<table border="1"> <tr> <td>Row 1, cell 1</td> <td>Row 1, cell 2</td> </tr> </table>

标头用th标签定义

<table border="1"> <tr> <th>Header 1</th> <th>Header 2</th> </tr> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table>

无序列表

无序列表使用 ul标签

<ul> <li>Coffee</li> <li>Milk</li> </ul>

有序列表用ol

列表项使用数字来标记。

<ol> <li>Coffee</li> <li>Milk</li> </ol>

有序列表

dl>dt>dd

自定义列表以 dl标签开始。每个自定义列表项以 dt 开始。每个自定义列表项的定义以 dd 开始

<dl> <dt>Coffee</dt> <dd>- black hot drink</dd> <dt>Milk</dt> <dd>- white cold drink</dd> </dl>

HTML 区块元素

大多数 HTML 元素被定义为块级元素或内联元素。

块级元素在浏览器显示时，通常会以新行来开始（和结束）。

实例: h1, p, ul, table

HTML 内联元素

内联元素在显示时通常不会以新行开始。

实例: b, td, a, img

div标签 定义了文档的区域，块级 (block-level)