２．认识HTML
2018-06-27 本文已影响0人
海鹏_b4c0
- 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中指定的字符集必须和保存文件的字符集一致,否则乱码
- 在head标签中添加
- 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声明
- 不区别大小写
- 不是标签!
- 不写也能解析网站
