立少→超文本”写中文html标签:<强>标签的简单实例和含义,以及注意事项

实例:


定义和用法:

以下元素都是短语元素。虽然这些标签定义的文本大多会呈现出特殊的样式,但实际上,这些标签都拥有确切的语义。
我们并不反对使用它们,但是如果您只是为了达到某种视觉效果而使用这些标签的话,我们建议您使用样式表,那么做会达到更加丰富的效果。
<强> 把文本定义为强调的内容。 
<倍> 把文本定义为语气更强的强调的内容。 
<项目> 定义一个定义项目。 
<代码文本> 定义计算机代码文本。 
<代码字符> 定义样本文本。 
<键盘文本> 定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。 
<变量> 定义变量。您可以将此标签与 < 源码文本> 及 < 代码文本> 标签配合使用。 
<引用> 定义引用。可使用该标签对参考文献的引用进行定义,比如书籍或杂志的标题。

<引用> 标签通常表示它所包含的文本对某个参考文献的引用,比如书籍或者杂志的标题。
按照惯例,引用的文本将以斜体显示。
用 < 引用> 标签把指向其他文档的引用分离出来,尤其是分离那些传统媒体中的文档,如书籍、杂志、期刊,等等。如果引用的这些文档有联机版本,还应该把引用包括在一个 < 超链接> 标签中,从而把一个超链接指向该联机版本。
< 引用> 标签还有一个隐藏的功能:它可以使你或者其他人从文档中自动摘录参考书目。我们可以很容易地想象一个浏览器,它能够自动整理引用表格,并把它们作为脚注或者独立的文档来显示。< 引用> 标签的语义已经远远超过了改变它所包含的文本外观的作用;它使浏览器能够以各种实用的方式来向用户表达文档的内容。

< 变量> 标签表示变量的名称,或者由用户提供的值。
< 变量> 标签是计算机文档中应用的另一个小窍门,这个标签经常与 < 代码文本> 和 < 源码文本> 标签一起使用,用来显示计算机编程代码范例及类似方面的特定元素。
用 < 变量> 标签标记的文本通常显示为斜体。
就像其他与计算机编程和文档相关的标签一样,< 变量> 标签不只是让用户更容易理解和浏览你的文档,而且将来某些自动系统还可以利用这些恰当的标签,从你的文档中提取信息以及文档中提到的有用参数。我们再一次强调,提供给浏览器的语义信息越多,浏览器就可以越好地把这些信息展示给用户。

<键盘文本> 标签定义键盘文本。
说到技术概念上的特殊样式时,就要提到 < 键盘文本> 标签。正如你已经猜到的,它用来表示文本是从键盘上键入的。
浏览器通常用等宽字体来显示该标签中包含的文本。
<键盘文本> 标签经常用在于计算机相关的文档和手册中。例如:
键入 < 键盘文本> quit< /键盘文本> 来退出程序,或者键入 < 键盘文本> menu< /键盘文本> 来返回主菜单。

<代码字符> 标签表示一段用户应该对其没有什么其他解释的文本字符。要从正常的上下文抽取这些字符时,通常要用到这个标签。
请看下面的例子:
字符序列 < 代码字符> ae< /代码字符> 可能会被转换为 æ 连字字符。
上面的 网页 代码会显示为:
字符序列 ae 可能会被转换为 ? 连字字符。
注释:在 网页l 中,用于 "ae" 连字的特殊实体是 "æ",大多数浏览器都会将它转换成相应的 "?" 连字字符。
< 代码字符> 标签并不经常使用。只有在要从正常的上下文中将某些短字符序列提取出来,对它们加以强调的极少情况下,才使用这个标签。

<代码文本> 标签用于表示计算机源代码或者其他机器可以阅读的文本内容。
软件代码的编写者已经习惯了编写源代码时文本表示的特殊样式。< 代码文本> 标签就是为他们设计的。包含在该标签内的文本将用等宽、类似电传打字机样式的字体(courier)显示出来,对于大多数程序员和 w3school 的用户来说,这应该是十分熟悉的。
只应该在表示计算机程序源代码或者其他机器可以阅读的文本内容上使用 < 代码文本> 标签。虽然 < 代码文本> 标签通常只是把文本变成等宽字体,但它暗示着这段文本是源程序代码。将来的浏览器有可能会加入其他显示效果。例如,程序员的浏览器可能会寻找 < 代码文本> 片段,并执行某些额外的文本格式化处理,如循环和条件判断语句的特殊缩进等。
提示:如果只是希望使用等宽字体的效果,请使用 < tt> 标签。或者,如果想要在严格限制为等宽字体格式的文本中显示编程代码,请使用 < 源码文本> 标签。

<项目> 标签可标记那些对特殊术语或短语的定义。
现在流行的浏览器通常用斜体来显示 < 项目> 中的文本。将来,< 项目> 还可能有助于创建文档的索引或术语表。
与其他许多基于内容的样式和物理样式标签一样,< 项目> 标签尽量少用为妙。作为一种通用样式,尤其在技术文档中,当第一次新的术语时,应该将它们与普通文本分开,这样读者可以更好地理解文章当前的主题,而从那以后就不要再对这个术语进行任何标记了。

<倍> 标签和 < 强> 标签一样,用于强,但它强调的程度更强一些。
浏览器通常会以不同于 < 强> 标签的方式来显示 < 倍> 标签中的内容,通常是用加粗的字体(相对于斜体)来显示其中的内容,这样用户就可以把这两个标签区分开来了。
如果常识告诉我们应该较少使用 < 强> 标签的话,那么 < 倍> 标签出现的次数应该更少。如果说用 < 强> 标签修饰的文本好像是在大声呼喊,那么用 < 倍> 标签修饰的文本就无异于尖叫了。沉默寡言的人说出的话总是一诺千金,与此相同,限制 < 倍> 的使用可以令应该更加引人注意,而且更加有效。
举一个例子,经常访问文本网站的用户可以注意到了,许多教程页面的第一句摘要都是以粗体显示的,而实际上,我们对这一句摘要使用了 < 倍> 标签。使用这个标签的理由是,我们认为教程摘要不仅概括了其所在页面的内容,而且位于页面的最重要的位置,其内容自然是非常重要的且值得强调的。
所有浏览器都支持 < 倍> 标签。

<强> 标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说,这意味着要把这段文字用斜体来显示。
在文本中加入强调也需要有技巧。如果强调太多,有些重要的短语就会被漏掉;如果强调太少,就无法真正突出重要的部分。这与调味品一样,最好还是不要滥用强调。
尽管现在 < 强> 标签修饰的内容都是用斜体字来显示,但这些内容也具有更广泛的含义,将来的某一天,浏览器也可能会使用其他的特殊效果来显示强调的文本。如果你只想使用斜体字来显示文本的话,请使用 < 斜体> 标签。除此之外,文档中还可以包括用来改变文本显示的级联样式定义。
除强调之外,当引入新的术语或在引用特定类型的术语或概念时作为固定样式的时候,也可以考虑使用 < 强> 标签。例如,某些网站 经常对重要的术语使用 < 强> 标签。< 强> 标签可以用来把这些名称和其他斜体字区别开来。

刘佳奇 gold33031 HTML标题与段落:网络文章网页 实验总用时:00:00:38 nav 第1关:HTML标题与段落:网络文章网页 100 学习内容 参考答案 记录 评论 任务描述 相关知识 分级标题 段落与换行 列表 有序列表实例 无序列表实例 描述列表实例 文本格式化 引用 编程要求 测试说明 任务描述 本关任务是完成一个格式丰富的文章网页,你将通过本关学习标题、段落、文本格式化引用等,与文本相关的标签。 本关网页显示效果如下图所示: 为了顺利完成以上网页的制作,请大家认真阅读以下内容。 相关知识 分级标题 HTML提供了六级标题用于创建网页信息的层级关系。<h1> 定义重要等级最高的标题,之后<h2>到<h6>层级依次递减。 举例如下: <body> <h1>书籍标题</h1> <h2>第一章</h2> <h3>第一节</h3> <h4>重点 1</h4> <h5>1.1 标题</h5> <h6>1.1.1 标题</h6> </body> 显示效果如图: 提示: 注意请不要根据标题字体大小来选择级别,而应该根据内容。例如一本书的第一章是第二层级,但是有一部分人认为<h2>字体太大,从而选择<h3>作为层级标题,这样做是不正确的。 段落与换行 如大家在之前的例子中看到的,我们使用p元素定义段落。p元素是HTML中最常用的元素之一。 举例如下: 例 1. 超文本标记语言(HTML)是一种标准化的用来创建Web页面Web应用的标准化的标记语言。在级联样式表单(CSS)JavaScript的帮助下,HTML已经成功构建了一整套面向Web的开发与应用平台。 例 2. <p>超文本标记语言(HTML)是一种标准化的用来创建Web页面Web应用的标准化的标记语言。 在级联样式表单(CSS)JavaScript的帮助下,HTML已经成功构建了一整套面向Web的开发与应用平台</p> 例1例2唯一的不同在于,例2中我们在段落内容中换行了。那么,在实际显示时,会显示换行吗? 显示效果如下图: 大家可以看到,虽然我们在段落内容中换行了,但是显示时是不会换行的。那么如果我们想要在一个段落中换行要怎么做呢? 我们可以使用<br>标签。 举例如下: 超文本标记语言(HTML)是一种标准化的用来创建Web页面Web应用的标准化的标记语言。 在级联样式表单(CSS)JavaScript的帮助下,HTML已经成功构建了一整套面向Web的开发与应用平台 显示效果如图: 列表 生活中我们经常使用列表,例如购物清单、待办事项。在HTML中,我们可以创建无序列表、有序列表描述列表,而且一个列表中可以嵌套另一个列表。 通常,列表都是由父元素子元素构成的,父元素用于指定要创建的列表的类型,子元素用于指定要创建的列表项目类型。 三种列表类型组成元素如下: | 类型 | 父元素 | 子元素| | ------------ | ------------ | | 有序列表 | ol | li| | 无序列表 | ul | li| | 描述列表 | dl| dt, dd| 提示: ol: order list; ul: unorder list。 有序列表实例 如果列表顺序是不能随意交换时,我们使用有序列表。例如: <body> <p>健身房基本锻炼步骤</p> <ol> <li>热身</li> <li>无氧运动(包括俯卧撑、仰卧起坐、器械锻炼等)</li> <li>有氧运动(包括慢跑、单车、游泳、登山机等)</li> <li>拉伸、放松</li> </ol> </body> 显示效果如图: 无序列表实例 如果列表顺序不重要时,我们使用无序列表。例如: <body> <p>购物清单</p> <ul> <li>酸奶</li> <li>苹果</li> <li>鸡胸肉</li> <li>白炽灯泡</li> </ul> </body> 显示效果如图: 描述列表实例 当我们需要描述成组出现的名称(术语)及其值之间的关联时,我们使用描述列表。例如: <body> <p>HTML里程碑</p> <dl> <dt>1995年11月24日</dt> <dd>HTML2.0发布,对应的IETF文档
09-16
入表单、框架表格等等,并可将之存为文本文件,浏览器即可读取显示。HTML 指的是超文本标记语言: HyperText Markup LanguageHTML 不是一种编程语言,而是一种标记语言标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页HTML 文档包含了HTML 标签及文本内容HTML文档也叫做 web 页面2 入门实例新建一个test.html文件,内容如下<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <h1>我的第一个标题</h1><p>我的第一个段落。</p> </body></html>其中:<!DOCTYPE html> 声明为 HTML5 文档<html> 元素是 HTML 页面的根元素<head> 元素包含了文档的元(meta)数据,如 <meta charset="utf-8"> 定义网页编码格式为 utf-8(由于在大部分浏览器中直接输出中文会出现乱码,所以要在头部将字符声明为UTF-8)<title> 元素描述了文档的标题<body> 元素包含了可见的页面内容<h1> 元素定义一个大标题<p> 元素定义一个段落保存后运行,即可在浏览器中打开如下界面3 各部分详解3.1 标题HTML 标题(Heading)是通过<h1> - <h6> 标签来定义的.<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <h1>这是标题 1</h1><h2>这是标题 2</h2><h3>这是标题 3</h3><h4>这是标题 4</h4><h5>这是标题 5</h5><h6>这是标题 6</h6> </body></html>3.2 段落HTML 段落是通过标签 <p> 来定义的<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <p>这是一个段落。</p><p>这是一个段落。</p><p>这是一个段落。</p> </body></html>3.3 链接HTML 链接是通过标签 <a> 来定义的<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <a href="https://blog.youkuaiyun.com/zong596568821xp">这是一个链接使用了 href 属性</a> </body></html>3.4 图像HTML 图像是通过标签 <img> 来定义的。注意: 图像的名称尺寸是以属性的形式提供的。<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <img src="zongxp.jpg" width="640" height="640" /> </body></html>3.5 表格表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。表格的表头使用 <th> 标签进行定义。如果不定义边框属性,表格将不显示边框。有时这很有用,但是大多数时候,我们希望显示边框。使用边框属性来显示一个带有边框的表格:<table border="1"> <tr> <th>Header 1</th> <th>Header 2</th> </tr> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr></table>4 速查列表4.1 基本文档<!DOCTYPE html><html><head><title>文档标题</title></head><body>可见文本...</body></html>4.2 基本标签<h1>最大的标题</h1><h2> . . . </h2><h3> . . . </h3><h4> . . . </h4><h5> . . . </h5><h6>最小的标题</h6> <p>这是一个段落。</p><br> (换行)<hr> (水平线)<!-- 这是注释 -->4.3 文本格式化
04-02
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

立 少

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值