HTML
* HTML、CSS、JavaScript：
-
HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。 -
CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。 -
JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。
* HTML
HTML就是一种超文本标记(标签)语言：
“ 超文本 ”就是指页面内可以包含图片、 链接，甚至音乐、 程序等非文字元素。
结构：
包括 “头”部分（Head）、和“主体”部分（Body）
Head：提供关于网页的信息；
Body：提供网页的 具体内容，< body></body>；，网页中显示的实际内容均包含在这2个 正文标记符之间。 正文标记符又称为实体标记。
Head ：
meta标签（自闭和标签：只有一个标签）：
<meta>元素可提供有关页面的元信息（meta-information），针对搜索引擎和更新频度的描述和关键词。
<meta>标签位于文档的头部，不包含任何内容。
<meta>提供的信息是用户不可见的
meta标签的组成：meta标签共有两个属性，它们分别是http-equiv属性和name 属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。
1、name属性:
主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
<meta name="keywords" content="meta总结,html meta,meta属性,meta跳转"> <meta name="description" content="老男孩培训机构是由一个很老的男孩创建的">
2、http-equiv属性：
相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。
<meta http-equiv="Refresh" content="2;URL=https://www.oldboy.com"> //(注意后面的引号，分别在秒数的前面和网址的后面) <meta http-equiv="content-Type" charset=UTF8"> <meta http-equiv = "X-UA-Compatible" content = "IE=EmulateIE7" />
浏览器会以特殊的方式来使用标题，并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样，当把文档加入用户的链接列表或者收藏夹或书签列表时，标题将成为该文档链接的默认名称。
链接一个外部样式表，也可以用来显示网站的icon，且在head中可以出出现多次。
// 显示 icon <link rel="shortcut icon" href="//www.sogou.com/images/logo/new/favicon.ico?v=2" type="image/x-icon"> // 引入Css文件： <link rel="stylesheet" type="text/css" href="/html/csstest1.css" >
标签用于定义客户端脚本，比如 JavaScript。
script 元素既可以包含脚本语句，也可以通过 src 属性指向外部脚本文件。
必需的 type 属性规定脚本的 MIME 类型。
JavaScript 的常见应用时图像操作、表单验证以及动态内容更新。
// 插入JavaScript代码。
<script type="text/javascript"> document.write("Hello World!") </script>
Body ：
标签内的元素分块级元素和行内元素
块级元素：
所谓块元素，是以另起一行开始渲染的元素，
行内元素：
行内元素则不需另起一行。如果单独在网页中插入这两个元素，不会对页面产生任何的影响。
<a></a> : 超文本链接标签
<a href="URL"></a> 创建超文本链接 ,其中的url为链接目标地址
<a href="mailtEMAIL"></a> 创建自动发送电子邮件的链接
<a name="name"></a> 创建位于文档内部的书签
<a href="#name"></a> 创建指向位于文档内部书签的链接
<img/> ：图形标签
<img src="1.jpg" width="700" height="500" alt ="木有了" title="兔子"> src为图片地址 alt：表示图片加载失败时显示的信息、 title：鼠标停留在图片上提示的title
<label> 标签为 input 元素定义标注（标记）。
label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。
<label> 标签的 for 属性应当与相关元素的 id 属性相同。
其他一些基本标签：
<hn>Html</hn> 表示标题，其中n的值越小字体越大，范围1-6 <strike>删除线</strike> //删除线 <em>斜体</em> <sup>上角标</sup> <sub>下角标</sub> <br/>换行 <hr/>水平线 .... <div></div> ： <div>只是一个块级元素，并无实际的意义。主要通过CSS样式为其赋予不同的表现。 <span></span>： <span>表示了内联行(行内元素),并无实际的意义,主要通过CSS样式为其赋予不同的表现。
列表标签：
<ol> oderlist <li>第一排</li> <li> 表示列内的每一项 <li>第二排</li> <li>第三排</li> </ol>>
<ul> [type属性：disc(实心圆点)(默认)、circle(空心圆圈)、square(实心方块)] <li>第一排</li> <li>表示列表中的每一项 <li>第二排</li> <li>第三排</li> </ul>
<dl> <dt>dt：data title</dt> <!--列表标题--> <dd>第一排dd</dd> <!--列表数据--> <dd>第二排</dd> <dd>第三排</dd> </dl>
<table></table>
<table> <tr> 表格的每一行都是由tr来分割 <td>第一列标题</td> 代表第一行的第一个元素的数据 <td>第二列标题</td> </tr> <tr> <td>第一列内容</td> <td>第二列内容</td> </tr> </table> 属性: border: 表格边框. cellpadding: 内边距 cellspacing: 外边距. width: 像素 百分比.（最好通过css来设置长宽） rowspan: 单元格竖跨多少行 colspan: 单元格横跨多少列（即合并单元格）
表单：<form></form>
<form> 标签用于为用户输入创建 HTML 表单。
表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。
表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。
表单用于向服务器传输数据。
<1> 表单类型
type: text 文本输入框 password 密码输入框 radio 单选框 checkbox 多选框 submit 提交按钮 button 按钮(需要配合js使用.) button和submit的区别？ file 提交文件：form表单需要加上属性enctype="multipart/form-data" 上传文件注意两点： 1 请求方式必须是post 2 enctype="multipart/form-data"
<2> 表单属性
name: 表单提交项的键. 注意和id属性的区别：name属性是和服务器通信时使用的名称； 而id属性是浏览器端使用的名称，该属性主要是为了方便客户端编程，而在css和javascript中使用的 value: 表单提交项的值.对于不同的输入类型，value 属性的用法也不同： type="button", "reset", "submit" - 定义按钮上的显示的文本 type="text", "password", "hidden" - 定义输入字段的初始值 type="checkbox", "radio", "image" - 定义与输入相关联的值 checked: radio 和 checkbox 默认被选中 readonly: 只读. text 和 password disabled: 对所用input都好使.
例：
<form action="https://www.sogou.com/web" method="post" enctype="multipart/form-data"> <p>用户名:<input type="text" name="query" ></p> <p>密码：<input type="password" name="password"></p> <dl> <dt>性别：</dt> <dd>男：<input type="radio" name="sex" value="1"></dd> <dd>女：<input type="radio" name="sex" value="2"></dd> <dd>中：<input type="radio" name="sex" value="0"></dd> </dl> <table> <thead style="color:yellow">爱好</thead> <tr> <td>足球<input type="checkbox" name="hoby" value="1"></td> <td>篮球<input type="checkbox" name="hoby" value="2"></td> <td>乒乓<input type="checkbox" name="hoby" value="3"></td> </tr> </table> <p><input type="file" value=""></p> <p><input type="submit" value="提交"></p> <hr> <span>下拉框:select</span> /*其中multiple代表着多选,size代表着显示几条内容*/ <select name ="language" multiple="multiple"> <optgroup label="It"> <option value="python">Python</option> <option value="C">C</option> <option value="Java">Java</option> </optgroup> <optgroup label ="语言"> <option value ="Chinese">1</option> <option value ="English">2</option> <option value ="French">3</option> </optgroup> </select> <hr> <span style="color: red">备注标签:textarea</span> <p> <textarea name="textarea">多行输入</textarea> </p> <hr> </form>
