HTML初识
1.html标签:所有html中标签的一个根节点
2.head标签:用于存放:title,meta,base,style,script,link
3.title标签:显示网站标题
4.body标签:显示主体
HTML骨架语法
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
HTML标签分类
分为两种:
1.双标签
<body> </body>
<body>:标签开始部分
</body>:标签结束部分
/ 关闭符号
2.单标签
<br />
网页组成元素:文字、图片、链接、音频。。。
我们需要用代码来表达这些元素
代码标签
图片标签
换行,单标签
HTML标签关系
分为两种:
1.嵌套关系
<head> <title> </title> </head>
2.并列关系
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
head标签和body标签属于并列关系
开发工具
Dreamweaver
sublime
webstorm
HBuilder
VS code
sublime使用技巧
html:5
!
之后按tab键
看代码
<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>
文档类型:<!DOCTYPE html>是html5
字符集:<meta charset="utf-8"> charset是字符集,告诉文档使用的是utf-8字符集
常用的字符集:
gb2321:简单中文,包含6763个汉字
BIG5:繁体中文,港澳台等用
GBK:包含全部中文字符,是GB2321的扩展,加入对繁体字的支持,兼容GB2312
UTF-8:包含全世界所有国家需要用到的字符(统统使用utf-8,就不会出现乱码了)
HTML标签的语义化
语义化就是:标签的含义
第一行html代码
<html>
<head>
<title>我的第一个网站</title>
</head>
<body>
我终于制作了自己的第一个页面!!
</body>
</html>