HTML入门笔记1

207 阅读1分钟

一、HTML概述

  • 诞生于1990年左右,Tim Berners - Lee 发明
  • Tim Berners - Lee自己写了第一个浏览器和服务器,并且用自己的浏览器访问了服务器;
  • 发明了www,同时发明了HTML、HTTP和URL。

二、HTML起手式

<html lang="zh-CN ">
  <head>
    <meta charset="UTF-8" /> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
  </body>
</html>

三、HTML常用的章节标签

  1. 标题标签:h1~h6
  2. 章节:section -->表示一个章节
  3. 文章:article
  4. 段落标签:p
  5. 头部:header
  6. 脚步:footer
  7. 主要内容:main
  8. 旁支内容:aside 常用于导航栏
  9. 划分:div 包起来表示是个整体

四、全局属性

  1. class:表示一个类名,一个标签可以加多个class,用“.xxx”来简写
  2. contenteditable:可以使任何一个元素在页面中被编辑
  3. hidden:表示隐藏
  4. id:用来表示全局唯一的标签,全局唯一性没有保障,重复也不会报错,不到万不得已不要使用id。(#xxx)
  5. style:直接在标签里面写样式
  6. tabindex: HTML中多个空格、tab、回车会默认被转换为一个空格
    tabindex用来控制tab键的顺序,值是数字;0表示最后一个,-1表示永远不访问,正值表示按照顺序访问
  7. title:用来显示完整的内容。(常用于用了省略号之后,鼠标浮上去显示的内容)

五、常用的内容标签

  1. ol+li:有序列表
  2. ul+li:无序列表
  3. dl+dt+dd:描述和描述的内容
  4. pre:保留空格、回车、tab
  5. code:让字体等宽
  6. hr:分割线
  7. br:换行(单标签)
  8. a:链接
  9. em:表示强调
  10. strong:表示重要
  11. quote:表示引用
  12. blockquote:换行引用