1、介绍网页三大组成元素和<!DOCTYPE>标签
是拿来声明文档的类型，在html文档的第一行编写。作用是告知浏览器的解析器用什么文档标准去解析当前文档。DOCTYPE不存在或格式不正确会导致⽂档以怪异模式呈现
组成网页的三大标签元素：<html></html>、<head></head>、<body></body>
<html> 标签是HTML页面的根元素，该标签的结束标志为 </html>
<head>标签包含了文档的元数据(meta),当meta标签属性设置为utf-8的时候即可定义网页编码格式为utf-8，title标签即定义文档标题
具体设置如下所示：
<head>
<meta charset="utf-8">
<title>标签定义文档的标题</title>
</head>
<body> 标签定义文档主体，即网页可见的内容，该标签的结束标志为</body>
2、介绍结构层、表现层和行为层
结构层HTML(HyperTextMarkup Language)
是一个超文本标记语言
负责描绘出网页内容的架构
表现层CSS(Cascading Style Sheets)层叠样式表
负责如何显示结构层的有关内容
行为层Javascript
JavaScript是⽬前在Web上使用的最主要的客户端脚本语言
是web脚本语言的一个标准
可以对结构层和表现层的内容进行更改
3、代码注释
不同地方的注释是不一样的例如：
在编写css的时候注释是要这样写的
/* 注释内容写在这⾥ */
在编写html的时候注释是要这样写的
在编写javascript脚本的时候注释是要这样写的
//注释内容写
在这里 或者 /* 注释内容写在这里 */
总结：我们写注释是有快捷键的选中注释内容 然后按Ctrl+/
4、常用HTML标签元素介绍
div标签：网页在制作过程中可以把你认为捆绑在一起的东西装在一个<div></div>里面,div充当的是一个容器的角色。
p标签：如果想在网页上显示文章或段落，这时就需要<p></p>标签了，把文章或段落放到<p>标签即可。
br标签：需要加回车换行的地方加入<br/>标签作用x相当于word文档中的回车
strong标签：<strong> 粗体表示
em标签：<em>斜体表示 strong和em都是表示强调
span标签：<span>标签是没有语义的，它的作用就是为了设置单独的样式
ul li 标签：当你网页需要做一个展示信息列表的时候可以使用无序列表
ol li 标签：当你网页需要做一个展示信息列表的时候可以使用有序列表
hx(x可以是1-6)标签：此标签为标题标签
hr标签：信息展示时需要分隔的横线时使用
a标签：实现超链接跳转，只要有链接的地方就可以使用此标签，此外a标签还可以设置title和target等属性
<a href="目标地址" title="鼠标滑过链接显示的文本" target="_blank">click here!</a>
img标签：美丽的网页图片是一个不可划缺的部分，img可以插入图片，如下为使用方式
<img src="图片地址" alt="图片加载失败时的替换文本" title ="鼠标滑过显示的文本">
本文主要介绍了HTML+CSS的基础知识，包括标签的作用，网页的结构层、表现层和行为层的概念，以及常见的HTML标签元素的介绍。
1373
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
