4# 俯视HTML

作者: nineSean | 来源:发表于2016-09-12 09:44 被阅读0次

关键词


标签属性 <a>标签 <p>标签 列表标签 <table>标签

知识点


1. Doctype

文档类型,定义不同的文档类型,浏览器提供不同的支持。

2. 规范的HTML文件

<!Doctype html>
<html>
  <head></head>
  <body></body>
</html>

规范的HTML文件必须包括这四个标签。

3. 标签分类

  • 双标签
    双标签包括开始标签和结束标签。如下
    <div></div>
    <ul></ul>

  • 单表签
    <img src="" alt="">
    <img src="" alt=""/>
    上面的写法是规范写法,在html5中兼容下面写法为上面的写法。

4. 标签属性

  • 公有属性
    所有标签都有的属性,如id、class、style等。
  • 建议属性值都用引号包着。
  • 结束标签</之间不能有空格。
  • 大小写敏感
    • 不敏感:标签名、属性名。
    • 敏感:属性值。

5. <a>标签

  • 写法
    <a href="xxxxx">...</a>
  • 特有属性
    href
    • 绝对路径
      Linux:以/开头
      window:以盘符如C:\开头
      href=/absolute/path.html
    • 相对路径
      只要以目录名开始的就是相对路径
      href=relative/path.html
    • 网址
      //或者http开头
      href=//www.baidu.com
      href=http://www.baidu.com
    • 伪协议
      javascript:JS代码
      href=javascript:alert(1)
    • #id
  • 默认样式
    : link
    : hover
    : visited
    : active
  • 默认动作
    跳转页面
  • target属性
    属性值有以下几种
    • _blank
    • _parent
    • _top
    • _self

6. <h1><h6>标签

  • 表达页面、文章的逻辑层次
  • 默认样式
    加粗、大小、line-height

7. <strong>标签

  • 表示逻辑上着重、强调
  • 默认样式
    加粗
  • <b>标签效果一样,但无语义,不推荐使用

8. <em>标签

  • 表示语气上的强调
  • 默认样式
    斜体
  • <i>标签效果一样,但无语义,不推荐使用

9. <p>标签

  • 表示一个段落
  • 默认样式
    段落间距
  • 可以不闭合
    <p>元素紧跟着 address, article, aside, blockquote, div, dl, fieldset, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, main, nav, ol, p, pre, section, table, ul元素时结束标签可以省略。

10. 列表标签

  • 有序列表

    • 表示有顺序的列表
      <ol>
      <li></li>
      <li></li>
      </ol>
    • 默认样式
      按照阿拉伯数字1、2、3顺序排序
  • 无序列表

    • 表示无顺序的列表
      <ul>
      <li></li>
      <li></li>
      </ul>
    • 默认样式
      <li>里内容的前面加个小圆点
  • <dl>列表
    <dl>
    <dt></dt>
    <dd></dd>

      <dt></dt>
      <dd></dd>
    </dl>
    

dd标签的内容对dt标签里的术语进行定义、描述

11. <table>标签

  • 写法
    <table>
    <colgroup>
    <col width=100>
    <col width=200>
    <col>
    </colgroup>
    <thead>
    <tr>
    <td>表头1</td>
    <td>表头2</td>
    <td>表头3</td>
    </tr>
    </thead>
    <tbody>
    <tr>
    <td>数据1</td>
    <td>数据2</td>
    <td>数据3</td>
    </tr>
    <tr>
    <td>数据1</td>
    <td>数据2</td>
    <td>数据3</td>
    </tr>
    </tbody>
    <tfoot>
    <tr>
    <td>汇总</td>
    <td>总数</td>
    </tr>
    </tfoot>
    </table>
    <table>标签包括表头<thead>、主体<tbody>、尾部<tfoot>三部分,如果没写默认都属于主体。
    <td>表示表格数据,如果不是表示数据可用<th>代替。
    <colgroup> 标签用于定义列宽,但有违结构、样式分离的原则。

12. 浏览器如何识别HTML

  • file协议
    该协议下浏览器通过文件后缀来识别。
  • http协议
    该协议下浏览器根据MIME类型识别。
  • 浏览器如何识别HTML类型
    文档类型<!doctype>标签声明,若未声明浏览器靠猜。

拓展知识


  1. JS伪协议
  2. MIME类型

参考


W3C Recommendation


本文章著作权归饥人谷_九霄和饥人谷所有,转载须说明来源

相关文章

  • 4# 俯视HTML

    关键词 标签属性 标签 标签 列表标签 标签 知识点 1. Doctype 文档类型,定义不同的文档类型,浏...

  • #作业4#吸星大法

    #31-Dayna-作业4#

  • 游德凤

    4#,开车那里安装单动,便于方便,

  • 河源馨区

    4# 88平米7500顶层

  • 俯视

    坐在摩天轮上,透过蓝色玻璃,俯视着窗外 慢慢慢慢,相机终于捕捉到了,一张全景 一个拖延就会错过位置 咬咬牙,就拍了吧

  • 俯视

    我在十七楼的阳台俯视你 曾经走过的空地 我以心乱如麻等候你 曾爱我的你

  • 俯视

    从天空望下去 城市的房子是一片又一片的公墓 高一点的是墓碑 矮一些的是墓穴 我的航班飞越了千山万水 从一个火葬场 ...

  • 俯视

    青苔是你的外衣 恐惧油然而生 看来我还是属于大地

  • 俯视

    她喝下了美貌药水,只为了钓个金龟婿…… 他喝下了金钱药水,只为了娶个大美女…… 它喝下了宠溺药水,只为了找个好主人...

  • 俯视

    我俯视你 我俯视你们 我俯视众生 众生皆蝼蚁 我是鸟 或许也不是 我只是根鸟毛 暴风雨过后 鸟死了 我仍不知死活

网友评论

    本文标题:4# 俯视HTML

    本文链接:https://www.haomeiwen.com/subject/xioyettx.html