前端初学，记下标签以后参考

最新推荐文章于 2024-06-03 15:03:07 发布

进击的菜狗子

最新推荐文章于 2024-06-03 15:03:07 发布

阅读量506

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/CASER_HDMI/article/details/51583922

版权

前端专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<hx></hx>标题标签，x为数字1-6，x越小，标题越重要，也越大

<body>
	<h1>第一级标题</h1>
	<h2>第二级标题</h2>
	<h3>第三级标题</h3>
	<h4>第四级标题</h4>
</body>

标签加粗字体

标签倾斜字体

<body>
	<p>
		普通文字
		<strong>strong标签，字体加粗</strong>
		<em>em标签，字体倾斜</em>
	</p>
</body>

标签表示换行

<body>
	<p>
		普通文字<br>
		<strong>strong标签，字体加粗</strong><br>
		<em>em标签，字体倾斜</em>
	</p>
</body>

<q></q>标签表示引用别人的短句

<blockquote></blockquote>标签表示引用别人的长句

<body>
	<p>
		没有标签：<br>
		人生若只如初见，何事秋风悲画扇。<br><br>

		q标签：<br>
		<q>人生若只如初见，何事秋风悲画扇。</q><br><br>
		
		blockquote标签：<br>
		这是对比行-------------------------<br>
		<blockquote>
		人生若只如初见，何事秋风悲画扇。等闲变却故人心，却道故人心易变。骊山语罢清宵半，泪雨霖铃终不怨。何如薄幸锦衣郎，比翼连枝当日愿。
		</blockquote><br>
		这是对比行-------------------------
	</p>
</body>

可以看出<q>标签引用短句，会自动加上倾斜的双引号，<blockquote>标签则是引用一整段文字，不会自动添加双引号，但是会对段落进行缩进，使之与文本有明显位置区别。

<hr></hr>标签添加水平线，使文本分割开来，并进行换行

<body>
	<p>
		没有标签：<br>
		人生若只如初见，何事秋风悲画扇。
		<hr>
		q标签：<br>
		<q>人生若只如初见，何事秋风悲画扇。</q>
		<hr>
		blockquote标签：<br>
		<blockquote>
		人生若只如初见，何事秋风悲画扇。等闲变却故人心，却道故人心易变。骊山语罢清宵半，泪雨霖铃终不怨。何如薄幸锦衣郎，比翼连枝当日愿。
		</blockquote>
		<hr>
	</p>
</body>

<address></address>标签表示地址，使地址倾斜，并进行换行

<body>
	<p>
		公司地址：XXXXXXXXXX<hr>
		公司地址：<em>XXXXXXXXXX</em><hr>
		公司地址：<address>XXXXXXXXXX</address>
	</p>
</body>

与相比，<adress>地址不仅使文字倾斜，还进行了换行，使地址与文字明显区分。

<code></code>标签可以标识一行代码

<pre></pre>标签可以标识多行代码

	<p>
		{width:200px; height:100px;}<br>
		<code>{width:200px; height:100px;}</code>
		<hr>

		var i=0;<br>
		for(var j=0;j<=3;j++){<br>
			alert(i);<br>
		}<br>
		<pre>
		for(var j=0;j<=3;j++){
			alert(i);
		}
		</pre>
	</p>

<code>标签使插入的代码与普通文本产生区别，而<pre>则跟好用，套在大段代码上，就可以显示，不像普通文本一样需要自己在每一行末尾加上 来换行。

进击的菜狗子

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端初学，记下标签以后参考

标题标签，x为数字1-6，x越小，标题越重要，也越大第一级标题第二级标题第三级标题第四级标题标签加粗字体标签倾斜字体普通文字 strong标签，字体加粗 em标签，字体倾斜标签表示换行普通文字 strong标签，字体加粗 em标签，字体倾斜标签表示引用别人的
复制链接

扫一扫

专栏目录