html网页文档的结构,搭建HTML网页结构.pdf

搭建网页HTML结构

课程内容

•

标签

• 标签

• 块级标签和行内标签

• 标签嵌套规则

• 案例：搭建网页HTML结构

案例：搭建网页HTML结构

和

•

标签

是一个区块容器标记 ，

以包含段落、表格、图片等各种HTML元素

• 标签

没有实际意义 ，为了应用样式

HTML标签分类

•块级标签

•行内标签

HTML标签分类

•块级标签：占据一行 ，换行

•行内标签：在一行 ，不换行

HTML标签

、

• 、

1. 、
2. 、

   、

   ~

   、

   、

   、

   ---

   、

   、、、、^、

   、……

   HTML标签分类

   • 块级标签：占据一行 ，换行。

   、

   • 、

   1. 、
   2. 、

      、

      ~

      、

      、

      、

      ---

      ……

      • 行内标签：在一行 ，不换行。

      、、、、、^、

      _、、……

      HTML标签

      、

      • 、

      1. 、
      2. 、

         、

         ~

         、

         、

         、

         ---

         、

         、、、、^、

         、……

         列表标签

         无序列表: 定义列表：

         定义列表项

      3. 列表项

      列表项描述

   3. 列表项

   列表项描述

   ……

   定义列表项列表项描述

   ……

   标签嵌套规则

   • 块级元素可包含行内元素和某些块级元素

   • 行内元素不能包含块元素 ，只能包含其他行内元素

   • 块级元素不能放在

   标签内

   • 特殊块级元素只能包含行内元素 ，不能在包含块级元素

   ，如：h1、h2、h3、h4、h5、h6、p、dt

   • 块级元素与块元素并列 ，行内元素和行内元素并列

   案例：搭建网页HTML结构

   页头部分

   页脚部分

   主体部分