H5教程（一）
相信点进来看这篇文章的应该都是刚刚接触H5的新手，那么你真的是找到了一篇合适的文章。
1.学习前准备
既然想学习好H5，只是这样看是不够的，还需要动手练习，以及及时复习，所以我推荐几款软件来配合我们的学习。
1.1.Hbuilder
必备软件，学习H5的关键，你要学习一切一切的H5代码都需要他，当然你如果熟悉别的软件也可以。本小编比较熟悉的是这款软件，所以也就推荐你们使用，个人认为还是比较适合新手入门的。
1.2.有道云笔记
这里不是打广告，而是学习需要一款整理笔记的文件，因为以后要学的东西很多，所以我也希望你们和我一样使用软件去整理自己所学的知识，毕竟好记性不如烂笔头。其实我比较推荐你们使用印象笔记，那款软件会更好一点，但毕竟那款软件需要收费，所以我在这推荐了有单云笔记。
2.HTML基础
好了，做好之前的准备，那么我们就来正式了解一下HTML吧
2.1.什么是HTML
HTML是指超文本标记语言（Hyper Text Markup Language）。
HTML是一种用来编写网页的语言，使用浏览器将他翻译成相应的页面。
HTML并不是编程语言，他是一种标记语言。
3.HTML基础结构
HTML文档主要包括三大部分：
文档声明部分（文档开头第一行，表明文档版本）
头部部分（给浏览器的配置及给搜索引擎的信息）
主体部分。（网页的内容都在这）
我的第一个网页
4.
部分常用标签（必不可少）
（用于表述网页的元数据，及网页的基本信息）4.1.
标签:</p>
<p>网页的标题，即网页选项卡上的文字4.2.<link>标签: 使用Link标签链接网页标签</p>
<p>常用属性： rel属性：声明链接文件的类型 type属性：可以省略 href属性：表示图片的路径地址4.3.<meta>标签 描述文件类型和编码，搜索关键字和描述。 1.charseat：设置文档字符集编码格式。 2.HTTP-EQUIV：（将我们的信息写给浏览器看，让浏览器按里边的要求执行） 属性值：Content-type（文档类型）Refresh（网页定时刷新）set-cookie（设置缓存）</p>
<p>需配合content使用（http-equiv属性只表明设置哪部分，具体的设置内容放在content属性中） 3.name属性（写给搜索引擎）：使用方法同上，需掌握的属性值author（作者）keywords（关键字）description（网页描述） 4.content属性配合其他使用。</p>
<p><!DOCTYPE html></p>
<p><html></p>
<p><head></p>
<p><title>HTML基本标签
5.
部分常用标签（重点，最主要部分）
5.1.块级标签
!--h标签：标题标签，自动加粗，h1最大，h6最小-->
h1标题标签
h2标题标签
h3标题标签
h4标题标签
h5标题标签
h6标题标签
p标签是段落标签，这里是第一段文字
p标签是段落标签，
横眉冷对千夫指，俯首甘为孺子牛。
这是预格式标签
这是换行 这是空格
2.基于布局的块级标签
第一项
第二项
第三项
这是定义列表的标题
第一项
第二项
第三项
这是图片
这是一个分区标签
5.3.常见的行级标签
1.（文本）：（短引用）（缩小字体）（强调） （强调）（倾斜） （加粗）【Strong，em,b,i标签的区别】 1.Strong和em都表示强调，但是Strong是加粗，em是倾斜。 2.Strong和b都是加粗，em和i都能倾斜，但是Strong和em有强调含义。HTML5要求标签尽可能的实现语义化。5.
这是一个超链接
跳转到h1标签
打开图片
qq
a.属性： 1）.href:可以是网络连接，也可以是本地文件。（路径确定同img ） 2）.target：超链接打开的位置，_self自身页面（默认）_blank 新页面1.href:可以是网络连接，也可以是本地文件。（路径确定同img ） 3）.title：鼠标之上后显示的文字。 4）.rel:指定当前文档与被连接文档的关系。"prev":被连接文档是前一篇，"next"：被连接文档是后一篇,（了解）"icon"图标"stylesheet"样式表，"prefetch"预加载。 b.锚链接 1.本页面锚链接：a.设置锚点。
1).src:表示引用图片地址 2).height="100px"width="100px"图片的宽度高度，可以用css样式（style=""）代替。 3).title:图片的标题，鼠标指上后显示的文字。 4).alt:当图片无法加载时显示的文字。 5).align:设置图片周围文字相对于图片的位置，top center botton。
5.4.表格
表格：
表格的行：
5.5表单
1.【两个重要属性】 1.表单提交地址:提交给动态文件，html为静态文件，空时提交给自身 2.提交方法： post:Transfers data using an http post transaction get:Appends data to the URL specified by the action attribute 2.【get和poet的区别:】 1.get传参使用URL：http://服务器地址?name1=value1&name2=value2。 （?表示传递参数，后边用name=value的方式传递，多个参数之间用&链接。） URL传参不安全，所有信息可在地址栏看到，并且可以通过地址栏随意传递数据。（URL注入攻击） URL传参数据量有限，只能传递少量数据。get传参比post快。 2.post使用HTTP请求传输协议，地址栏不可见，比较安全，且传递数据无限制。 综上所述，一般使用post。
3.【input标签及属性】 1.常用属性： 1.type：表示输入框的类型。 2.name：输入框的别名，一般情况下必填。因为：传递数据的时候使用name=value 的方式传递。 3.value：输入框的默认值。 4.placeholder:提示内容，不能指定默认值，当提示框有内容时，提示内容消失。 5.tabindex:控制输入框点击tab的跳转顺序从小往大开始。（了解即可，一般不用） 2.input特殊属性值： 1.checked="checked"默认被选中。 2.disabled="disabled"设置控件不能使用，按键不能选中，文本框不能被修改。 而且如果输入框disable，则输入框信息不能传递。 3.hidden="hidden"等同于type="hidden"隐藏域传值。常用语配合disabled，隐藏域传值。 4.【type属性详解：】 1.text：文本输入框 2.password：密码输入框，浏览器显示为点。 3.submit:提交按钮：提交表单数据。 4.radio:单选按钮 5.checkbox：复选按钮 name和value属性值必须全部存在，提交时，提交的是value中的属性。 radio凭借name中的属性区别是否为同一组，name相同为同一组，同组中只能选一个。 6.reset：将表单数据重置为初始状态。 7.file:文件上传按钮。 8.image:图形提交按钮。 9.bottom:普通按钮。 5.【select标签：下拉框】 1.name属性应该写在
友情链接
404 Not Found
404 Not Found nginx
