手记

学习《HTML+CSS基础课程》的笔记---第二篇:认识标签

使用标签注意点:标签的用途和标签的默认样式。

语义化:明白怎样合理使用标签。便于编程者写的网页更容易被搜索引擎理解。

各标签简介:

  • <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 />

  • &nbsp;标签
    在 html 代码中输入回车、空格都是没有作用的。所以需要打空格时,必须写入 &nbsp;,可一次性写多个。
    语法: &nbsp;

  • <hr>标签
    在信息展示时,有时会需要加一些用于分隔的横线,这样就会用到 <hr>标签。默认样式线条比较粗,颜色为灰色,可通过css对其进行修改。
    语法: <hr>

  • <address>标签
    用于定义一个地址(比如电子邮件地址)、签名或者文档的作者身份。默认样式为斜体,可通过css进行样式修改。
    语法:<address>联系地址信息</address>

  • <code>标签
    当代码为一行代码时,可使用<code>标签。
    语法:<code>代码语言</code>

  • <pre>标签
    需要加入大段代码时,将会用到 <pre>标签。 <pre>标签的主要作用:预格式化的文本。被包围在 <pre> 元素中的文本通常会保留空格和换行符。
    语法:<pre>语言代码段</pre>
1人推荐
随时随地看视频
慕课网APP