<!-- hr标签分隔线 -->
：绘一方界域1.

<!-- h1标签一级标题 -->
网页设计期末大作业：HTML核心实战

~&lt;h6&gt;
页面布局之美，尽在掌控之间。

&lt;/h6&gt;

<!-- meta标签提供搜索引擎优化信息 -->
&lt;meta name="keywords" content="HTML, 网页设计, 期末大作业, 实战技巧"/&gt;
&lt;meta name="description" content="深入浅出HTML核心实战，带你领略网页设计的精髓。期末大作业不再难！" /&gt;

<!-- HTML标签分类说明 -->
HTML标签分类（方便后续的布局设计）：块级标签：显示为“块”状，前后隔一行；行级标签：按行逐一显示。

分类好处：方便后续的布局设计4.

<!-- 有序列表标签 -->
有序列表标签：ol

 <!-- 无序列表标签 -->
无序列表标签：ul

<!-- 定义描述标签 -->
定义描述标签：dt是块状标签，所以常用于图文混编的布局场合

&lt;dl&gt;
  &lt;dt&gt;标题1&lt;/dt&gt;
  &lt;dd&gt;描述1&lt;/dd&gt;
  &lt;dt&gt;标题2&lt;/dt&gt;
  &lt;dd&gt;描述2&lt;/dd&gt;
  ...
  &lt;/dl&gt;

<!-- 表单标签 -->
表单form，一般和table一起使用：

&lt;form&gt;
  &lt;table&gt;
    &lt;tr&gt;
      &lt;td&gt;&hellip;&lt;/td&gt;
      &lt;td&gt;&hellip;&lt;/td&gt;
    &lt;/tr&gt;
    ...
    &lt;/table&gt;
&lt;/form&gt;

8. 实际开发常用的4种块状结构：

(1) div-i(ol)-li：常用于分类导航栏或者菜单等。

(2) div-dl-dt-dd：常用于图文混编场合。

(3) table-tr-td：常用于图文布局或显示数据。

(4) form-table-tr-td：常用于布局表单，登录，注册……

9. 图像标签：

&lt;img src="图片地址" alt="提示文字" title="鼠标提示文字"/&gt;

alt：当图片刷新不出来时显示这个文字；

title：鼠标放在图片上显示的文字。

11. 链接标签：

&lt;a href="链接地址"&gt;
  登录
&lt;/a&gt;

12. 特殊符号：

空格：&nbsp;，

大于：&gt;，

小于：&lt;，

引号：&quot;，

版本号：©。

13. 各种功能表单元素会持续更新哦！

免费学习资源。