html起手式
!+tab (参照掘金上的博客修改默认代码)
章节标签
<标签>内容</标签>
表示文章/书的层级
标题h1~h6
h1字体最大，依次递减
章节section
包含独立章节（层层包围），一般会含有标题
<section>
<h2>第一章</h2>
<p>111111111111</p>
<section>
<h2>第二章</h2>
<p>111111111111</p>
</section>
</section>
文章article
段落p
头部header
脚部footer
主要内容main
旁支内容aside
划分div
容器，很常用，经常和class以及id配合使用
全局属性
<标签 属性>内容</标签>
所有标签都有的属性
class
给标签分类，名为xx。css中即可用.xx表示。
简写：.xx+tab即可生成div class="xx"
contenteditable
使被加标签内的文本可被编辑，样式随编辑改变。
hidden
隐藏标签内文本内容
id
命名是页面唯一时才可用，慎用，因为你用重复了id特么的也不会报错。
style
内容通常为css格式
<header id="xxx" style="border: 1px solid red">
tabindex
添加后文本可被tab选中
title
显示在浏览器标题或者标签上
内容标签
针对文本
ol+li
ordered list
ul+li
unordered list
dl+dt+dd
<dl>
<dt>~term 描述对象</dt>
<dd>描述数据<dd>
</dl>
pre
包在里面能实现实际操作 空格和换行
hr
分割线
br
换行
a
添加超链接
em
emphasis斜体 强调语气
strong
粗体 强调内容本身
code
等宽字体，和pre配合写代码
q
内联引用
blockquote
块级引用
常用标签
a
作用：
- 跳转外部页面
- 跳转内部锚点（电话）
- 跳转邮箱电话
属性
- href：hyper refer(超级引用)
- target：指定某窗口打开页面（_blank空白）
- download：下载某页面（少）
a的href取值
- //google.com
- 相对路径：当前目录下 index.html或./index.html
- 伪协议：
- 内部锚点（目录）：href=“#xxx” 跳转id=“xxx”
- 邮箱电话
a的target取值
- _blank在空白页打开
- _self在当前页面打开
- _top最顶层页面打开链接
- _parent当前页面上一窗口打开链接
iframe标签
少 不写
table标签
- table-layout: auto/fixed
- auto: 根据文本内容自动调整表格宽度
- fixed：使每个表格的宽度尽量平均
- border-spacing: ?px:表格之间的间隔
- border-collapse：collapse:合并边界，一般用来合并表格间隙
img标签
作用：发送一个get请求，展示一张图片
- src属性：来源
- alt属性：无法看图时替代的文字
- 请勿宽高全加使图片变形
- 响应式：max-width:100%
form标签
作用：发送get或post请求，然后刷新页面
- 属性：action
- method属性
- autocomplete属性
- target属性
input标签
作用： 让用户输入内容
- button和submit属性（区别是button可以加粗文字或加图片等，submit不行）
- type类型
- 文本框 text/required
- color
- password
- 圆形选框
- 方型选框
- 上传文件（多个用multiple）
- hidden
- 选择框
- 文本框 text/required
