<!DOCTYPE html> // 1
<html> // 2
<head> // 3
<meta charset="UTF-8"> // 4
<title>XXX</title> // 5
</head>
<body> // 6
XXX
</body>
</html>
1. DTD文档声明
注意:
- 必须写于首行,位于<html>标签前面。
- 大小写均可,<! doctype html>也可。
- 该声明并不是标签,没有结束符。
2. html标签
注意:
- 意于指明该文件为一个网页。
- 包含其他所有标签。
3. head标签
注意:
- 添加配置信息。(几乎所有信息仅为浏览器可见,对用户并不可见。)
4. meta标签
注意:
- 指定字符集,防止出现乱码。
- GBK(GB2312)字符集:包含汉字和一些简单的其他字符,体积小。
- UTF-8字符集:包含所有文字,体积大。
- 指定的字符集与存储文件时使用的编码格式必须一致!
5. title标签(标题)
注意:
- 必须写于head标签内。
- 网站显示的标题以及用户保存网站时的默认标题。
6. body标签
注意:
- 用于显示浏览器提供给用户查看的内容。
- 一对<html></html>标签内只能存在一对body标签。
webStorm部分快捷键
- 创建文件--------------Ctrl + Alt + Ins
- 复制当前行-----------Ctrl + d
- 删除当前行-----------Ctrl + x
- 返回当前行头部------Home
- 跳到当前行尾部------End
- 给文字添加标签------Ctrl + Alt + t
- 多行编辑--------------Alt + 鼠标左键按住不放下移
- 书写标签--------------标签名 + Tab