HTML基础

HTML基础

超文本标记语言 (英语:Hypertext Markup Language,简称:HTML ) 是一种用来结构化 Web 网页及其内容的标记语言。网页内容可以是:一组段落、一个重点信息列表、也可以含有图片和数据表。

HTML 元素

HTML 元素

这个元素的主要部分有:

  1. 开始标签(Opening tag):包含元素的名称(本例为 p),被大于号、小于号所包围。表示元素从这里开始或者开始起作用 —— 在本例中即段落由此开始。
  2. 结束标签(Closing tag):与开始标签相似,只是其在元素名之前包含了一个斜杠。这表示着元素的结尾 —— 在本例中即段落在此结束。初学者常常会犯忘记包含结束标签的错误,这可能会产生一些奇怪的结果。
  3. 内容(Content):元素的内容,本例中就是所输入的文本本身。
  4. 元素(Element):开始标签、结束标签与内容相结合,便是一个完整的元素。

元素也可以有属性(Attribute):

HTML 属性

属性包含了关于元素的一些额外信息,这些信息本身不应显现在内容中。本例中,class 是属性名称,editor-note 是属性的值 。class 属性可为元素提供一个标识名称,以便进一步为元素指定样式或进行其他操作时使用。

属性应该包含:

  1. 在属性与元素名称(或上一个属性,如果有超过一个属性的话)之间的空格符。
  2. 属性的名称,并接上一个等号。
  3. 由引号所包围的属性值。

HTML文档

  • <!DOCTYPE html> — 文档类型。混沌初分,HTML 尚在襁褓(大约是 1991/92 年)之时,DOCTYPE 用来链接一些 HTML 编写守则,比如自动查错之类。DOCTYPE 在当今作用有限,仅用于保证文档正常读取。现在知道这些就足够了。
  • <html></html>`` 元素。该元素包含整个页面的内容,也称作根元素。
  • <head></head>`` 元素。该元素的内容对用户不可见,其中包含例如面向搜索引擎的搜索关键字(keywords)、页面描述、CSS 样式表和字符编码声明等。
  • <meta charset="utf-8"> — 该元素指定文档使用 UTF-8 字符编码 ,UTF-8 包括绝大多数人类已知语言的字符。基本上 UTF-8 可以处理任何文本内容,还可以避免以后出现某些问题,没有理由再选用其他编码。
  • <title></title>`` 元素。该元素设置页面的标题,显示在浏览器标签页上,也作为收藏网页的描述文字。
  • <body></body>`` 元素。该元素包含期望让用户在访问页面时看到的内容,包括文本、图像、视频、游戏、可播放的音轨或其他内容。

标记文本

  • 标题(Heading)

    <h1>主标题</h1>
    <h2>顶层标题</h2>
    <h3>子标题</h3>
    <h4>次子标题</h4>
    
  • 段落(Paragraph)

    <p>这是一个段落</p>
    
  • 列表(List)

    1. 无序列表(Unordered List)中项目的顺序并不重要,就像购物列表。用一个 `` 元素包围。
    2. 有序列表(Ordered List)中项目的顺序很重要,就像烹调指南。用一个 `` 元素包围。

    列表的每个项目用一个列表项目(List Item)<li>元素包围。eg:

    <p>Mozilla 是一个全球社区,这里聚集着来自五湖四海的</p>
        
    <ul> 
      <li>技术人员</li>
      <li>思考者</li>
      <li>建造者</li>
    </ul>
    
    <p>我们致力于……</p>
    

链接

要将一些文本添加到链接中,只需如下几步:

  1. 选择一些文本。比如 “Mozilla 宣言”。

  2. 将文本包含在</a>元素内,就像这样:

    <a>Mozilla 宣言</a>
    
  3. 为此</a>元素添加一个href属性,就像这样:

    <a href="">ZTE中兴</a>
    
  4. 把属性的值设置为所需网址:

    <a href="https://www.zte.com.cn/china/">ZTE中兴</a>
    

如果网址开始部分省略了 https:// 或者 http://,可能会得到错误的结果。在完成一个链接后,可以试着点击它来确保指向正确。

原文地址:https://www.cnblogs.com/hellovan/p/13530347.html