HTML是网页的结构标准，用于对网页元素的整理分类； //骨架结构 CSS是网页的表现标准，是设置网页元素的版式、颜色、大小等 外观样式； //穿着打扮 Javascript是行为标准，主要对网页模型的定义及交互的编写； //动作行为
HTML就是用各种标记标签来描述网页，把网页内容在浏览器中展示出来，用文字描述网页标签
单标签（非常少）：等 双标签：
快捷键： 生成整体骨架：1、html：5+Tab 2、！+Tab
<!DOCTYPE html> //使用的是html5的版本 <html lang="en"> //语言为英文 <head> <meta charset="UTF-8"> //meta表示为标签，charset表示为字符集，整句话为用的字符集为UTF-8， UTF-8为全世界字符集的集合 <title>Document</title> </head> <body> </body>排版标签：<h1>-<h6>其大小越来越小
<p> 是段落标签 <hr />是水平线标签 <br />是强制换行标签 div span标签（重点），它们是网页布局主要的两个盒子 div就是division的缩写，是分割，分区的意思，其实有由很多的div来组合网页的，一行只能用一个div span，跨度，跨距，范围，一行能放多个span下列是需要熟练使用的标签
标签属性的基本语法是：<标签名 属性1="属性值1" 属性2="属性值2"...> 内容 </标签名> 注意： 1.标签可以拥有多个属性，必须写在开始标签中，位于标签名后面。 2.属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。 3.任何标签的属性都有默认值，省略该属性则取默认值。 4.采取 键值对 的格式 key=“value” 的格式 图像标签
<img src="图像.jpg" /> src属性是用于指定图像文件的路径和文件名，他是img标签的必需属性。一般width和height只给一个就行了，另一个会自动补全 链接标签
基本语法是<a herf="跳转目标" target=“目标窗口的弹出方式”>文本或图像</a>target：用于指定链接页面的打开方式，其取值有self和blank两种。self为默认的target，表现为点击后该链接会覆盖原网页；而blank则是会重新打开一个网页显示新的链接内容。 1.外部链接需要添加http协议，即http:// 2.内部链接直接链接内部页面名称即可 3.如果当时没有确定链接目标时，通常将链接标签的herf属性值定义为“#”（即href=“#”），表示该链接暂时为一个空连接。 4.图像，表格，音频和视频什么的都可以添加超链接
锚点定位 通过创建锚点来凝结，用户能够快速定位到目标内容。 创建锚点链接分为两步： 1.使用a href="#suibian(id名)"来和后面的id名形成链接，主要内容是：
<a href="#id名">链接文本显示的文字</a> //这是创建链接文本（未跳转前文本） <h3 id="suibian">第二季</h3> //跳转之后显示的页面base标签 可以设置整体链接的打开状态，写在<head></head>之间，可以把target默认标签更改为target="_blank"格式。
特殊字符标签 记住以上几个特殊字符就可以了，其他的要用时再查询。
注释标签 基本语法格式
<!--XXXXX-->路径 相对路径： 1.图像文件和HTML文件位于同一文件夹：只需输入图像文件的名称即可，如<img src="logo.gif" /> 2.图像文件位于HTML文件的下一级文件夹：输入文件夹名和文件名，之间用"/“隔开，如<img src="img/img/01/logo.gif" /> 3.图像文件位于HTML文件的上一级文件夹：再文件名之前加入”…/"，如果是上两级，则需要使用"…/…/"，以此类推，如<img src="../logo.gif" /> 绝对路径（很少用）
<img src="XXXXXXXXX(地址或者是网址)" />列表标签
无序列表(熟练) 语法特点：后发先至型（后发布会排到最前面） 语法格式：
<ul> <li> </li> <li> </li> </ul>有序列表(了解)：
<ol> <li> </li> <li> </li> </ol>自定义列表： 一般网页最下的都是用dl写的 语法格式：
<dl> <dt>名词1</dt> <dd>名词1的解释</dd> <dd>名词1的解释</dd> <dd>名词1的解释</dd> <dt>名词2</dt> <dd>名词2的解释</dd> <dd>名词2的解释</dd> <dd>名词2的解释</dd> </dl>表格 目标：能手写表格结构，并能合并单元格
<table width="400" border="1" align="center"> //创建表格 <tr> //创建行 <td> </td> //创建单元格 <td> </td> <td> </td> <td> </td> </tr> </table> 表格标签中没有列的概念表格属性： cellspacing：单元格与周边边框的距离（包括边框和其他单元格） cellpadding：内容与边框之间的距离 一般设置三参为0：border；cellspacing;cellpadding 表头标签 表头单元格一般位于表格的第一行或第一列，其文本加粗居中；设置表头只需要将表头标签<th></th>代替相应的单元格标签<td></td>即可 表格标题标签：caption：<caption> xxxxxx </caption> 表格结构 一般系统会自动生成
<thead></thead> <tbody></tbody> <table border="1" cellpadding="0" cellspacing="0"> <caption><h2>小说排行榜</h2></caption> <tr> <thead> <th>排名</th> <th>关键词</th> <th>趋势</th> <th>今日搜索</th> <th>最近七日</th> <th>相关链接</th> </thead> </tr> <tbody> <tr> <td>1</td> <td>鬼吹灯</td> <td><img src="鬼吹灯.jpg" height="200"></td> <td>345</td> <td>123</td> <td><a href="https://weibo.com">微博</a></td> </tr> </tbody> </table> </body>合并单元格： 合并行：rowspan 合并列：colspan 规则：1、先确认跨行还是跨列 2、从上至下，从左到右 3、删除单元格：删除的个数=合并的个数-1
表单标签（掌握） 表单的目的是收集用户信息的 表单由三部分组成：1、表单控件；2、提示信息；3、表单域； input控件（重点） 在上面的语法中，input /标签为单标签，type属性为其最基本的属性，其取值有多种，用于指定不同的控件类型。除了type属性之外，input /标签还可以定义很多其他的属性，其常用属性如下表所示。 type说明了属于哪一种表单； radio，如果是一组（属性相同，例如男女），我们必须给他们命名相同的名字，这样就可以多个选其中的一个了 text text为复选框，value为初始值 password radio（单选框） radio属性后面一定要跟着name属性，这样才能确保他们之间互不冲突，否则只能确保单一个元素是正是负（例如男只能保证他是点上还是没点上） checkbox（复选框，即单选框） 其后的name属性非必须，但为了书写规范，一般都加上 button、submit、reset属性 button是一个普通的按钮 submit是一个提交按钮 reset是一个重置按钮 image属性 图像形式的提交按钮 file属性 checked属性 label标签（了解） 与input绑定使用，无论点击输入框还是文字，光标都会到输入框中； 当多个input时，可以通过for id来保证光标的输入位置 textarea标签 列：cols 行：row 长度宽度用cols、rows定义
select标签（下拉表单标签） 语法格式：
<select> <option>XXXXX</option> //默认的第一行 <option>XXXXX</option> //内容 <option>XXXXX</option> <option>XXXXX</option> <option>XXXXX</option> </select>selecesd="selected"表示默认被选中的元素
表单域（form） 1.action标签：会将表单内容送至目标地址 2.在form中，submit/reset标签会通过form中的action标签送至目标地址 3.method标签：get/post，用于设置数据的提交方式，post是匿名提交 4.name标签：一般配合get/post同时使用，用于指定表单的名称，以区分同一个页面中的多个表单。
