一.初始HTML
1.什么是HTML?
html是一种超文本标记语言,浏览器可以直接解析为可直观阅读的文档 双标签中 <标签名> </标签名>, 属性必须写到起始标签中 单标签 <标签名 />, 又叫空标签,或自闭合标签, 内容由标签中的某个属性设置 html的两个伙伴搭档:CSS 和 JavaScript
2.html的基本结构
2.1 、html的基本结构由6个部分组成
1.
<!DOCTYPE html>
声明文档的类型,告诉浏览器这是html
文档2.
<html></html>
网页的根元素,<html>
表示HTML文档内容的开始</html>
表示HTML文档内容的结束,<html>
存在一个属性lang
,告诉浏览器当前的HTML文档使用的语言,包括:英语:<html lang="en">
是最为常用的语言、中文:<html lang="zh-CN">
或<html lang="zh">
lang
的其他语言值:
3.<head>/<head>
网页头元素,主页给浏览器和搜索引擎看的,里面一般包含两个标签<meta>
和<title></title>
4.
<meta>
设置网页的关键字、字符编码集charset
属性值utf-8
、b2312
、gbk
等5.
<title></title>
设置网页的标题,显示在浏览器(PC端)的最顶端的标签页标题6.
<body></body>
存放网页的内容,主要给用户看的
2.2、html的基本结构示例代码
<!DOCTYPE html> <!-- 声明文档的类型 --><html lang="en"> <!-- 网页的根元素 表示html文档内容开始 --><head> <!-- 网页的头元素 表示head内容开始--> <meta charset="UTF-8"> <!-- 设置字符编码 --> <title>布局标签</title> <!-- 设置网页标题 --></head> <!-- 网页的头元素 表示head内容结束--><body> <!-- 网页主体 表示body内容开始--> 内容展示区域,包括文本、图片、音视频等</body> <!-- 网页主体 表示body内容结束--></html> <!-- 网页的根元素 表示html文档内容结束-->