html常用一些文本标签
Posted 笔记记录
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html常用一些文本标签相关的知识,希望对你有一定的参考价值。
复习
<!-- 注释 -->:注释内容,运行后不显示;
<p>与<article>的区别:通常<article>包含<p>标签;
写文本内容总会用到加粗、斜体、下划线等标记功能!
html也是有的:
<b> | 定义粗体文本。 |
<em> | 定义强调文本。 |
<i> | 定义斜体文本。 |
<pre> | 定义预格式文本 |
<s> | 定义加删除线的文本。 |
<samp> | 定义计算机代码样本。 |
<small> | 定义小号文本。 |
<strong> | 定义语气更为强烈的强调文本。 |
<u> |
定义下划线文本。 |
下列代码中用到了部分基础的格式标签
<html>
<head>
<meta charset="utf-8"><!-- 防止浏览器乱码,具体不明,待学习 -->
<title> New Document </title>
</head>
<body>
<p>
这里测试 p 标签的 空格 和换行效果,
这里换行了!<!-- 实际浏览器位换行,见运行后图片 -->
<br/>
<hr> <!-- 这是分割线 -->
<b>这是加粗 b 的效果</b><br/> <!-- <br/>换行效果 -->
<i>这是斜体 i 的效果</i><br/>
<b>注意:</b>在最新的HTML 5 规范声明:标题应该用h1- h6 标签表示,重要的文本应该用 strong 标签表示,被强调的文本应该用 em 标签表示,(即 b 、i 基本不用,可以使用strong、em。)被标记的或者高亮显示的文本应该用 mark 标签表示。<br/>
<hr>
<strong>这是 strong 的效果</strong><br/>
<em>这是 em 的效果</em><br/>
<s>这是删除线 s 的效果</s><br/>
<u>这是下划线 u 的效果</u><br/>
<b>注意:</b>最新的H5中,u 基本不用,因为它和超链接 a 元素及其相似。<br/>
<hr>
<small> 定义小号字体 small 的效果 </small><br/>
</p>
<hr>
<pre>这是文本具有 空格 和换行效果,
这里换行了!
</pre>
<strong>注意:</strong>没有 pre 标签时,在编辑代码时输入 回车换行 时,在运行时无效。使用 pre 标签文本也会呈现为等宽字体。<br/>
</body>
</html>
运行后,网页显示效果:
除了这些格式标签外,还有 sup、sub、table、abbr等等!
本记总结
<s> 标签对那些不正确、不准确或者没有用的文本进行标识。<s> 标签不应该用来定义替换的或者删除的文本。如果要定义替换的或者删除的文本,请使用 <del>标签。
根据 HTML 5 的规范,<b> 标签应该做为最后的选择,只有在没有其他标记比较合适时才使用它。HTML 5 规范声明:标题应该用 <h1> - <h6> 标签表示,被强调的文本应该用 <em> 标签表示,重要的文本应该用 <strong> 标签表示,被标记的或者高亮显示的文本应该用 <mark> 标签表示。
<pre> 标签可定义预格式化的文本。被包围在 <pre> 标签 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
尽量避免使用 <u> 为文本加下划线,用户会把它混淆为一个超链接。
以上是关于html常用一些文本标签的主要内容,如果未能解决你的问题,请参考以下文章