认识HTML
-
超文本标记语言，用来描述文本的语义，告诉浏览器哪些是标题，哪些是段落。
-
这些描述语义的文本可称为“标签”，在浏览器中不会显示出来
-
HTML固定格式：
<html>
<head>
<meta charset="UTF-8"/>
<title></title>
</head>
<body>
</body>
</html>
- 注意事项：HTML是用来给文本添加语义的，不能用来修改文本样式
编写网页
-
步骤：
1.新建一个文本文档
2.用记事本打开，编写HTML代码
3.保存，然后将文件扩展名.txt修改为.html
4.用浏览器打开这个文件 -
小练习
练习01.png
练习01 .png
标签
- html:告诉浏览器这是html的文件，其他的标签都要写在html标签里
- head:给网站添加配置信息
- title:用于指定网站的标题，用户保存网站时这个指定的标题也会成为保存的标题，它必须写在head标签里
- body:用来指定这个文档要显示给用户查看的内容，如文字、图片、音频、视频，一对html标签中必定只有一对body标签，一定要将要显示的内容写在body标签中
-
meta标签：用来解决乱码现象。在head标签中添加<meta charset="UTF-8"/>，指定字符集。
GBK(GB2312)里面存储的字符比较少, 仅仅存储了汉字和一些常用外文，体积比较小，UTF-8里面存储的世界上所有的文字，体积比较大。在企业开发中，我们采用UTF-8 -
标签分类
单标签：只有开始标签没有结束标签，例如<meta charset="UTF-8"/>
双标签：由一对标签组成，开始标签和结束标签，例如<html></html>
DTD文档声明
```<!doctype html>```
- 不分大小写
- 必须在HTML文档第一行，在<html>之前
- 不是html标签，没有结束标签
Webstorm快捷键
- 创建文件：Ctrl + Alt + ins
- 书写标签：标签名称+Tab（或者回车键）
- 跳到本行最前面：home键
- 跳到本行最后面：end键
- 复制光标所在的行：Ctrl + d
- 多行编辑：Alt键+按鼠标左键向下滚动
- 给文字添加标签：Ctrl + Alt +t
网友评论