本文介绍了网页的三大组成部分：HTML负责结构，CSS处理样式，JS实现交互。详细讲解了HTML语法规范，包括标签类型和嵌套关系，并重点阐述了HTML的基本结构，包括<html>、<head>和<body>等骨架标签的使用。同时补充了<!DOCTYPE html>的文档声明，<meta>标签的charset和lang属性以及<title>标签的作用。
一、网页三大组成部分
结构：html，是超文本标记语言——用来搭建网页的结构
样式：css——网页的样式
行为：js，是一种语言，称为脚本语言——交互行为 用户对网页的操作 数据交互
二、HTML语法规范
1、语法（英文状态下输入）
html标签：是由尖括号包围的关键词，例如<html>
2、以元素样子对标签进行分类
①双标签：如：<html>开始标签，</html>结束标签
②单标签：比较少，如<img>，<br>，<hr>，<a>等。
3、标签关系
①嵌套（包含关系）：类似于父子关系
如：
<ul>
<li>
</li>
</ul>
②并列关系：类似于兄弟关系
如：
<body>
<div></div>
<div></div>
</body>
三、HTML基本结构（骨架标签）
1、生成基本结构的快捷键：！+tab/！+回车键
（注意：必须是英文状态下输入）
2、HTML的骨架标签
<html>
<head>
<title></title>
</head>
<body></body>
</html>
①<html></html>根标签，页面中最大的标签，只能有一个
②<head></head>头部标签，里面的内容主要给浏览器看，<head>标签中必须包含<title>标签，让网页有一个自己的网页标题
③<body></body>身体标签，里面的内容主要给用户看，页面内容基本都放在<body>里。我们写的html代码也基本都是在<body>里面写。
2、补充：
①<!DOCTYPE html> 文档申明——告诉浏览器，这是按照html5的规则去解析你写的代码
（注意：它不是html标签，写在html标签的上面）
②<meta>，本身无意义，主要通过属性来扩充功能
charset属性：字符集编码，现在主要用UTF-8， 是unicode的升级 用它就够了
③lang 属性： 语言类型
例如： en 英语
zh / zh-CN 中文
作用： 1、给浏览器去看 告诉浏览器你使用的语言类型
2、 为了搜索引擎（百度 搜索），爬虫（网络机器人）
④<title>标题标签——网页的名字
扫一扫
465
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
