此网站为管振佐的个人博客,终身学习记录!
当前位置首页 > 编程> 正文

HTML之文本标签

10-16 566 编程 html

在网页的设计制作过程中,文本是最基本也是很重要的页面构成要素。文本在网页中呈现,就如同音符在音乐中的表现一样,优秀的网页文本设计,带给人们重要资讯的同时,更是带来了美好的视觉体验。

一、标题元素

标题是对一段文字内容的概况和总结。书籍文档少不了标题,网页文本也不能没有标题。h1~h6用来定义标题标签。

标题标签有强调作用,有确切的语义,从h1到h6其重要性递减,默认字体大小也是从h1到h6逐级递减。不要使用h标签来改变文字大小,使用CSS更方便,美观。

h标题标签默认独占一行。一个页面中只允许有1个h1。

二、文字

斜体标签

<i></i>显示斜体文本效果。

<em></em>斜体,有强调作用。

强调需要技巧,强调太多,有些重要的语句就会被漏掉,不要滥用强调标签。

粗体标签

<b></b>显示加粗文本效果

<strong></strong>粗体,有强调作用,其强调作用比<em>更强

换行标签

<br />

br标签在不另起一行的情况下,进行强制换行。一个br标签表示1次换行。br标签不仅仅对文本换行,其他元素也可以使用br标签进行强制换行。

三、段落元素

一块一块的砖垒成了高楼大厦,一行行文字组合就形成了段落。

段落标记

浏览器会忽略代码中的格式,多个空格符、回车符、制表符,会解析成1个。

p标签用来标记一个段落,是常见常用的一个标记。p标签也是独占一行。

段落与段落之间有空隙。可以通过CSS调整。

span标签和字符实体

span标签此标签没有任何样式,是未来给文本增加额外的结构,配合CSS给span元素中的内容添加丰富的样式。此标签也是使用最多的文本标签。

字符实体,是HTML中预留字符必须替换成字符实体,才能被浏览器正常识别。

经常使用的字符实体:小于号 &lt; 大于号&gt; 空格 &bnsp;

其他文字标签

ins标签用来定义下划线

del标签用来添加删除线

sup标签添加上标,高度为当前文本的一半,常用来标识平方、立方等

sub标签添加下标,高度为当前文本的一半。

mark标签为文本添加黄色背景,用于突出显示文本,一般不用这个标签


四、水平分割线

水平线用于段落与段落之间的分隔,可以使文档的结构更加清晰明了,文字的排版更整齐。

水平线自身具有很多的属性,如宽度、高度、颜色、排列对齐等。在HTML5中水平线会经常用到。

语法:<hr>

属性:

width

color


<hr>可以在网页上画出一条水平分隔线。其所有的属性都不赞成使用,应使用css来修改hr标签的样式。




总结,本文主要有标题标签、段落标签、斜体标签、粗体标签、换行标签、span标签和字符实体、其他文本标签。都属于常用的html标签。

版权保护: 本站内容采用CC-BY-NC协议且遵守CC-BY-NC-SA和CC-BY-NC-ND协议,转载请保留链接: https://www.guanzhenzuo.com/programming/17.html