使用标签注意点:标签的用途和标签的默认样式。
语义化:明白怎样合理使用标签。便于编程者写的网页更容易被搜索引擎理解。
各标签简介:
-
<body>标签
在网页上要展示出来的页面内容一定要放在<body>标签中。 -
<p>标签
在网页中显示文章时,将文章的段落放在<p>标签中,<p>标签的默认样式在段前段后都有空白,可通过css样式进行删除或改变。 -
<hx>标签
语法为:<hx>标题文本</hx> (x为1-6)。<hx>标签用来作为文章的标题,<h1>的标题等级最高,标题标签的样式均会加粗,<h1>标签的字号最大,<h6>标签的字号最小。 -
<strong>和<em>标签
如果想在一段话中特别强调某几个文字,这时候就可以用到<strong>和<em>标签。<em>表示强调,默认用斜体表示,<strong>表示更强烈的强调 ,用粗体表示。两个标签相比,目前国内前端程序员更喜欢使用<strong>表示强调。
语法:
<em>需要强调的文本</em>
<strong>需要强调的文本</strong> -
<span>标签
没有语义,它的作用就是为了设置单独的样式用的。
语法:<span>文本</span>
设置样式在<head>里的<style>里面设置。 -
<q>标签
用于短文本引用,该标签将会自动在引用文本两端加上双引号,所以不用自己再加双引号。语法:<q>引用文本</q>。 -
<blockquote>标签
用于长文本引用,浏览器对<blockquote>标签的解析是缩进样式。
语法:<blockquote>引用文本</blockquote> -
<br>标签
在需要加回车换行的地方加入<br />,<br />标签作用相当于word文档中的回车。在 html 代码中输入回车、空格都是没有作用的。在html文本中想输入回车换行,就必须输入<br />。现在一般都有<br />,也有的用<br>。
语法:<br /> -
标签
在 html 代码中输入回车、空格都是没有作用的。所以需要打空格时,必须写入 ,可一次性写多个。
语法: -
<hr>标签
在信息展示时,有时会需要加一些用于分隔的横线,这样就会用到<hr>标签。默认样式线条比较粗,颜色为灰色,可通过css对其进行修改。
语法:<hr> -
<address>标签
用于定义一个地址(比如电子邮件地址)、签名或者文档的作者身份。默认样式为斜体,可通过css进行样式修改。
语法:<address>联系地址信息</address> -
<code>标签
当代码为一行代码时,可使用<code>标签。
语法:<code>代码语言</code> <pre>标签
需要加入大段代码时,将会用到<pre>标签。<pre>标签的主要作用:预格式化的文本。被包围在<pre>元素中的文本通常会保留空格和换行符。
语法:<pre>语言代码段</pre>
共同学习,写下你的评论
评论加载中...
作者其他优质文章