HTML基础
HTML
标记：HTML用于描述功能的符号，称为 标记，比如<p>,<h1>; 标记会导致不同的显示效果
------封闭类型标记：必须成对出现 <p></p>
------非封闭类型标记，也叫空标记和单标记：如 <br> <br/>
元素和属性：
元素：既标记
属性：用来修饰元素的，一个标记有一个或一个以上的属性，中间用空格隔开
-----通用属性（标准属性）
----id title class style
注释：<!-- -->
文档类型的声明：
在文档启始用 DOCTYPE指定版本和风格，告诉浏览器文档的版本、类型和风格
文档类型声明：过渡型，严格型 框架性
<head> 元素
用于定义页面的全局信息，可以包含
title
mata 定义网页的基本信息，
script
link
标题元素：让文字4以醒目的方式显示，常常用于文章的标题
基本语法 ：<h#></h#> #=1,2,3,4,5,6 标题1 到标题6 慢慢变小
段落元素：<p>
结构化文本的一种方式 ；<p> 元素中的文本会用单独的段落显示 常用的属性 ：align
换行： <br/>
分区元素 <span> 和<div> : 常用于页面布局
块分区元素： <div></div>
行内分区元素： <span></span> :设置同一行文字的不同格式
<div style="color:blue;">
<p>first </p>
<p>second</p>
</div>
<p> 小米是个好<span style="color:red;">孩子</span></p>
行内元素和块内元素：
----- 块级元素：默认情况，块级元素会独占一行，就是元素前后都会自动换行；如 <p> <div> <hn>
------行内元素：不会换行 <span> <a>
URL:统一资源定位器，用来标识网络中的任何资源；
---完整的URL的组成：
协议，机名，路径名 文件名
图像元素<img>
------使用<img>元素将图像添加到页面
-----空标记
必须属性：src
常用属性：width、height
<img with="100" src= "image/rose.jpg"/>
链接元素<a>
----使用<a> 元素 创建一个超级链接，语法如下：
<a href="" target=" ">文本</a>
-----href属性：链接URL
-----target属性：目标，可取值为 _blank：在浏览器的新的窗口打开 _self等
锚点：
锚点是文档中某行的一个记号
-----用于链接到文档的某个位置
定义锚点：
<a name="name1">锚点一</a>
链接到锚点：在锚点名前加上 #
<a href = "#a>回到锚点</a>
列表的作用：
----列表是指具有相似特征或者具有先后顺序的几行文字进行对齐排列
所有的列表都由列表类型和列表项组成
--列表类型：有序列表 <ol> 和无序列表 <ul>
--列表项：<li>,用于指示具体的列表内容
列表的嵌套：将列表元素嵌套使用，可以用来多层列表，常用于创建文档大纲，导航菜单等
表格的作用：用来组织结构化的信息
----定义表格：<table></table>
----创建表行：<tr></tr>
---创建单元格 <td><td>
表格的常用属性：
------<table>
--border
--width/heigth
---align
----cellpadding: 单元格边框和内容之间的间距
----cellspacing：单元格之间的间距
<tr>元素
---align/ valign
表格的标题： <caption>
------定义在<table> 之后，一个表格只能定义一个标题
行分组：
表格划分为3个部分：
表头 <thead></thead>
表主体：<tbody><tbody>
表尾： <tfoot><tfoot>
不规则的表格
设置单元格<td>的跨行或者跨列的属性
-----跨行：colspan
----水平方向延伸单元格，值为一个整数
------跨列 ：rowspan
垂直方向的单元格
表格的嵌套：
------嵌套表格
----在单元格中放置另外一个表格
----<td>元素再包含<table>元素
表单
----定义<form></form>
----主要属性：
---action：定义表单提交的动作 （url）
----method：表单提交的方式 get 或post
----enctype： 表单数据进行编码的方式
-----name：表单的名称
表单控件
--input元素：文本输入控件，按钮，单选和复选按钮，选项框，文件选择框和隐藏控件
主要属性：type：
value：控件的数据
name：控件的名称
--textarea元素
--select和option元素
--其他元素
文本框和密码框：
<input type="text"password"/>
value属性：由访问者自由输入任何文本
maxlength属性：限制输入的字符数
readonly属性： 只读属性
单选框和复选框：
type=“radio” 或type=“checkbox”
主要属性：
--value：文本
--name ： 用于实现分组
---checked：设置选中
按钮：
提交：type="submit";
重置按钮： type=“reset”
普通按钮： type = “button”
主要属性： -----value：按钮的标题文本
隐藏域和文件选择框：
<input type="hidden"/> 在表单中不希望用户看见的信息
文件选择框：<input type="file"/>
表单：
<label>元素
-----<label> 文本</label>
------主要属性: 表示与该元素相联系的控件ID值
选项框
<seclet>：创建选项框
--name：选项框名
--size：大于1.则为 滚动列表
---multiple： 设置多选
<option>:选项
--value：选项的值
--selected：预选中
<textarea>
多行文本输入框
--<textarea>文本</textarea>
主要属性：
---cols：指定文本区域的列数
-----rows：指定文本区域的行数
-------readonly：只读
为控件分组：
<fieldset> 元素：为控件分组
<legend> 元素：为分组指定一个标题
