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

  • 相关阅读:
    atitit.nfc 身份证 银行卡 芯片卡 解决方案 attilax总结
    atitit.php 流行框架 前三甲为:Laravel、Phalcon、Symfony2 attilax 总结
    Atitit.执行cmd 命令行 php
    Atitit. 图像处理jpg图片的压缩 清理垃圾图片 java版本
    atitit。企业组织与软件工程的策略 战略 趋势 原则 attilax 大总结
    atitit. 管理哲学 大毁灭 如何防止企业的自我毁灭
    Atitit.java的浏览器插件技术 Applet japplet attilax总结
    Atitit.jquery 版本新特性attilax总结
    Atitit. 软件开发中的管理哲学一个伟大的事业必然是过程导向为主 过程导向 vs 结果导向
    (转)获取手机的IMEI号
  • 原文地址:https://www.cnblogs.com/hellovan/p/13530347.html
Copyright © 2011-2022 走看看