在网页的设计制作过程中,文本是最基本也是很重要的页面构成要素。文本在网页中呈现,就如同音符在音乐中的表现一样,优秀的网页文本设计,带给人们重要资讯的同时,更是带来了美好的视觉体验。
一、标题元素
标题是对一段文字内容的概况和总结。书籍文档少不了标题,网页文本也不能没有标题。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中预留字符必须替换成字符实体,才能被浏览器正常识别。
经常使用的字符实体:小于号 < 大于号> 空格 &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