html

#古人云：温故而知新。
11

###所以呢我就想好好整理下关于html一些知识点。(文笔不好，轻喷）

##强烈声明，此文版权为本人所有，如有雷同，算我抄你的行不？

####既然本文，是来整理html里的一些知识点，那么我们先来了解下html的基本结构是啥样的？
11
此图就是html的基本结构。

#####小提示，大神可以忽略，前端新手多多注意，html标签虽然不区分大小写，但是建议小写。

####好啦进入正题了，咱们先来谈谈标签。

html里的标签可以分为这几种

一.html 根标签 就是:

<html></html>;

二.head里面的一些标签：

<title></title> <script></script> <link/> <style></style> <meta/> <base/>

三.body里面的一些标签:

1.h1~h6标题

标题标签一共有6个，h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。h1是最高的等级。


2.<p></p>段落


3.<div></div> <span></span>


4.<a></a>超链接

a标签里面有href属性，title属性，target属性.

标准格式是这么来写:<a href="" title="" target=""></a>


5.<img/>图片

img标签的一些属性：src 图像的位置,title 提供在图像可见时对图像的描述（鼠标滑过图片时显示的文本),alt 指定图像的描述性文本，当图像不可见时（下载不成功时），可看到该属性指定的文本；

标准的格式：<img src="" title=""/>


6.<q></q>短文本引用

比如在你的网页的文章里想引用某个作家的一句诗，这样会使你的文章更加出彩，那么q标签正是你所需要的。


7.<blockquote></blockquote>>长文本引用

##看困了是吧，给你提提神～～～
11

##继续。。。


8.<br></br>换行标签 <hr></hr>分割线标签


9.<address></address>为页面加入地址信息


10.<code></code>

在网页中显示一些计算机专业的编程代码，当代码为一行代码时，你就可以使用code标签了。

比如<code>var i = 0;</code>;


11.<pre></pre>预格式化的文本

要插入多行代码时不能使用code标签，如果是多行代码，可以使用pre标签。


12.列表标签


无序列表

<ul>

    <li></li>

</ul>


有序列表

<ol>

    <li></li>

</ol>


自定义列表

<dl>

    <dt></dt>

    <dd></dd>

</dl>


13.表格


注意：<table tbody></table>这个标签基本上不怎么用了.


<tr></tr>表格的一行


<th></th>表格头部的一个单元格，表格表头


<td></td>表格的一个单元格


<caption></caption>表格标题


<table summary = ""></table>


14.表单


<from action="url" method="get/post" target="_self"></from>

from标签用于为用户输入创建HTML表单.action属性 输入的数据被传送到的地址，比如一个PHP页面（test.php）。method属性
数据传送的方式(get/post)

<input type="" name="" value=""/>输入框


当type＝”text”时，输入框为文本输入框


当type＝”password”时，输入框为密码输入框


name 为文本档命名，已备后台程序ASP、PHP使用


value 为文本输入框设置默认值。（一般起到提示作用）

单选框 复选框 

<input type="radio" name="" value=""/>

<input type="checkbox" name="" value=""/>


当type=”radio”时，控件为单选框


当type=”checkbox”时，控件为复选框


value 提交数据到服务器的值（后台程序PHP使用）


name 为控件命名，以备后台程序ASP、PHP使用


checked 当设置checked 或 checked=”checked”时，该选项被默认选中


注意：同一组的单选按钮，name取值一定要一致，这样同一组的单选按钮才可以起到单选的作用


<label></label>为input元素定义标注（标记) 这个标签适合用户名和密码

label元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上

标签的 for 属性应当与相关元素的 id 属性相同

<pre><label for="male">Male</label> <input type="radio" name="sex" id="male" /> </pre>

for属性可把 label 绑定到另外一个元素。请把 “for” 属性的值设置为相关元素的 id 属性的值

<textarea></textarea> 文本域 可以自行拉动大小

cols属性 ：多行输入域的列数

rows ：多行输入域的行数

<select></select> 下拉列表框

multiple属性 可以实现多选功能

option 下拉选项