Html学习笔记(二) 简单标签

时间：2022-03-21 05:12:27

标签的重点

  1. 标签的用途
  2. 标签在浏览器中的默认样式
  • <body>标签: 在网页上显示的内容
  • <p>标签: 添加段落
  • <hx>标签: 添加标题
    标签一共有6个，h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1>是最高的等级。
  • <string>和<em>标签: 强调
    <em> 表示强调，<strong> 表示更强烈的强调。并且在浏览器中<em> 默认用斜体表示，<strong> 用粗体表示。两个标签相比，目前国内前端程序员更喜欢使用<strong>表示强调。
  • <span>标签: 为文字设置单独样式
    1. <em>和<strong>标签是为了强调一段话中的关键字时使用，它们的语义是强调。
    2. <span>标签是没有语义的，它的作用就是为了设置单独的样式用的。
  • <q>标签: 短文本引用
    语法: <q>引用文本</p>
    语义: 引用别人的话
    注意要引用的文本不用加双引号，浏览器会对q标签自动添加双引号。
  • <blockquote>标签: 长文本的引用
    语法: <blockquote>引用文本</blockquote>
    语义: 长文本引用。
    表现: 浏览器对<blockquote>标签的解析是缩进样式。
  • <br>标签: 分行显示文本
    大专栏  Html学习笔记(二) 简单标签 语法: <br/>-空标签
    语义: 回车。

    在 html 代码中输入回车、空格都是没有作用的。在html文本中想输入回车换行，就必须输入<br />。

  • &nbsp; : 空格
    语法: &nbsp;
    语义: 空格
  • <hr>标签: 添加水平横线
    语法:
    • html4.0.1版本: <hr>
    • xhtml1.0版本: <hr />

    语义: 分隔的横线

  • <address>标签: 为网页加入地址信息

    一般网页中会有一些网站的联系地址信息需要在网页中展示出来，这些联系地址信息如公司的地址就可以<address>标签。也可以定义一个地址（比如电子邮件地址）、签名或者文档的作者身份。

    语法: <address>联系地址信息</address>
    语义: 地址信息
    表现: 斜体（可以通过css修改）

  • <code>标签: 添加单行代码
    语法: <code>代码语言</code>
    语义: 添加单行代码

    如果是多行代码，可以使用<pre>标签。

  • <pre>标签: 加入多行代码
    语法: <pre>多行代码</pre>
    语义: 预格式化的文本。
    表现: 通常会保留空格和换行符。

    <pre> 标签不只是为显示计算机的源代码时用的，在你需要在网页中预显示格式时都可以使用它，只是<pre>标签的一个常见应用就是用来展示计算机的源代码。

相关文章