HTML入门笔记1

130 阅读1分钟

HTML 创始人是Tim Bermers-Lee ,又叫李博士

起始

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>我的网页</title>
  </head>
  <body>
  </body>
 <html

第一行是指明文档类型为html

第二行是指明语言,一般改为 "zh-CN"

第四行是指明字符编码

第五行是禁用缩放,兼容手机

第六行是告诉IE使用最新的内核

第七行是网站标题

章节标签

  • h1~h6
  • section 章节
  • article 文章
  • p
  • header 头部
  • footer 脚部
  • main 主要内容
  • aside 旁支内容
  • div 划分

全局属性

所有标签都有的属性

  • class
  • contenteditable (元素可以被编辑)
  • hidden (让标签看不见) 顶部
  • id 不到万不得已不要用id,id不能是windows里的全局属性
  • style
  • tabindex 响应tab键,-1代表tab不访问,0代表最后访问
  • title 鼠标浮上这个元素,会显示title的内容

默认样式

reset.css

经常使用的内容标签

  • ol 有序列表

    <ol>
      <li></li>
      <li></li>
    </ol>
    
  • ul 无序列表

    <ul>
      <li></li>
      <li></li>
    </ul>
    
  • dl+dt+dd 之定义列表

    <dl>
      <dt>11</dt>
      <dd>22</dd>
    </dl>
    
  • pre 保留空格,tab,回车,这样连续空格就不会压缩成一个

<pre>
第一章:        工作内容
</pre>
  • code (可以使用pre保留空格), 可以用来包裹代码片段
  • em 语气上的强调
  • strong 内容本身的重要性
  • quote 行内
  • blockquote 块级