HTML的标签介绍及案例

一、HTML文档基本格式(以HTML5为例)

二、标签的分类

带有< >符号的元素被称为HTML的标签

单标签:<标签名/> 可完整的描述某个功能

双标签:<开始标签名/>内容<结束标签名/> 由开始和结束的两个标签符组成的标签

注释标签:<!--   --> 特殊功能的单标签

为什么有单标签:

用于描述一个功能,不需要选择。如水平线<hr/>

三、标签的关系

嵌套关系和并列关系

嵌套关系:

如下图:<body><body/>里面有<h2></h2>二级标题和<hr/>水平线就构成了水平线

并列关系:就是两个标签处于同一级别,并且没有嵌套关系。例如<head></head> 和 <body></body>就构成了并列关系。

四、页面格式化标签

1.标题标签

HTML提供了六个等级的标题

ps:<h1></h1>只能有一个一级标题

2.段落标签

<p>来定义标签,文本会在一个段落后会根据浏览器的大小自动换行

<p align=”对齐方式”>段落文本</p>

3.水平线标签

在网页里常看到一些水平线将段落与段落之间隔开

水平线通过<hr/>标签来定义。

<hr 属性=”属性值”/>

属性名:align 设置水平线对齐方式

               Size 设置水平线的粗细

                  Color 设置水平线的颜色

                  Width 设置水平线的宽度

4.换行标签

网页中如需需要强制换行显示,就需要<br/>

案例:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值