1.HTML的起源
HTML(Hyper Text Marked Language)是由李爵士(Tim Berners-Lee)和其同事发明的。事实上李爵士是万维网(World Wide Web)的发明者,万维网包含了HTML、URL和HTTP。
2.HTML起手式
<!-- 文件类型 html -->
<!DOCTYPE html>
<!-- 语言 英语 -->
<html lang="en">
<!-- 头部(隐藏) -->
<head>
<!-- 字符集 UTF-8 -->
<meta charset="UTF-8">
<!-- viewport(窗口)
width 为 device-width(设备宽度)
initial-scale(初始缩放) 为 1.0
-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 标题 -->
<title>Document</title>
</head>
<!-- 身体 显示主体 -->
<body>
</body>
</html>
3.常用章节标签
- h1~h6 (headline) 标题
- section 章节
- article 文章
- p (prograph) 段落
- header 头部
- footer 脚部 (一般放版权声明)
- main 主要内容
- aside 旁支内容
- div (division) 划分
4.全局属性
- class 类
- contenteditable 内容可编辑
- hidden 隐藏元素
- id ID
- style 样式
- tabindex tab键选择顺序
- title 鼠标悬浮时展示的内容
5.内容标签
- ol + li (ordered list + list item) 有序列表
- ul + li (unordered list + list item) 无序列表
- dl + dt + dd (definition list + term + description) 自定义列表
- pre (preview) 预览:HTML文档内的空格、回车、TAB都会如实的显示在窗口中
- hr (horizontal rule) 水平分割线
- br (break) 换行
- a (anchor) 锚:链接
- em (emphasis) 强调
- strong 重要内容(默认粗体)
- code 代码段
- q (quote) 引用(inline内联元素)
- blockquote 引用(block块级元素)