HTML + CSS -- 标签

div

在网页制作过程过中，可以把一些独立的逻辑部分划分出来，放在一个

标签中，这个

标签的作用就相当于一个容器。

1. 语法：
   <div>…</div>

2. 确定逻辑部分：
   什么是逻辑部分？它是页面上相互关联的一组元素。如网页中的独立的栏目版块，就是一个典型的逻辑部分。如下图所示：图中用红色边框标出的部分就是一个逻辑部分，就可以使用<div>标签作为容器。

3. 命名
   通过id 给div一个唯一的标识。
   <div id = "newList">

创建表格

table、tbody、tr、th、td

1. <table>…</table>：整个表格以<table>标记开始、</table>标记结束。
2. <tbody>…</tbody>：当表格内容非常多时，表格会下载一点显示一点，但如果加上<tbody>标签后，这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。
3. <tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。
4. <td>…</td>：表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列。
5. <th>…</th>：表格的头部的一个单元格，表格表头。
6. 表格中列的个数，取决于一行中数据单元格的个数。

<a> 链接到另外一个页面

使用<a> 标签可实现超链接

• 在新的标签页中打开
  
  • target = “_blank”
• 发送邮件
  
  • mailto
  • 注意：如果mailto后面同时有多个参数的话，第一个参数必须以“?”开头，后面的参数每一个都以“&”分隔。
    

<img>

• 空标签，只包含属性，没有闭合标签。</a>
• 源属性 ： src
  
  • 可以是文件夹的相对路径，也可以是来自网站的链接。
  • 静态图片和动态图片的插入方法是一样的。
• 替换文本属性 ： alt
  
  • alt的内容是图片无法显示的场合，显示给用户的内容。
• 标题 title
  
  • 提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)；
• 加载图片需要时间，慎重使用图片。