HTML的基本标签

HTML的基本标签

(一)
1.表示标题的h1-h6 标签
用于文章的标题和网页中小的栏目版块的标题
每一级的标签都使用< h1> 标题内容< /h1 >,一个页面建议只有一个h1标题。且标题根据级数的递增字体会变小,一级最大,后面几级文字的字号比正文字号还要小一点。其中标题的字样可以用CSS样式来规定字号的大小,目前可以用浏览器默认的样式。
在这里插入图片描述
2.表示段落 p
< p >段落内容< /p >
每对P标签都会对里面的段落内容自然的分段,每个段落浏览器会默认把段落添加一个段落间距。千万记住,对于HTML源文件来说,它是自动去掉空格的。对多个连续的空格,只保留一个有效的空格,包括空行它也只会生成一个空格。

思考:怎么添加多个空格或空行呢?
添加空行 用< br />
添加空格字符 &nbsp ;(全小写),多个空格需要写多个连续空格字符。
3.段内换行 br
< br /> ,单独出现的标签,直接结束在出现的地方添加一个段内换行。
例子:< p >这是一个段落。< br />注意规范的写法
结果:这是一个段落。
注意规范的写法
4.行内组合span < span > ~ </ span >
当显示段落当中的一段文字的时候,需要用特殊样式标志处理啊的时候,可以用 组合行内元素,,以便通过css样式来规格化。
5.预留格式 pre < pre> ~ < /pre>
pre标签内部,它的所有内容都会被保留源格式,包括空行和空格。
代码里面的所有空格和换行都完整显示在浏览器结果里面。
6.水平分割线 < / hr >
添加水平线分割不同的部分。默认是从网页的左端到网页的右端
7.注释,增加代码的可读性。< !-- 注释内容 -->
可以分段和分行注释。
最后练习:

在这里插入图片描述
结果:
在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值