当前博客:网页学习笔记 2.3 分割线标签、区块标签、自闭合标签

117 次浏览【转载需注明来源】

博客作者:【梦幻水晶】

个性签名:寒窗苦读十年一朝凤舞九天

 

1、分割线标签也叫水平线标签

中文名称:<分割线>

英文名称:<hr>

举例:

<!文档类型 网页类型> 
<网页>
<网页头部>
    <网页信息 文档编码="utf-8" />
    <网页标题>水平线标签</网页标题>
</网页头部>
<网页主体>
   <标题1>我是标题头部</标题1>
   <分割线><!--我是分割线,你会在屏幕中看见一条分割线-->
   <标题1>我是标题尾部</标题1>
</网页主体>
</网页>

预览效果:

2、区块

中文名称:<区块>

英文名称:<div>

举例:

<!文档类型 网页类型> 
<网页>
<网页头部>
    <网页信息 文档编码="utf-8" />
    <网页标题>区块标签</网页标题>
</网页头部>
<网页主体>
    <区块> <标题1>我是标题头部</标题1></区块>
    <分割线>
    <区块><标题1>我是标题尾部</标题1></区块>
</网页主体>
</网页>

预览效果:

小结:

这两段代码的预览效果是一样的,实际代码却不一样。使用区块标签来划分区域,使得代码更具有逻辑性。当然,区块标签最重要的用途是划分区域,然后结合CSS针对该区域进行样式控制。

3、自闭合标签

一般标签”和“自闭合标签”的特点:

(1)一般标签也叫双标签,由开始符号和结束符号,因此可以在内部插入其他标签或文字。例如:<区块></区块><行内元素></行内元素>

(2)自闭合标签也叫单标签:由于只有开始符号而没有结束符号,因此不可以在内部插入标签或文字。所谓的“自闭合”,指的是本来要用一个配对的结束符号来关闭,然而它却“自己”关闭了。例如:<换行><图片框><分割线>

网页学习笔记 2.3 分割线标签、区块标签、自闭合标签