1.HTML Hyper Text Markup Language 超文本标记语言
作用：展示数据
超文本：在文本的基础之上添加一些图片、动画、视频、音频、超链接等
标记：标签、元素
html 4.01——>html 5.0
2.HTML运行在浏览器上，由浏览器解析，声明部分如果不写，浏览器会按照默认的版本进行解析。
3.HTML文档的后缀 .html .htm （htm来源于8.3文件格式—— 这是一种在老的16位Win95或Win98文件系统的短文件名文件格式，扩展名只限于3位，文件名只限于8位 ，DOS 操作系统只能支持长度为三位的后缀名，所以是 htm）
6<head>中的HTML标签：
0. <title></title>
定义了浏览器工具栏的标题
当网页添加到收藏夹时，显示在收藏夹中的标题
显示在搜索引擎结果页面的标题
1. ＜meta http-equiv="参数" content="参数变量值"＞
参数：content-type | keywords | description | refresh | expire | pragma | cache-control
0. <body>标签中的属性 bgcolor:背景颜色 text：文字颜色 background 背景图片
1. 标题标签：<h1>~<h6>
浏览器会自动地在标题的前后添加空行。
请确保将 HTML 标题 标签只用于标题，搜索引擎使用标题为您的网 页的结构和内容编制索引。
1到6号标题与1到6号字体逆序对应，如1号标题=加粗的6号字体
2. 段落标签：<p></p>
浏览器会自动地在段落的前后添加空行。（</p> 是块级元素）
3. <b></b>加粗 <i></i>倾斜 <big></big>大号字
<small></small>小号字 <sub></sub>下标 <sup></sup>上标
<pre></pre> 预留格式文本 <del></del>删除线
<strong></strong> 加粗强调 <u></u>下划线
<font color="red|rgb()|#aadd77" size="0~7" face="隶书"></font>
4. <a href="锚点" target="" name="">热点</a>
跳转到站内资源
跳转到站外资源
javascript代码
跳转到某个页面某个位置
跳转到框架中
创建电子邮件链接
5. 图像标签：<img src="" alt="" width="" height="" vspace="" hspace="" border="">
6. 表格标签：
<div></div> 块级元素
<span></span> 内联元素
<p></p>
<pre></pre>
9. 表单标签：
注意：
所有标签都需要闭合，不管是单体标签还是成对标签。（尽管目前浏览器是识别有些标签不闭合的情况，但是取的最好的保证兼容性，使用闭合）
标签写法要用小写字母（有些版本对大小写可认为相同，而xhtml中强制使用小写）
8.常见的URL Scheme
http 超文本传输协议 以http:// 开头的普通网页，不加密。
https 安全超文本传输协议 安全网页，加密所有信息交换。
ftp 文件传输协议 用于将文件下载或上传至网站
file 计算机上的文件
9.字符集
gbk 国标扩展码
gb2312 国标码
作用：展示数据
超文本：在文本的基础之上添加一些图片、动画、视频、音频、超链接等
标记：标签、元素
html 4.01——>html 5.0
2.HTML运行在浏览器上，由浏览器解析，声明部分如果不写，浏览器会按照默认的版本进行解析。
3.HTML文档的后缀 .html .htm （htm来源于8.3文件格式—— 这是一种在老的16位Win95或Win98文件系统的短文件名文件格式，扩展名只限于3位，文件名只限于8位 ，DOS 操作系统只能支持长度为三位的后缀名，所以是 htm）
4.HTML中不支持空格、回车、制表符，它们会被解析成一个空白字符
<!DOCTYPE html> //声明文档类型为html5 浏览器将按照h5进行解析
<html> //html页面的根元素
<head> //定义浏览器的辅助性信息，不会显示在页面中，包含文档的元信息meta、内部样式表、外部样式表和js
<title></title> //描述了文档的标题
</head>
<body> //包含了元素的可见内容
</body>
</html>6<head>中的HTML标签：
0. <title></title>
定义了浏览器工具栏的标题
当网页添加到收藏夹时，显示在收藏夹中的标题
显示在搜索引擎结果页面的标题
1. ＜meta http-equiv="参数" content="参数变量值"＞
参数：content-type | keywords | description | refresh | expire | pragma | cache-control
<!-- 设定页面使用的字符集 -->
<meta http-equiv="content-type" content="text/html；charset=gbk" />
<!--
content="text/html 类型： MIME类型。告知浏览器 当前的文本类型是一个text/html类型。
charset="gbk";//告知浏览器需要使用gbk对当前文档进行解码。
注意： 在对文档进行编码和解码的时候，一定要使用同一种字符集，就可以避免乱码问题。
-->
<!-- 关键字 -->
<meta http-equiv="keywords" content="" />
<!--描述页面-->
<meta http-equiv="description" content="" />
<!-- 刷新，自动刷新content="秒数"
或自动刷新并指向新页面content="秒数；URL("")" -->
<meta http-equiv="refresh" content="5" />
<!-- 以下三个一起用 与缓存相关 -->
<!-- 期限，用于设定网页的到期时间。
一旦网页过期，必须到服务器上重新传输。content一般为0或-1 -->
<meta http-equiv="expires" content="0" />
<!--设定禁止浏览器从本地机的缓存中调阅页面内容，
设定后一旦离开网页就无法从Cache中再调出 -->
<meta http-equiv="Pragma" content="no-cache" />
<!-- 清除缓存（再访问这个网站要重新下载！）-->
<meta http-equiv="Cache-Control" content="no-cache" /> <style>
body{color:red;}
</style> <style>
@import url("1.css");
</style> 4. 链接外部样式表
<link rel="stylesheet" type="text/css" href="1.css" >
rel:relationship的英文缩写,用于定义链接的文件和HTML文档之间的关系。
5. 定义js代码```
<script type="text/javascript" >
alert("js");
</script>
``````
<script type="text/javascript" src="1.js"></script>
``` 0. <body>标签中的属性 bgcolor:背景颜色 text：文字颜色 background 背景图片
1. 标题标签：<h1>~<h6>
浏览器会自动地在标题的前后添加空行。
请确保将 HTML 标题 标签只用于标题，搜索引擎使用标题为您的网 页的结构和内容编制索引。
1到6号标题与1到6号字体逆序对应，如1号标题=加粗的6号字体
2. 段落标签：<p></p>
浏览器会自动地在段落的前后添加空行。（</p> 是块级元素）
3. <b></b>加粗 <i></i>倾斜 <big></big>大号字
<small></small>小号字 <sub></sub>下标 <sup></sup>上标
<pre></pre> 预留格式文本 <del></del>删除线
<strong></strong> 加粗强调 <u></u>下划线
<font color="red|rgb()|#aadd77" size="0~7" face="隶书"></font>
4. <a href="锚点" target="" name="">热点</a>
跳转到站内资源
跳转到站外资源
javascript代码
跳转到某个页面某个位置
跳转到框架中
创建电子邮件链接
```
<a href="mailto:someone@qq.com?cc=someoneelse@qq.com&bcc=andsomeone@qq.com&subject=Summer%20Party&body=You%20are%20my%20sunshine!" target="_top">发邮件</a>
```5. 图像标签：<img src="" alt="" width="" height="" vspace="" hspace="" border="">
6. 表格标签：
<!-- 完整的表格框架 -->
<table border="1" align="" bgcolor="" cellpadding="" cellspacing="" width="" height="" bordercolor="">
<caption align="bottom|top">表格标题</caption> <!-- 表格标题 -->
<thead>
<tr align="" bgcolor="" valign="">
<th align="" rowspan="" colspan="" width="" height="" valign=""></th> <!-- 显示为粗体居中的文本 -->
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
</tr>
</tbody>
<tfoot>
<tr>
<td></td>
<td></td>
</tr>
</tfoot>
</table>```
<!-- 无序列表 -->
<ul type="disc|square|circle">
<li></li>
<li></li>
<li></li>
</ul>
<!-- 有序列表 -->
<ol type="1|A|a|I|i" start="">
<li></li>
<li></li>
<li></li>
</ol>
<!-- 自定义列表 -->
<dl>
<dt></dt>
<dd></dd>
<dd></dd>
<dd></dd>
</dl>
```<div></div> 块级元素
<span></span> 内联元素
<p></p>
<pre></pre>
9. 表单标签：
```
<form method="" action="" enctype="multiple/form-data" name="">
<input type="text" name="" value="" maxlength="" size=""/>
<input type="passward" name="" size="" maxlength="" />
<input type="radio" name="" value="" checked="checked"/>
<input type="checkbox" name="" value="" checked="checked"/>
<input type="hidden" name="" value="" />
<input type="button" value="" />
<input type="submit" value="" />
<input type="reset" value="" />
<input type="image" src="" alt="" />
<input type="file" name="" />
<select name="" multiple="multiple" size="">
<option value=""></option>
<option value=""></option>
<option value=""></option>
</select>
<textarea name="" cols="" rows="">显示值</textarea>
</form>
``````
<frameset cols="25%,*" frameborder="1" border="1" bordercolor="#FFBA4A" framespacing="5">
<!-- 浏览器不支持框架则提示 -->
<noframes>
<body>
error!
</body>
</noframes>
<frame frameborder="1" src="link.html" framespacing="5" scrolling="yes" marginheight="50" marginwidth="50" noresize >
<frame src="blank.html" name="pic" scrolling="no" framespacing="5" marginwidth="50" noresize>
</frameset>
``````
<iframe src="" name="" ></iframe>
```11. 特殊符号（实体）：
< < > > 空格 " " © ©️ ®；®️ ™ ™️注意：
所有标签都需要闭合，不管是单体标签还是成对标签。（尽管目前浏览器是识别有些标签不闭合的情况，但是取的最好的保证兼容性，使用闭合）
标签写法要用小写字母（有些版本对大小写可认为相同，而xhtml中强制使用小写）
8.常见的URL Scheme
http 超文本传输协议 以http:// 开头的普通网页，不加密。
https 安全超文本传输协议 安全网页，加密所有信息交换。
ftp 文件传输协议 用于将文件下载或上传至网站
file 计算机上的文件
9.字符集
gbk 国标扩展码
gb2312 国标码
2126
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
