HTML入门笔记1

1.html是蒂姆·伯纳斯·李（Tim Berners-Lee）1990年发明的；

2.html基本组成:

//告知文档类型,告知浏览器文档为html
<!DOCTYPE html> 
//页面语言格式为中文
<html lang="zh-CN">
//规定页面的字符编码格式为utf-8
<meta charset="utf-8">
//标题
<title></title>
//视口宽度为设备宽度,页面初始化时缩放比例为1.0
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<body>
</body>
</html>

3. 常用的章节标签：

h1-h6：标题标签，标题层级递减，默认样式有加粗、外边距和内边距
p：表示段落，默认样式外边距
div：任意内容容器，无默认样式
section：语义化标签，表示一段章节，无默认样式，属于
article：语义化标签，表示独立的内容结构，无默认样式
nav：语义化标签，表示导航条
main：语义化标签，表示文档主要内容部分，无默认样式
aside：语义化标签，表示文档非主要内容部分，常用于侧栏
header: 语义化标签，表示文档头部部分
footer：语义化标签，表示文档尾部部分

4. 常用的内容标签：

ol+li：ordered list 有序列表
ul+li：unordered list 无序列表
dl+dt+dd：description list 描述列表
pre：保留html文档中的空格、tab和回车
hr：分割线，无闭合
br：换行标签，无闭合
a：超链接，有href属性表示链接地址，target属性表示打开链接地址的方式
em：强调标签，主要是语气上的强调，字体样式有改变
strong: 强调标签，主要是本质上的强调，有加粗效果
code：代码标签，主要用来存放代码，样式为代码标准的样式
q: 引用，无样式改变，行内元素
blockquote：引用，无样式改变，块级元素

5. 全局属性，标签都具有的属性

class 类名
id 标识元素为唯一的，但是并没有强制约束为唯一
style 元素行内样式
tabindex 使用tab键聚焦，值为正数时，随数值增大而依次滞后聚焦；值为0时，表示最后聚焦；值为负数表示不聚焦
title 鼠标停留在元素上时显示的内容
contenteditable 元素可编辑，布尔属性，存在即为true，反之为false
hidden 隐藏元素，布尔属性，同上