Web前端学习第四天·fighting_常用的一些标签（二）
<div>标签
块级标签。块级标签常用于布局，行级标签常用语显示内容。
div的显示通常使用id或class来标识。id为唯一的标签标识，class为标签的类标识，可以通过id和class对div的样式进行设置。
div的大小是由内容来决定的（因而内容最好不为空），默认情况下，高度由内容的高度决定，宽度适应屏幕。
可以容纳其他元素，是一个容器。
特殊符号
> >
< <
空格
" 引号
© 版权符号（京东，天猫等知名网站并不适用此特殊符号，而是直接使用版权符号作为文本的一部分放入html中，查看源码即可）
图片<img>
行级标签，用来显示图片。
重要属性有：src、title、width、height、alt、align。
src 图片地址。
title 鼠标悬浮在图片上的文字。
alt 图片找不到时要替换的文字。如果图片资源使用的是外网资源，则不会显示要替换的文字。如果使用的是本网站的资源（相对路径给出），则找不到图片时会显示替换的文字，并保留图片设置的宽高结构。
align 图片周围文字的垂直对齐情况。该属性的使用已经过时了。要让图片和文字对齐，通常的做法是让图片称为一个标签的背景。如京东商城。常用的属性值有：top（与图片的顶部对齐）、middle（与图片的中部对齐）、bottom（默认，与图片的底部对齐）。
使用场景：图片的左右两边没有文字，文字在图片上部或文字在图片的下部。
如果图片的左右两边有文字的话，一般通过给一个标签（可以使用文字标签<i>标签）设置背景图片的形式来实现。如下图所示：（京东首页）
文字修饰标签（主要用来凸显文字）
<span> 主要用来组合行内元素，一边用样式来格式化它们。需要配合样式才会有视觉上的变化。
例如： 价格仅有<span style="color:red;font-size:30px">12</span>元
<i> 显示斜体。但是通常在网站上很少使用其本来的功能，而是更多的用来显示图片、背景图片。因为该标签只有一个字母，占用的空间较小，有利于提高网页的下载速度。如天猫商城，京东商城等大型网站。如京东商城首页的购物车就是在<i>标签中设置背景图片来达到目的的。
<em> 和<i>标签同样，都是用来显示斜体内容的。但是在京东，天猫，新浪网中同样也使用<em>标签，在修饰对象上有所区分。一般而言，<em>标签主要用来修饰文字，<i>标签主要用来修饰图片。<em>标签用来修饰文字时，绝大多数情况下并没有显示斜体，而是通过样式的修改font-style:normal使文字显示为正体。这体现了将html与样式分离的设计模式。
<strong> 增强文字大小。使用频率一般。京东详情页有用。
<u> 文字下方有下划线。几乎不用。
<b> 文本加粗，突出显示。与strong标签具有同样的功能。html5中不再使用<b>和<font>（可以通过样式设定）。
<del> 文字中间的删除线。用的很少。
<ul>标签
无序列表标签。
具有重要属性type，用来定义全部列表项的项目类型。属性值有disc（实心圆），square（实心正方形），circle（空心圆）。
列表项用<li>表示，<li>主要的属性有：type、value两个。type指明项目的类型，属性值有：A，a，I，i，1，disc（实心圆），square（实心正方形），circle（空心圆）。<li>标签的图标可以通过样式list-style-image自定义。value表示序号值从几开始。使用的较少。
作用：除了用来显示数据的作用，还可以用来布局页面，横向排列或纵向排列，如京东首页最顶部的导航条。
<ol>
有序列表标签。
<dl>定义列表标签
术语块级标签，一般搭配<dt>和<dd>一起使用。
<dt> 标题。块级标签。可以是文字，也可以是图片。
<dd> 对标题的描述。块级标签。
示例如下：
表格的使用
块级标签。
表格中用到的标签有：<table>、<thead>、<th>、<tr>、<td>、<tbody>.
<table> 表格标签
属性：align（水平对齐方式）、bgcolor（背景颜色）、border（表格的边框）、cellpadding（单元格与内容之间的距离）、cellspacing（单元格的间距，设置为0时，表格变为实线表格）、width（表格的宽度，可以用%或者像素）。
<caption> 表格的标题
<thead> 表格头部。
<th> 表格的表头名称。与<td>不同在于文字采用加粗居中的形式显示。
<tr> 表格的数据行。
<td> 单元格。用来显示表格内容。
<tbody> 表格主体部分。使结构更加分明。
表格的跨行跨列显示：rowspan（跨行）、colspan（跨列），都是作用在th或者td上。
