HTML入门笔记1

115 阅读1分钟

HTML 由来

是由李爵士在1990年发明的

李爵士写了世界上第一个浏览器和服务器,并让浏览器访问了服务器,

他希望世界上的所有人都能通过输入网址访问html文档,所以发明了万维网WWW,WWW=url+html+http

HTML 起手

<!DOCTYPE html> <!-- 文档类型,告诉浏览器这是html格式的文档 -->
<html lang="en">
<!-- 文档语言,默认为[en]英文 -->
<head>
    <meta charset="UTF-8"> <!-- 文档字符编码,一般都是UTF-8 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- 告诉IE使用最新版本-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 禁用缩放,兼容手机-->
    <title>Document</title> <!-- 文档标题,即网页标签显示的标题 -->
</head>
<body>
    <!-- 文档内容-->
</body>
</html>

HTML 常用标签

章节标签

表示文章/书的层级

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

内容标签

  • 有序列表 ol+li
  • 无序列表 ul+li
  • 定义列表 dl+dt+dd
  • 预格式化 pre 被包围在 pre 元素中的文本通常会保留空格和换行符
  • 水平分割线 hr
  • 换行符 br
  • 链接 a
  • 斜体 em
  • 粗体 strong
  • 代码块 code
  • 定义块引用 blockquote

全局属性

所有标签都有的属性

  • class
  • contenteditable 让元素内容可编辑
  • hidden 优先级低于display属性
  • id
  • style
  • tabindex 规定元素的 tab 键控制次序 0 最后一个 -1 无法访问
  • title