html标签手册-每天晚上学习新东西 | HTML 第 3 课:理解文本标签,例如标题、段落、块和强调

2023-09-09 0 6,617 百度已收录

明天我们将为大家带来《杜华新致远HTML》第三课。 了解文本标签,例如标题、段落、块和强调。 文本是网页中传达信息的主要元素。 正文主要由重要标题、文章段落和关键词组成。 尖头文字,普通文字构成。 我们一起床就开始学习吧!

1. 标题

有六个标题标签:h1、h2、h3、h4、h5 和 h6。

标记

<h1>网页最重要的文字标签,一般用在logo、三级页面文章标题上。</h1><h2>重要性次于h1,一般用在首页、二级页面的模块标题,三级页面文章的二级标题上。</h2><h3>重要性次于h2,一般用在文章列表的标题上。</h3><h4>不太重要</h4><h5>不常用</h5><h6>不常用</h6>

例如,腾讯的标志使用h1,代码如下:

标记

<h1><a href="http://www.qq.com/" class="qqlogo"><span class="undis">腾讯网</span></a></h1>

主页上有很多新闻模块。 模块的标题使用 h2。 代码如下:

标记

<h2><a href="http://view.news.qq.com/" target="_blank">今日话题</a></h2>

“今日话题”新闻模块下的头条新闻使用h3作为新闻标题。 代码如下:

标记

<h3 id="todaytop"><a target="_blank" href="http://view.news.qq.com/original/intouchtoday/n3517.html">女子动车上拒给老人让座:别强行拔高道德水准</a></h3>

2. 段落标签

段落内容

段落标签非常简单。 文章由段落组成,但默认的段落样式不符合中国人首行缩进的习惯。 稍后需要重置CSS样式

标记

<p>段落文本</p>

3.特殊文字

1.强调文本标签

当文章中有一些词比较重要,不足以成为标题时,可以使用指针标签,要与标签区分开来。 尽管这两个标签都可以将文本加粗,并且只是将文本样式加粗,并没有表明文本的重要性,但建议将文本加粗样式替换为 CSS 样式。

标记

<strong>强调的文本</strong>

2、

预格式化文本,pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。常见应用就是用来表示计算机的源代码。

Markup

<pre></pre>

3. 引用文字

标记

说过:<blockquote>帝国主义都是纸老虎 ... </blockquote>

4. 定义计算机代码文本。 和pre有点类似。

标记

<code>for(var i=0;i<100;i++){
}</code>

5. 定义参考。 使用此标签定义参考文献的引文,例如书籍或出版物的标题。 与块引用仍然存在差异。

还有一些不太常用的文本标签,请自行查看指南。

4. 块文本

这个标签通常用来表示需要区分的一段文本html标签手册,但该文本通常没有很重要的意义。 例如文章的作者、日期、评论数、点赞数等。

标记

<span>评论次数:</span>

5.普通文本

文本没有用特定的标签来描述,直接放在结构标签的上方。 例如,直接将文本放置在div、li等结构标签中。 这些做法都不太友好。

标记

<div>文本内容</div>

html5中减少了很多语义文本标签html标签手册,比如日期、地址、不够重要的大文本等等,请参考万能指南。

html4指南下载

xhtml_reference.chm

html5指南下载

w3c标准html5指南.chm

另一个好方法是看看高质量的网站如何使用标签。 下载一个微软浏览器,借助右键菜单中的“Inspect Element”命令,可以很好的查看当前文档的html、css、js等内容。

其实Maxthon的firebug更专业,但是Firefox的打开速度...所以我喜欢普通的微软,冬瓜青菜,各有所爱!

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 html html标签手册-每天晚上学习新东西 | HTML 第 3 课:理解文本标签,例如标题、段落、块和强调 https://www.wkzy.net/game/196071.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务