一、HTML常用标签
1、排版标签
排版标签主要和css搭配使用,显示网页结构的标签,是网页布局最常用的标签。
1.1、标题标签 h1 ~ h6
单词缩写: head 头部. 标题
为了使网页更具有语义化,我们经常会在页面中用到标题标签,HTML提供了6个等级的标题。
语义:
作为标题使用,并且依据重要性递减
语法:
标题文本
标题文本
标题文本
标题文本
标题文本
标题文本
效果:
h1 ~ h6标签
小结 :
加了标题的文字会变的加粗,字号也会依次变大
一行是只能放一个标题的
1.2、段落标签 p
单词缩写: paragraph 段落 [ˈpærəgræf]
语义:
可以把 HTML 文档分割为若干段落
在网页中要把文字有条理地显示出来,离不开段落标签,就如同我们平常写文章一样,整个网页也可以分为若干个段落,而段落的标签就是
语法:
文本内容
是HTML文档中最常见的标签,默认情况下,文本在一个段落中会根据浏览器窗口的大小自动换行。
1.3、水平线标签 hr
单词缩写: horizontal 横线 [ˌhɔrəˈzɑntl]
语义:
在网页中常常看到一些水平线将段落与段落之间隔开,使得文档结构清晰,层次分明。这些水平线可以通过插入图片实现,也可以简单地通过标签来完成,
就是创建横跨网页水平线的标签。
语法:
是单标签
效果:
hr标签
1.4、换行标签 br
单词缩写: break 打断,换行
语义:
在HTML中,一个段落中的文字会从左到右依次排列,直到浏览器窗口的右端,然后自动换行。如果希望某段文本强制换行显示,就需要使用换行标签
语法:
这时如果还像在word中直接敲回车键换行就不起作用了。
1.5、div 和 span标签
div 就是 division 的缩写 分割,分区的意思
span 跨度,跨距;范围
语义:
div span 是没有语义的 是我们网页布局主要的2个盒子 想必你听过 css+div
语法:
这是span标签
他们两