zoukankan      html  css  js  c++  java
  • HTML学习笔记2----元素与标签

     随笔记录方便自己和同路人查阅。

    #------------------------------------------------我是可耻的分割线-------------------------------------------

      HTML 的重要成分——元素(element )。元素用于结构化 HTML 文档,并告知浏览器如何呈现网页。一般来说,元素由首标签(starttag )、内容( content)和尾标签(end tag)构成。

      “ 标签” 是什么?

      标签(tag)指示元素的起始与结束。
      所有标签都具有相同的格式:以小于号“<”开头,以大于号“>”结尾。
      一般说来,有两种标签——首标签(start tag )(如 <html>)和尾标签(end tag )(如 </html> )。
      它们唯一的区别在于,尾标签多一条斜杠“/。你通过把内容放在首标签和尾标签之间来对内  容进行标记。
      HTML 主要就是各种各样的元素,所以,学习 HTML,就是学习使用各种元素。

    #------------------------------------------------我是可耻的分割线-------------------------------------------

      举例1:

      比如, b 元素的作用是,告诉浏览器介于标签 <b> 和 </b> 之间的文本应以粗体显示。(这里的“b”是“粗体(bold)” 的意思。)

      例子:在html文档中输入红色字体内容

      <b>这句话应显示为粗体。</b>

      该例在浏览器中将显示如下:

      这句话应显示为粗体。

      h1 、 h2 、 h3 、 h4 、 h5 及 h6 元素的作用是显示标题(这里的 h 是“标题(heading ) ” 的意思)。 其中 h1 是一级标题,字体最大; h2 是二级标题,字体比一级标题略小;而 h6 是六级标题,它

    是最后一级标题,字体也最小。

      举例2:在html文档中输入红色字体内容

      <h1>这是标题</h1>

      <h2>这是子标题</h2>

      首标签和尾标签总是必须的吗?
      常言道,凡事均有例外。在 HTML 中,也有例外的情况,即有些元素没有尾标签。这些没有尾标签的元素被称作空元素(empty element),它们与具体文本内容无关,比如像下面这个换行标签: <br /> 。

      标签中的字母应该大写还是小写?

      大多数浏览器不介意标签是大写还是小写,或者混合大小写。所以<HTML>、<html>或<HtMl>在浏览器上的显示效果都一样。但是, 正确的写法是采用小写字母来书写标签。所以,要养成 用小写字母书写

    标签的习惯。
      把标签放在哪里?
      你应该在 HTML 文档里书写标签。一个网站可能包含多个 HTML 文档。上网的过程,其实
      就是打开不同 HTML 文档的过程。
      

      该例在浏览器中将h1显示为一级标题、h2为二级标题

  • 相关阅读:
    PAT (Advanced Level) 1114. Family Property (25)
    PAT (Advanced Level) 1113. Integer Set Partition (25)
    PAT (Advanced Level) 1112. Stucked Keyboard (20)
    PAT (Advanced Level) 1111. Online Map (30)
    PAT (Advanced Level) 1110. Complete Binary Tree (25)
    PAT (Advanced Level) 1109. Group Photo (25)
    PAT (Advanced Level) 1108. Finding Average (20)
    PAT (Advanced Level) 1107. Social Clusters (30)
    PAT (Advanced Level) 1106. Lowest Price in Supply Chain (25)
    PAT (Advanced Level) 1105. Spiral Matrix (25)
  • 原文地址:https://www.cnblogs.com/lirongyang/p/9756434.html
Copyright © 2011-2022 走看看