前端开拓天天必学之熟悉HTML标签（1）
|
副问题[/!--empirenews.page--]
2.1 语义化，让你的网页更好的被搜刮引擎领略 这一章节我们要开始把网页中常用到的标签一 一贯各人先容，进修这一章节的时辰要记着进修html标签进程中，首要留意两个方面的进修：标签的用途、标签在赏识器中的默认样式。 什么叫做语义化呢，说的普通点就是：大白每个标签的用途（在什么环境下行使此标签公道），好比，网页上的文章的问题就可以用问题标签，网页上的各个栏目标栏目名称也可以行使问题标签。文章中内容的段落就得放在段落标签中，在文章中有想夸大的文本，就可以行使 em 标签暗示夸大等等。 2.2 body标签，网页表现内容放在这里 在网页上要展示出来的页面内容必然要放在body标签中。如下图是一个消息文章的网页。
2.3 p标签，添加段落 假如想在网页上表现文章，这时就必要<p>标签了，把文章的段落放到<p>标签中。 语法：<p>段落文本</p>留意一段笔墨一个标签，如在一篇消息文章中有3段笔墨，就要把这3个段落别离放到3个<p>标签中。如下图所示：
<p>标签的默认样式，可以在上图中看出来，段前段后城市有空缺，假如不喜好这个空缺，可以用css样式来删除或改变它。段落验证代码： XML/HTML Code复制内容到剪贴板 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title> p标签</title> </head> <body> <h2>段落验证</h2> <p>我的第一个段落。</p> <p>我的第二个段落。</p> </body> </html> 2.4 hx标签，添加问题 问题标签一共有6个，h1、h2、h3、h4、h5、h6别离为一级问题、二级问题、三级问题、四级问题、五级问题、六级问题。而且依据重要性递减。<h1>是最高的品级。 语法：<hx>问题文本</hx> (x为1-6) 文章的问题前面已经说过了，可以行使问题标签，其它网页上的各个栏目标问题也可行使它们。如下图为腾讯网站： 留意：由于h1标签在网页中较量重要，以是一样平常h1标签被用在网站名称上。腾讯网站就是这样做的。如：<h1>腾讯网</h1>h1-h6标签的默认样式：
XML/HTML Code复制内容到剪贴板
<body> <h1>一级问题</h1> <h2>二级问题</h2> <h3>三级问题</h3> <h4>四级问题</h4> <h5>五级问题</h5> <h6>六级问题</h6> </body> 在赏识器中表现样式： 从上面的图片可以看出问题标签的样式城市加粗，h1标具名号最大，h2标具名号相对h1要小，以此类推h6标签的字号最小。 2.5 strong/em插手夸大语气 有了段落又有了问题，此刻假如想在一段话中出格夸大某几个笔墨，这时辰就可以用到<em>或<strong>标签。 （编辑：河北网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
