• 复习补充一下以前学习的HTML+CSS的内容(一)


    1.没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。在开始标签中添加斜杠,比如 <br />,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。即使 <br> 在所有浏览器中都是有效的,但使用 <br /> 其实是更长远的保障。

    2.HTML 标签对大小写不敏感:<P> 等同于 <p>。许多网站都使用大写的 HTML 标签。W3CSchool 使用的是小写标签,因为万维网联盟(W3C)在 HTML 4 中推荐使用小写,而在未来 (X)HTML 版本中强制使用小写。

    3.HTML属性实例:HTML 链接由 <a> 标签定义。链接的地址在 href 属性中指定:<a href="http://www.w3cschool.cc">This is a link</a>。属性值使用单双引号吴差异,但是在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:name='John "ShotGun" Nelson'。属性和属性值依然推荐使用小写。

    4.标题很重要

    请确保将 HTML 标题 标签只用于标题。不要仅仅是为了生成粗体大号的文本而使用标题。搜索引擎使用标题为您的网页的结构和内容编制索引。因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。应该将 h1 用作主标题(最重要的),其后是 h2(次重要的),再其次是 h3,以此类推。

    5.HTML 输出- 使用提醒

    我们无法确定 HTML 被显示的确切效果。屏幕的大小,以及对窗口的调整都可能导致不同的结果。对于 HTML,您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML 代码中的所有连续的空行(换行)也被显示为一个空格。

    6.格式化标签:

    •  文本格式化标签

           关于<b>加粗和<i>斜体标签

              通常标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用。然而,这些标签的含义是不同的:<b> 与<i> 定义粗体或斜体文本。<strong> 或者 <em>意味着你要呈现的文本是重要的,所以要突出显示。现今所有主要浏览器都能渲染各种效果的字体。不过,未来浏览器可能会支持更好的渲染效果

           关于<sub>上标<sup>下标(文本格式化标签)

              <sub></sub>:定义下标,例如化学符号水H2O :H<sub>2</sub>O

              <sup></sup>:定义上标,例如 数学5的2次方52: 5<sup>2</sup>

              关于<ins>插入字和<del>删除字(文本格式化标签)

               <ins></ins>:插入字,例如:插入 :<ins>插入</ins>

               <del></del>:删除字,例如:删除:<del>删除</del>

    • 计算机输出标签

         Computer code       <code>Computer code</code>
         Keyboard input     <kbd>Keyboard input</kbd>
          Teletype text       <tt>Teletype text</tt>
          Sample text          <samp>Sample text</samp>
           Computer variable  <var>Computer variable</var>

    • 引文引用标签定义

         关于<abbr></abbr>  可定义缩写全称<abbr title="World Health Organization">WHO</abbr> 当鼠标悬停在WHO上会有全称提示效果

          关于<bdo></bdo> 可定义文字方向 <p><bdo dir="rtl">This paragraph will go right-to-left.</bdo></p>  该段会在页面上显示.tfel-ot-thgir og lliw hpargarap sihT. 从右往左读。

         

    HTML标签汇总(标红字体加强记忆)
    <html></html> 定义 HTML 文档
    <body></body> 定义文档的主体
    <h1></h1>……<h6></h6> 定义HTML标题供搜索引擎搜索
    <hr> 定义水平线
    <!-- …… --> 定义注释
    <p></p> 定义段落
    <br/> 换行符,插入换行
    <b></b> 定义粗体文本
    <em></em> 定义着重文字
    <i></i> 定义斜体字
    <small></small> 定义小号字
    <strong></strong> 定义加重语气 
    <sub></sub> 定义下标字
    <sup></sup> 定义上标字
    <ins></ins> 定义插入字 
    <del></del> 定义删除字
       
    <code></code> 定义计算机代码
    <kbd></kbd> 定义键盘码
    <samp></samp> 定义计算机代码样本
    <var></var> 定义变量
    <pre></pre> 定义预格式文本
       
    <abbr></abbr> 定义缩写
    <address></address> 定义地址
    <bdo></bdo> 定义文字方向


     

  • 相关阅读:
    大型网站随着业务的增长架构演进
    springboot日志logback配置
    一些容易出错的细节
    从一个下载优化说起
    徒手优化冒泡排序
    php设计模式之观察者模式
    php设计模式之抽象工厂模式
    phper談談最近重構代碼的感受(3)
    php设计模式----工厂模式
    偏执的我从Linux到Windows的感受
  • 原文地址:https://www.cnblogs.com/linruiyi2015/p/4922437.html
Copyright © 2020-2023  润新知