html的认识

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)