HTML入门笔记1

HTML简介和简单标签的使用

简介

HTML 是谁发明的？

HTML 是 Tim Berners-Lee 在1990年左右发明的，他的贡献：

  • 发明了第一个浏览器
  • 发明了第一个服务器
  • 用自己的浏览器访问自己的服务器
  • 发明了 WWWW ，同时发明了 HTML 、 HTTP 和 URL

HTML 起手应该写什么？

代码如下：

<!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,chrome=1">
  <title>Document</title>
</head>
<body>
  
</body>
</html>

  • <!DOCTYPE html>

    这是标记文档类型

  • <html lang="en">

    html 标签，可以把 lang = en 改成 lang = zh-CN 。注意，zh-CN 不要写成 zh ，因为不同国家的中文有不同的语言类型。

  • <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,chrome=1">

    告诉 IE 使用最新浏览器内核

章节标签

  • h1~h6

    表示标题

  • section

    表示章节

  • article

    表示文章

  • p

    表示段落

  • header

    头部

  • footer

    尾部

  • main

    表示主要内容

  • aside

    表示旁支内容

  • div

    表示划分

全局属性

  • class

    标签对象声明，一般用 .class 引用

  • contenteditable

    可编辑的

  • hidden

    隐藏

  • id

    表示唯一性，但浏览器不会阻止是否唯一，一般用 #id 引用

  • tabindex

    tab跳转，默认从小到大， 0 是最后一个 -1 不会到达

  • title

    标题，鼠标聚焦后会显示

内容标签

  • ol + li

    ordered list + list item

  • ul + li

    unordered list + list item

  • dl + dt + dd

    ordered list + list item

  • hr

    分割线horizontal

  • br

    换行

  • em

    emphasis 斜线

  • strong

    加粗

  • code

    字体等宽

  • quote

    引用

  • blockquote

    块引用