HTML基础-认识HTML
HTML=HyperText Markup Language
HTML的作用->超文本=用一些文本描述另一些文本的语义->标签->HTML只添加语义不修改样式
HTML的历史
第一个网页
网页的固定格式
<html>
<head>
<title></title>
</head>
<body>
<h1>这是我的第一个网页</h1>
</body>
</html>
编写步骤: 略
标签的意义
html标签:
网页开始和结束
内容必须写在其中
head标签:网站配置信息,例如:
网站标题 / 网站小图片
网站SEO(关键字 / 描述信息)
外挂css/js文件
浏览器适配相关内容
注意:
head内容不会出现在网页中
title标签:
网站标题
保存默认标题
注意点: 必须写在head内
body标签:
显示给用户看的内容(文字/图片/音频/视频)
注意点: 有时别处内容也能显示,但应该写在body中
注意点: 一个html只有能一个body
字符集问题
在head标签中添加<meta charset="GBK"/>,指定字符集
常见字符集GBK/UTF-8
GBK(GB2312又叫国标)字符少,仅汉字和常用外文,体积小
UTF-8世界上所有文字,体积大
网站仅中文用GB2312,网站还包括其它语言的用UTF-8;情人推荐UTF-8
注意点:在HTML中指定的字符集必须和保存文件的字符集一致,否则乱码
所以完整的代码框架应该是这样的
<html>
<head>
<meta charset="GB2312"/>
<title>这里写网页标题</title>
</head>
<body>
</body>
</html>
标签
分类1:成对
单标签
<meta charset="UTF-8"/>
双标签
<html> </html>
分类2:嵌套
并列关系
<head>
</head>
<body>
</body>
嵌套关系
<html>
<head>
<meta charset="GBK" />
<title> </title>
</head>
</html>
DTD文档声明
什么是DTD文档声明
在第1行标明网站是用哪个版本的标准编写的
常用HTML5的DTD文档声明,向下兼容 <!DOCTYPE html>
注意点:
标准HTML网页,第一行必须是DTD声明
不区别大小写
不是标签!
不写也能解析网站