用文本文档建立网页，只需要在保存文件的时候扩展名为xx.html 即可用网页打开
正在上传…重新上传取消
用于网页的内容大概位置标记：<标签名 属性名=”属性值” >内容</标签名>
标签一般成对出现，但也存在自结束标签
只能在开始标签设置属性（名值对结构 x=y），属性用来细节显示内容的格式
在浏览器中打多个空格被解析出来只会有一个
自结束标签：<img /> <input />
图片格式：
效果一样时，用小的最佳
效果不一样时，用效果最好的最佳
正在上传…重新上传取消
Base64：可将图片加密，将图片转换字符，通过字符来引入图片，一般时和网页一起加载的图片才会使用base64加密使用
Alt shift +下健----复制
！键/！+tab键
<!doctype html>
<html>
<head>
<mata charset=”utf-8”>
<title> </title>
</head>
<body></body>
</html>
【文档声明（doctype）html5】
网页版本<!doctype html>
【html：根标签，有且仅有一个】
除了声明外包含整个网页的内容
空间类标签：上中下部分--注意兼容性
<header>网页的上边部分，顶部
正在上传…重新上传取消
---<nav>表示网页中的导航
正在上传…重新上传取消
<main>表示网页中的主体部分，，有且只有一个
正在上传…重新上传取消
---<aside>和主体相关却有不属于主体--表示侧边栏
<footer>网页的底部
正在上传…重新上传取消
【head：头部标签，呈现标题】
《Title》标题
<title>网络上的标题栏，tile标签的内容会作为搜索结果上超链接的显示
作用1
正在上传…重新上传取消
作用2
正在上传…重新上传取消
《meta》元数据
- charset声明字符集，不是固定的 GB国标 ISO欧洲
正在上传…重新上传取消
<meta charset=”x字符集”>
- Name 指定网页元数据的名字
- Content 指定网页元数据的内容
Keywords 指网页关键字，可以设置多个关键字，用逗号隔开（用于网页搜索被搜索出来的关键字）
<meta name=”keywords” content=”需要被搜索到的关键词”>
正在上传…重新上传取消
Description 指用于网站的描述，（显示搜索引擎的结果上
<meta name=”description” content=”需要显示描述的内容”>
正在上传…重新上传取消
http-equiv：重新定向跳转的网页 3为待定时间，url为地址设置
<meta http-equiv =”refresh” content=”待定秒数后跳转,url=网站地址” >
正在上传…重新上传取消
【body呈现内容】
转义符
正在上传…重新上传取消
当需要写入特殊符号时用html的实体（转义符）来标识 &实体名字
空格的名字 ，大于号> 小于号< 版权符号© 分号&
标签：
【常用】---<div>无语义，用来表示区块元素，主要布局元素
【常用】---<span>无语义，行内元素，一般用于网页中选中文字
【常用】---<a href=””> 超链接，加入target设置跳转页面
- 在当前页面直接显示从一个页面跳转到另一个页面，从当前页面跳转到另一个位置
- 跳转新的页面来显示超链接的内容
【常用】--<img>自结束标签，src用于引入外部图片/内部图片 ，img为替换元素，块与行内元素之间，有两个元素的特点，可设置大小
【常用】---<audio>向页面中src/controls引入外部音频/内部音频文件，只负责引入不负责播放暂停
<!-->注释，对代码解释说明且不可嵌套使用
<H1~h6>标题标签，--<hgroup>用于多个有关系标题分组，
<p>段落 ----<em>表示语气语调的加重 【斜体】
-----<strong> 重要内容，强调 【加粗字体】
-----<blockquote> 表示长引用
-----<q>行内短引用
----<br>换行 ---br*x 为换行x个
---<font>字体，单独一个标签将它隔出来,将可能为标签的单词打出来
---<article>表示一个独立的文章
---<section>表示一个独立的区块，当别的标签不可以用的时候就可用这个代替
Lorem+tab 自动生成一段英文文本
--<iframe>内联框架，src用于向当前页面引入一个其他页面 ，可设置大小，类似于别的标签窗口，不被搜索引擎检索，可以将别的视频网站引入到自己的网站中去
---<embed>在老式浏览器支持音频播放，且自动播放
---<source>指定文件的路径 使用方法
正在上传…重新上传取消
---<video>controls 引入视频
属性：单引号、双引号都可以
1、颜色：color =”red”
2、大小 size=””
3、指定跳转的目标路径：href=”跳转地址”
---在开发中不确定跳转的位置可以用占位符来跳转页面
- #来作为占位符
- JavaScript：；
1.到外部网站的地址
2.内部网页的地址（同一目录直接调用--相对路径-- .或者..或者../或者./开头）
正在上传…重新上传取消
./表示当前文件所在的目录
../表示当前文件所在的目录的上一级目录
./目录/文件--进入当前目录下一层目录找这个文件
../目录/文件--出去当前目录的上一层目录找文件
3.回到当前页面的顶部 #
4.回到当前页面的底部 #指定id的位置
4、指定超链接打开的位置 ： target=””
_self 默认值，默认在当前页面打开
_blank 空白的，在新的页面中打开超链接
5、Id属性：id=””唯一且不重复的属性，一个网页里的每一个标签只可以标识唯一一个id属性（区分大小写的），都是字母开头，要是有多个靠前的只有优先的第一个生效
6、src=””-----1.指定外部图片的位置 2.指定要引入的网页的路径3.用来引入外部音频文件/本地文件
7、图片的描述 alt=”” 根据其alt内容来识别图片、默认不显示，有些浏览器无法加载出来时会显示
8、指定图片的宽度width 单位：像素
9、指定图片的高度heigth
一般只改宽高的其中一个，pc端中不建议改图片大小，在移动端经常图片进行缩放（大图缩小）
10、Frameborder：指定内联边框 0为没有1为有边框
11、Controls：是否允许用户控制播放
12、autoplay：音频文件自动播放 一般浏览器不会自动播放
13、loop：音频是否循环播放
14、
块元素（block element）：在页面中独占一行的元素 【用来布局】
<h1~h6>,<p>,<hgroup>,<blockquote>,<br>
行内元素（inline element）：不会在页面中独占一行【用来包裹文字】
<em><strong><q><a>
！！！！！
一般情况在块元素中放行内元素，不在行内元素中放块元素
除了<a>,超链接可以嵌套除了自己以外的所有元素
块元素中基本什么都可以放
p元素中不能放任何块元素
！！！！！
列表<list>---列表中可以互相嵌套
一般都会将前面的123/
正在上传…重新上传取消项给去掉
- 有序列表--<ol><li>表示列表项 </li><ol>
正在上传…重新上传取消
<ol>
- 无序列表--<ul> <li> 表示列表项 </li><ul>
正在上传…重新上传取消
【常用】 <ul>
- 定义列表--<dl> <dt>对谁下定义</dt><dd>对dt的解释说明</dd></dl>
<dl>
680
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
