html学习-03

<em>:强调作用,浏览器显示为斜体;

<i>:斜体字;

<big>:大号字;

<small>:小号字;

<strong>:加粗;

<sub>:下标;

<sup>:上标;

<del>:删除字;

<code>:标签用于表示计算机源代码或者其他机器可以阅读的文本内容,目前在浏览器中显示字体等宽

<tt>:显示字体等宽的效果;

<kbd>:改标签内的文本表示由键盘输入,在浏览器中显示字体等宽;

<samp>: 标签表示一段用户应该对其没有什么其他解释的文本字符。要从正常的上下文抽取这些字符时,通常要用到这个标签。(表示不太懂,反正不常用,以后再研究吧);

<var>:定义变量,表示变量的名称,或者由用户提供的值,通常显示为斜体;

<pre>:预处理,保留空格和换行。

<abbr>:定义缩写,比如:令title为html5,标签内写h5,界面显示为h5,当鼠标移动到h5时,会有个悬浮窗显示全称;

<address>:定义地址,如邮件地址;

<dbo>:文字显示方向,当dir属性值为ltr(我理解为:left to right)则文字显示方向为从右到左,相反为正常显示;

<blockquote>:定义长的引用,会为其增加外边距,并在其前后增加了换行;

<q>:短的引用,会为其增加引号;

<cite>:引用,表示对书籍、文献等的引用;

<dfn>:特殊术语或者短语。

<html>
	<body>
		<!--2018年4月26日23点31分-->
		<meta charset="utf-8">
		<h1 style="color: red; text-align: center">文本格式化输出</h1>
		<b><em>b标签</em>,定义粗体文字</b>
		<br />
		<big><em>big标签</em>,定义大号字</big>
		<br />
		<em><em>em标签</em>,定义着重文字</em>
		<br />
		<i><em>i标签</em>,定义斜体字</i>
		<br />
		<em style="color: red">PS:具体到这两个标签,<em>表示被强调呈现的内容,<i>是物理上的斜体,没有内容上的意义。</em>
		<!--具体到这两个标签,<em>表示被强调呈现的内容,<i>是物理上的斜体,没有内容上的意义。-->
		<br />
		<small><em>small标签</em>,定义小号字</small>
		<br />
		<strong><em>strong标签</em>,定义加重语气</strong>
		<p>这是对比<sub><em>sub标签</em>,定义下标字</sub></p>
		<p>这是对比<sup><em>sup标签</em>,定义上标字</sup></p>
		<del><em>del标签</em>,定义删除字</del>
		<br />
		<h1 style="color: red; text-align: center">计算机输出标签</h1>
		<p><em>code标签</em>,定义计算机代码<br />
			<code>
				int a = 1;
				int b = 3;
				if(a > b)
					printf("好好学习\n");
				else
					printf("天天向上\n");
			</code>
		</p>
		<p><em>kbd标签</em>,定义键盘码<br /><kbd>键盘码//</kbd></p>
		<!--<samp> 标签并不经常使用。只有在要从正常的上下文中将某些短字符序列提取出来,对它们加以强调的极少情况下,才使用这个标签。-->
		<p><em>samp标签</em>,定义计算机代码样本<br />
			<samp>
				int a = 1;
				int b = 3;
				if(a > b)
					printf("好好学习\n");
				else
					printf("天天向上\n");
			</samp>
		</p>
		<p><em>tt标签</em>,定义打字机代码<br />
			<tt>
				int a = 1;
				int b = 3;
				if(a > b)
					printf("好好学习\n");
				else
					printf("天天向上\n");
			</tt>
		</p>
		<p><em>var标签</em>,定义变量<br />
			<var>
				int a = 1;
				int b = 3;
				if(a > b)
					printf("好好学习\n");
				else
					printf("天天向上\n");
			</var>
		</p>
		<p><em>pre标签</em>,定义预格式文本,可以保留空格和换行<br />
			<pre>
int a = 1;
int b = 3;
if(a > b)
	printf("好好学习\n");
else
	printf("天天向上\n");
			</pre>
		</p>

		<h1 style="color: red; text-align: center;">引用、引用和术语定义</h1>

		<p><em>abbr标签</em>,定义缩写<br /><abbr title="html5">h5</abbr></p>
		<p><em>address标签</em>,定义地址(比如电子邮件地址),可以是地址,签名或者文档作者的身份<br /><address>如有疑问请联系<a href="mailto:[email protected]">HJ</a><br/>2018年4月27日</address></p>
		<p><em>bdo标签</em>,定义文字的方向,如果dir属性为rtl则会将bdo标签内的内容从右到左显示<br /><bdo dir="rtl">从右到左显示该句话<br /><h3>这句也是</h3></bdo></p>
		<p><em>blockquote标签</em>定义长的引用,浏览器在 blockquote 元素前后添加了换行,并增加了外边距。<br /><blockquote>这是引用<br />这是引用<br />这是引用</blockquote><br /></p>
		<p><em>q标签</em>,定义短的引用语,浏览器在引用的周围插入了引号<br />欧文:<q>真理惟一可靠的标准就是永远自相符合。</q></p>
		<p><em>cite标签</em>,引用 ,它所包含的文本对某个参考文献的引用,比如书籍或者杂志的标题<br /><a href="http://www.w3school.com.cn/tags/tag_cite.asp"><cite >cite标签</cite></a><br />如果引用的这些文档有联机版本,还应该把引用包括在一个 a标签中,从而把一个超链接指向该联机版本</p>
		<p><em>dfn标签</em>,dfn标签可标记那些对特殊术语或短语的定义<br /><dfn>函数</dfn><br />c语言中有函数</p>
	</body>
</html>
<!--2018年4月27日00点57分很累了,今天先睡觉,明天有空继续,明天进入css学习-->

发布了7 篇原创文章 · 获赞 0 · 访问量 217

猜你喜欢

转载自blog.csdn.net/qq_37961252/article/details/80115238