html 基本知识

1. 发明者：Tim Berners-Lee, 李爵士；

2. 起手式 (!+tab)

<!DOCTYPE html>
<html lang="en">
<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>
    <h1></h1>

</body>
</html>

3. html标签

3.1 章节标签

h1-h6: 表示1~6级标题；

section: 表示章节；

article：表示文章；

main: 表示主要内容；

aside: 表示旁支内容；

3.2 内容标签

a: 表示链接；

strong: 表示内容上的强调;

em: 表示语气上的强调；

code: 代码，默认为内联样式，可用 pre 标签包裹；

     var a=1; 
   console.log(a);

pre: 保留空格、回车、tab；

ol+li: 有序列表，

ul+li: 无序列表,

dl+dt+dd: dt表示描述对象，dd表示描述内容,

描述对象: 描述内容

quote: 行内引用（无页面效果），

引用名言：一寸光阴一寸金

blockquote: 块级引用；

名言：

一寸光阴一寸金

hr: 水平分隔线；

br: 中

断；

3.3 全局属性

class: 类，类名中无特殊符号（如空格）时，= 右边可加 '' 或 "" 或不加引号，有特殊符号时加 "" ；

id: 名字必须唯一，css通过 #id {} 设置样式； js 可通过 id.style.样式名 = '' 设置元素样式（最好不用）；控制台输入 Window . 显示的单词都不能作为 Id 名，因为这些都是Windows 的全局属性；

style: HTML中style的属性值与 CSS 中style标签设置的值相同，但是优先级高于CSS；JS获取元素设置的style值优先级高于HTML;

tabindex: 设置 tab 键的跳转顺序，从低到高。tabindex 为负数时，tab 永远访问不了；为 0 时，最后访问；

title: 鼠标放在该元素上，会显示内容；

contenteditable: 使该元素可以被编辑。CSS中的style标签默认不可见，可将该标签剪切到HTML中，添加contenteditable属性，然后style{display:block}；即可实现在页面上设置样式；

hidden: 不显示该元素；

前端知识 · 语雀 (yuque.com)

HTML入门笔记1