学习标签属性2

Posted 独孤晓宇

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了学习标签属性2相关的知识,希望对你有一定的参考价值。

格式标签

<address>标签定义文档或文档的作者联系信息,定义在body内则表示文档练习信息,这个标签是带有语义的即我们看到a标签,不能直观上知道他是一个超链接,但是address通过翻译能明白这是定义联系信息,这就是予语义化的好处,他以斜体显示。<address>...</address>

<b>标签定义粗体文字,但这些带样式的文本不建议在html5中使用,建议使用样式列表,但要知道了解。html中标签是可以互相嵌套的。示例:<p>普通的文字<b>加粗的文字</b></p>

<del>标签,定义被删除的文本,用它包含的内容会有一道中划线

示例--被删除的文本

<html>

<body>

  <del>这是被删除的文本</del>

  <p>也可以<del>嵌套</del>使用</p>

</body>

</html>

 

<em>标签用它包裹的内容是告诉浏览器要强调的内容,这段文字用斜体来显示,在文本中不要滥用强调。<em>...</em>

 

<i>标签显示斜体效果,但不表示强调。

 

<pre>标签中的空格和换行不会被忽略写它的时候不需要写<p>标签了,他和p标签一样属于元素

 

<small>标签,被它包裹的文本会比一般的文本小,如果被包裹的标签已经是最小就不会起作用

<big>标签 大一号的文本,不建议在html5使用

<strong>标签 表示强调比<em>标签更强一筹,显示是加粗文本。

<u>标签为文本加下划线,尽量避免为文本加下划线,用户会把他混淆为一个超链接!同样不建议在html5使用。但是大部分公司在用老技术,所以都要学。

<sup>上标签字体较小在正常字体上面数学公式之类的会用到还有商标符号之类的

<sub>下标签字体较小在正常字体下面

 

练习:

 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<p>这是普通的水平线</p>
<hr />
<p>这是高度为50的水平线</p>
<hr size="50%" />
<address>这是地址</address>
<p>这个字体<b>加粗了</b></p>
<p>这个标签定义被<del>删除的文本</del>可以被嵌套</p>
<em>表示强调</em><br />
<i>显示斜体效果但不表示强调</i><br />
<pre>标签中的空格 和换行
不会被忽略</pre><br />
<p>哈哈哈哈<small>被它包裹的标签会比正常的文本小一点</small></p><br />
<p>这个是<big>大一号的文本</big></p><br />
<p>这个<strong>表示强调</strong>比em标签更强一筹显示的是粗体</p>
<p>这个标签为文本加<u>下划线</u>但是不建议因为容易和<a href="#">超链接</a>混淆</p><br />
<p>不是所有的公司都是用最新的技术还有传统的公司所以都要学戏</p><br />
<p>这个是<sup>上标签</sup></p>
这个是<sub>下标签</sub>很多公式和商标之类的会用到
</body>
</html>

 

以上是关于学习标签属性2的主要内容,如果未能解决你的问题,请参考以下文章

vue 学习2

学习标签属性3

JavaScript基础学习4

HTML+CSS学习--HTML表单标签

07.23 课堂随笔 学习了相关的标签

html5学习系列——b标签