• 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://,可能会得到错误的结果。在完成一个链接后,可以试着点击它来确保指向正确。

  • 相关阅读:
    mysql 系列文章推荐
    文章推荐
    LeetCode 229: Majority Element II
    archlinux安装ssh,并启动服务 | 繁华的森林
    小程序之登录
    owasp top10
    JAVASE学习笔记—009 异常处理
    Spring学习笔记:Bean的配置及其细节
    Vim编码识别及转换
    理解 Java 中的类装载器
  • 原文地址:https://www.cnblogs.com/hellovan/p/13530347.html
Copyright © 2020-2023  润新知