zoukankan      html  css  js  c++  java
  • Html学习笔记(二) 简单标签

    标签的重点

    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>标签的一个常见应用就是用来展示计算机的源代码。

  • 相关阅读:
    nohup 忽略 nohup.out 输出
    elementui 发送时间格式到 gin 后端问题
    在 Ubuntu 下使用 Puppeteer 时无法加载类库 libX11-xcb.so.1
    获取注解上的注解
    tomcat 远程 debug
    使用pytorch-lightning漂亮地进行深度学习研究(转)
    CTR预估模型发展历程(转)
    pytorch重要函数介绍
    Dataset和Dataloader
    推荐系统中的ID特征为什么有用?
  • 原文地址:https://www.cnblogs.com/lijianming180/p/12267994.html
Copyright © 2011-2022 走看看