什么是HTML
- HTML是Hyper Text Markup Language的缩写，即超文本标记语言。
HTML的作用
- HTML只有一个作用，就是用来给文本添加语义，HTML不会修改文本的样式。
- HTML通过标签来给文本添加语义，而且这些标签不会在浏览器中显示出来。
- 正是因为这些标签是用来给其他文本添加语义，且不会在浏览器中显示出来，所以我们称这些文本为“超文本”，而这些文本又叫做标签，所以HTML被称作“超文本标记语言”。
HTML的基本框架
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我是网页小标题</title>
</head>
<body>
</body>
</html>
DTD文档声明
格式
作用
- 为了让浏览器能够正确的编译/渲染/解析我们的网页，我们需要在HTML文件的第一行就告诉浏览器，我们当前的网页是用哪一个版本的HTML规范来编写的， 浏览器只要知道了我们是用哪一个版本的规范来编写之后, 它就能够正确的编译/解析/渲染我们的网页。
注意事项
- <!DOCTYPE>声明必须是 HTML 文档的第一行，位于 <html> 标签之前
- <!DOCTYPE> 声明不是 HTML 标签
- <!DOCTYPE> 声明没有结束标签
- <!DOCTYPE> 声明对大小写不敏感
- 这个声明浏览器会看, 但是并不是完全依赖于这个声明, 浏览器有一套自己的默认的处理机制，但是为了书写规范，一律书写。
- 由于HTML5是向下兼容的，所以都用HTML5类型的文档声明，即<!DOCTYPE html>。
html标签
- 作用
- 用于告诉浏览器这是一个网页, 也就是说告诉浏览器我是一个HTML文档
- 注意点
- 其它所有的标签都必须写在html标签里面, 也就是写在html开始标签和结束标签中间
head标签
- 作用
- 指定网站的标题 / 指定网站的小图片
- 添加网站的SEO相关的信息(指定网站的关键字/指定网站的描述信息)
- 外挂一些外部的css/js文件
- 添加一些浏览器适配相关的内容。
- 注意点
- 一般情况下, 写在head标签内部的内容都不会显示给用户查看, 也就是说一般情况下写在head标签内部的内容我们都看不到
metal标签
- 作用
- 解决乱码现象
- 注意点
- 在HTML文件中指定的字符集必须和保存这个文件的字符集一致, 否则还是会出现乱码
- 所以仅仅指定字符集不一定能解决乱码问题, 还需要保存文件的时候, 文件的保存格式必须和指定的字符集一致才能保证没有乱码问题
title标签
- 作用
- 专门用于指定网站的标题, 并且这个指定的标题将来还会作为用户保存网站的默认标题
- 注意点
- title标签必须写在head标签里面
body标签
- 作用
- 专门用于定义HTML文档中需要显示给用户查看的内容(文字/图片/音频/视频)
- 注意点
- 一定要将需要显示的内容写在body标签里面。
- 一对html标签中(一个html开始标签和一个html结束标签)只能有一对body标签
