成都网络公司认识标题、段落、区块、强调等文本标签
成都网络公司认识标题、段落、区块、强调等文本标签
今天小编为大家带来成都华信智原HTML第三课,认识标题、段落、区块、强调等文本标签,一个网页中文字是传达信息的主要元素,文本主要由重要的标题、文章段落、被强调的文本、普通的文本组成。下面我们就一起来学习吧!
一、标题
标题标签有六个,依次是h1,h2,h3,h4,h5,h6。
Markup
网页最重要的文字标签,一般用在logo、三级页面文章标题上。
重要性次于h1,一般用在首页、二级页面的模块标题,三级页面文章的二级标题上。
重要性次于h2,一般用在文章列表的标题上。
不太重要
不常用
不常用
比如,腾讯网的logo就是使用h1,代码如下:
Markup
腾讯网
首页中很多的新闻模块,模块的标题使用的h2,代码如下:
Markup
今日话题
“今日话题”新闻模块下的头条新闻,新闻标题使用了h3,代码如下:
Markup
女子动车上拒给老人让座:别强行拔高道德水准
二、段落标签 段落内容
段落标签很简单,文章是由段落构成的,不过默认的段落样式没有符合中国人首行缩进的习惯。需要后期css样式重新设置。
Markup
段落文本
三、特殊的文本
1、强调文本标签
文章中有一些文字相对来说比较重要,但是还不足以成为标题的时候,可以使用强调标签,该标签要和标签区别开来。虽然两个标签都能让文字加粗,但是也只是让文字样式加粗,并没有强调文字重要性的含义,而且也建议用CSS样式代替文字加粗的样式。
Markup
强调的文本
2、预格式化文本,pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。常见应用就是用来表示计算机的源代码。
Markup
3、引用文本
Markup
毛泽东说过:帝国主义都是纸老虎 ...
4、定义计算机代码文本。和pre有点差不多呢。
Markup
for(var i=0;i<100;i++){
}
5、定义引用。可使用该标签对参考文献的引用进行定义,比如书籍或杂志的标题。和blockquote还是有差别的。
……还有一些使用频率较少的关于文本的标签请自行查手册。
四、区块文本
该标签一般用来表示一块文本需要区别出来,而且该文本一般不具有特别重要的意义。比如文章发表的作者、日期、评论次数、点赞等等。
Markup
评论次数:
五、普通文本
文本没有用具体的标签来描述,直接放在结构性标签里面。比如直接把文本放在div、li等结构性标签中。这种做法不太友好。
Markup
文本内容
在html5中增加了很多具有语义化的文本标签,比如、地址、不够重要的小号文本等,还是查阅万能的手册吧。
html4手册下载
xhtml_reference.chm
html5手册下载
w3c标准html5手册.chm
还有一个好办法就是看优质的网站是如何使用标签的。下载一个谷歌浏览器,利用右键菜单中“审查元素”的命令,可以很好的查看当前文档的html、css、js等内容。
当然火狐的firebug更专业,不过火狐的开启速度.......,所以还是平民的谷歌更让我喜欢,萝卜白菜,各有所爱啦!
成都网络公司-了解更多此方面的朋友请登陆:http://www.cdhrkj.com/!这里有更多的惊喜等着您!