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

<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>则跟好用，套在大段代码上，就可以显示，不像普通文本一样需要自己在每一行末尾加上 来换行。

前端初学，记下标签以后参考相关推荐

品优购静态页面，前端初学一个半月，努力
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一.html 1.首页index 2.列表页list 3.注册页二.css 1.base.css 2.common. ...
实战react技术栈+express前后端博客项目（8）-- 前端管理界面标签管理+后端对应接口开发...
项目地址:https://github.com/Nealyang/R... 本想等项目做完再连载一波系列博客,随着开发的进行,也是的确遇到了不少坑,请教了不少人.遂想,何不一边记录踩坑,一边分享收获呢 ...
dede织梦内容管理系统模板标签代码参考
◆织梦内容管理系统模板标签代码参考 [Arclist 标记] 这个标记是DedeCms最常用的一个标记,也叫自由列表标记,其中 hotart.coolart.likeart.artlist.imgli ...
html5前端Video视频标签和audio音频标签的使用
html5前端Video视频标签和audio音频标签的使用 h5新特性中关于Video视频标签和audio音频标签的使用和浅谈一.Video视频标签 video标签是h5新特性中用来播放视频的控件, ...
前端会用标签模板（Tagged Templates）就能当股神
前端会用标签模板(Tagged Templates)就能当股神 - 林一二的文章 - 知乎 https://zhuanlan.zhihu.com/p/36426258 文因互联的问答机器人里有一个小功 ...
[DeDe] - 织梦内容管理系统模板标签代码参考
来源:http://www.dedecms.com/archives/templethelp/help/taghelp.htm ◆织梦内容管理系统模板标签代码参考 [Arclist 标记] 这个标记 ...
前端页面select标签
前端页面select标签 (1)前端页面的select标签disabled="disabled"时不能向后台传送数据 (2)可以采取措施在提交的时候将disabled的属性去除 v ...
【Web前端初学笔记】②HTML基本结构标签，VSCode工具创建页面，网页开发工具
文章目录一.HTML基本结构标签二.VSCode工具创建页面三.网页开发工具 1. 基本骨架 2. 文档类型声明标签 3. lang语言种类 4. 字符集 `Character set` 一.H ...
前端初学3| hr标签的扩展及部分特殊符号的表示
hr标签的扩展及部分特殊符号的表示文章目录 hr标签的扩展及部分特殊符号的表示 hr标签的扩展一.hr的颜色变化二.hr的宽度变化三.hr的位置特殊符号一.标签显示二.首行缩进三.其他 ...

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

前端初学，记下标签以后参考相关推荐

最新文章

热门文章