div
在网页制作过程过中,可以把一些独立的逻辑部分划分出来,放在一个
标签中,这个
标签的作用就相当于一个容器。
语法:
<div>…</div>
确定逻辑部分:
什么是逻辑部分?它是页面上相互关联的一组元素。如网页中的独立的栏目版块,就是一个典型的逻辑部分。如下图所示:图中用红色边框标出的部分就是一个逻辑部分,就可以使用<div>
标签作为容器。命名
通过id
给div一个唯一的标识。
<div id = "newList">
创建表格
table、tbody、tr、th、td
<table>…</table>
:整个表格以<table>
标记开始、</table>
标记结束。<tbody>…</tbody>
:当表格内容非常多时,表格会下载一点显示一点,但如果加上<tbody>
标签后,这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。<tr>…</tr>
:表格的一行,所以有几对tr 表格就有几行。<td>…</td>
:表格的一个单元格,一行中包含几对<td>...</td>
,说明一行中就有几列。<th>…</th>
:表格的头部的一个单元格,表格表头。- 表格中列的个数,取决于一行中数据单元格的个数。
<a>
链接到另外一个页面
使用<a>
标签可实现超链接
- 在新的标签页中打开
- target = “_blank”
- 发送邮件
- mailto
- 注意:如果mailto后面同时有多个参数的话,第一个参数必须以“?”开头,后面的参数每一个都以“&”分隔。
<img>
- 空标签,只包含属性,没有闭合标签。
</a>
- 源属性 : src
- 可以是文件夹的相对路径,也可以是来自网站的链接。
- 静态图片和动态图片的插入方法是一样的。
- 替换文本属性 : alt
- alt的内容是图片无法显示的场合,显示给用户的内容。
- 标题 title
- 提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本);
- 加载图片需要时间,慎重使用图片。