下载Notepad++ 和 zeal(From黑马程序员)
w3school html的使用教程
一半标签是成对出现的，自标签不需要结束标签
如<img>或者写成<img />均可
注释<!-- -- > 注释里边不能嵌套注释
<front></front>用来设计字体的，在标签中（开始标签和或者自结束标签）设置属性
属性是一个名值对（x=y）
如：<front color="red">ABC</front>(单引号和双引号均可)
HTML
文档声明
文档声明（doctype）:用于告诉浏览器当前网页的版本<!doctye html> 用在最开头
计算机底层都是以二进制的形式存储数据（数据指的：文字、数字、音频等等）
字符集：编码和解码所采用的规则
如果编码和解码所采用的字符集不同就会出现乱码问题
<meta>:用于设置网页的字符集 ，避免乱码问题 <meta charset="utf-8">(要写在<head> </head>中)
<!-- 文档声明，声明当前网页的版本-->
<!doctye html>
<!--html的根标签（元素），网页中的所有内容都要写在根元素的里边-->
<html>
<!--head是网页的头部，head中的内容不会在网页中直接出现，主要是用来帮助浏览器或搜索引擎来解析网页-->
<head>
<!--meta用于设置网页的元数据，这里用来设置网页的字符集，避免乱码问题-->
<meta charset="utf-8">
<!--title中的内容会显示在浏览器的标题栏，搜索引擎会主要根据title中的内容来判断网页的主要内容-->
<title>网页的标题</title>
</head>
<!--body是html的子集，表示网页的主体，网页中所有的可见内容都需要写在body中-->
<body>
<!--h1网页的一级标题-->
</body>
</html>
<p></p>表示段落
实体
在网页中编写多个空格默认情况会自动被浏览器解析为一个空格 ，在html中有时候需要书写多个空格或者>、<的时候需要使用html中的实体（转义字符）
实体语法： &实体的名字； 比如 ； 表示空格 > 大于号 < 小于号 © 版权符号
https://www.w3school.com.cn/html/html_entities.asp
meta标签
https://www.w3school.com.cn/tags/tag_meta.asp 使用说明 没有结束标签
<meta> 标签永远位于 head 元素内部。 <meta> 用于设置网页中的一些元数据，不是给用户看的
charset 指定网页的字符集
name指定数据的名称
content指定数据的内容
keywords表示网站的关键字（用于搜索），同时使用多个关键字，之间用逗号分隔 description用于指定网站的描述，会显示在搜索引擎的结果中
如：<meta name ="keywords" content="HTML5,前端，CSS3"> 指keywords的值是HTML5,前端，CSS3
<meta name ="description" content="这是一个非常不错的网站">
语义化标签（在Text Content中）
html 负责结构 css负责表现
在使用html标签达到时候，应该关注标签的语义
h1-h6一共有六级标题。在页面中独占一行的元素称为块元素（一般用于网页宏观布局，一块一块），在页面中不会独占一行的成为行内元素（主要用于包裹文字）。一般情况下会在块元素中放行内元素，但是不会再行内元素中放块元素。p标签内不能放任何的块元素
<hgroup>用于为标题分组，可以将一组相关的的标题同时放进hgroup里边
em标签用于表示语音语调的一个加重，需要突出，字体会倾斜
strong标签用于表示强调，字体会倾斜
header表示网页的头部，main表示网页的主体部分（一个页面中只有一个），nav表示网页中的导航，aside用于侧边栏
div没有语义，就用来表示一个区块，目前来讲，div还是我们主要的布局元素
span行内元素，一般用于在网页中选中文字
列表
html列表：有序列表、无序列表、定义列表，列表之间可以互相嵌套。
无序列表使用ol标签来创建
无序列表使用ul标签来创建，使用li表示列表项
定义列表使用dl标签来创建，使用dt来表示定义的内容，使用dd对内容进行解释说明
超链接
<a></a>定义超链接，属行内元素，可以嵌套除它自身外的任何元素。
- 属性
href用于指定跳转的目标路径,值可以是外部网站的地址 - 可以在超链接的href属性设置为#，这样点击超链接以后，一面不会发生跳转，而是转到当前页面的顶部的位置
- id属性：每一标签都可以添加一个id属性；id属性是元素的唯一标识，同一个页面中不同出现重复的id属性
- 将
javascript:;作为href的属性，点击这个链接什么也不会发生（空链接）
如：<a href="https://www.csdn.net/">超链接
target属性，用于指定超链接打开的位置。可选值：_self 默认值 在当前页面中打开超链接;_blank在一个新的页面中打开链接
<br>用于换行
图片标签
图片标签用于向当前页面中引入一个外部图片。使用img标签来引入外部图片，img标签是一个自结束标签
其属性：
alt用于图片的描述，默认情况下不会显示src指定的是外部图片的路径（路径规则和超链接是一样的）width图片的宽度（单位是像素）hight图片的高度 当只指定一个属性，两者成比例 在PC端不建议修改图片的大小，在移动端经常需要对图片进行缩放
图片的格式：
- jpeg(jpg):支持的颜色比较丰富，不支持透明效果，不支持动图。一般显示照片
- gif：支持的颜色比较少，支持简单透明，支持动图。一般显示颜色单一的照片，动图
- png：支持的颜色丰富，支持复杂透明，不支持动图。专为网页而生
- webp：谷歌新推出的表示网页中的图片的一种格式。具备其他三者的全部有点，而且文件特别小。兼容性不好（轻易不用）
可以使用base64对图片进行编码，可以把图片转换为字符。一般都是需要和网页一起加载的图片才用，避免多次加载
内联框架（不怎么用）
用于向当前页面中引入一个其他页面。src指定的是外部图片的路径（路径规则和超链接是一样的）
<iframe src=" 路径"></iframe>
音视频播放
音频
audio标签用来向页面中引入一个外部的音频文件。音视频文件引入时，默认情况下不允许用户自己控制播放停止
属性controls:是否允许用户控制播放,不需要给值。或者用<source></source>来指定路径，可以指定多个音频
属性autoplay:用户是否自动播放（分浏览器）
属性loop:用户是否循环播放
<audio src=" 路径" controls></audio>
低版本的可以用embed标签，无兼容性问题
视频格式
video用于向网页中引入一个视频。使用方式基本与audio一致
573
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
