html基本标签大全 html文本标签有哪些


html基本标签大全 html文本标签有哪些

文章插图
今天的内容主要是标题标签h、段落标签p、和文本外观相关标签的用法,尤其是特殊的注意事项 。明天会学习标签分类和特殊字符的表示 。关注我,一起进步 。
第四章 HTML文本相关标签
1、静态页面组成
静态页面主要由4种元素组成:文字、图片、超链接和视频音频 。
2、动态页面和静态页面的区别
动态页面能实现与服务器的数据交互(例如注册登录),静态页面不能 。
3、HTML文本的主要标签
HTML文本就是网页上显示的主要内容,需要用到的主要标签有如下几类:标题标签、段落标签、文本标签、水平线标签、特殊符号标签 。这些标签都在body标签内部 。
4、h1~h6标题标签
标题标签根据字体大小不同分成6个等级,分别是h1~h6,h是标题的英语headline的缩写 。使用格式为:
<h1>标题</h1>
代码示例和显示效果如下,可见(1)标题的字体也可以比内容字体小;(2)标题字体都是加粗的:
5、title标签和h标签的区别
title标签显示在整个窗口的左上角,h1~h6是文章里的标题,显示在页面上,如下图:
6、p段落标签
段落标签p是英语paragraph的缩写,其使用格式为:
<p>段落内容</p>
段落标签p用于显示普通的文本内容,每个自然段用一个p标签比较好 。每个p标签的内容显示的时候都会另起一行,无论对应的代码有没有在同一行 。效果如下图,第一段和第二段的代码在同一行,而内容显示在两行 。
7、br换行标签
br是强制换行的标签,可以插在需要换行的任何地方,使用格式为:</br> 。注意p标签的换行,行距较大,而br标签换行后,就像段内的行距一样 。


8、文本标签
文本标签主要有:
粗体标签:strong、b(bold的缩写,粗体,黑体)
示例:<strong>加粗内容</strong>,<b>加粗内容</b>
斜体标签:i(italic的缩写,斜体)、em(emphasized的缩写,强调)、cite(引用)
示例:<i>斜体内容</i>,<em>斜体内容</em>,<cite>斜体内容</cite>
上标标签:sup(superscript的缩写,上标)
示例:<sup>上标文本</sup>
下标标签:sub(subscript的缩写,下标)
示例:<sub>下标文本</sub>
中划线标签:s(strickout的缩写,删除线)
示例:<s>加删除线文本</s>
下划线标签:u(underline的缩写,下划线)
示例:<u>加下划线文本</u>
大字号标签:big
示例:<big>加大字号文本</big>
小字号标签:small
示例:<small>缩写字号文本</small>
这些标签定义了文本的外观,示例代码和显示效果如下:


9、水平线标签
水平线标签的作用就是加一条水平线,无论在哪里加<hr/>都会另起一行显示一条水平线 。水平线标签用三种形式都可以:<hr>、</hr>、<hr/>,所以就用最简单的<hr>了 。换行标签br也有类似情况 。
如果在段落的中间加上hr水平线标签,一个段落就会分成两段,并在中间加上水平线 。


学无止境,乐在其中 。
点击关注,一起进步!


    以上关于本文的内容,仅作参考!温馨提示:如遇健康、疾病相关的问题,请您及时就医或请专业人士给予相关指导!

    「四川龙网」www.sichuanlong.com小编还为您精选了以下内容,希望对您有所帮助: