HTML

为什么学习HTML ？

随着技术的发展，浏览器中的信息量的增大，如何把信息完美的，漂亮的展现到用户面前，

HTML作用：

HTML:超文本标记语言   显示内容格式化，展现网页的信息，类似于人的骨骼

CSS: 层叠样式表 

JavaScript  : 页面动态交互和特效

DHTML= HTML + CSS + JavaScript

jQuery:是对 JavaScript的封装

EasyUi: 是在jQuery 的基础上 对 HTML和CSS的封装

Hyper Text Markup Language 超文本标记语言

超文本：不仅仅可以书写文本还可以插入图片，音频，视频、超链接

标记：标签 tabs

互联网中的三大基石

1.HTTP: 超文本传输协议

2.HTML: 超文本标记语言

3.URL: 统一资源定位符

<meta charset = "UTF-8"> 指定字符集

<title>  标题内容 </title>  可以写在 head中也可以写在body中

浏览器中的配置标签都放在 head 中

1.关键字索引： <meta  name = "keywords "   content = "需要索引的关键字" />

2.内容描述索引: <meta name = "description" content = "需要索引的内容"/>

3.作者索引：<meta name = "author" content = "作者名，"/>

希望浏览器识别的标签都写在head里面，

注意：浏览器跳转，没有S修饰，用;分割

        希望用户看到的内容都放在 BODY标签中

       1. h标签，1-6级，字体自动加黑，加速，自动换行，有位置属性，颜色属性

2. hr标签 ，分割线标签，有长、宽属性，颜色属性，位置属性，单标签

3. p 标签， 段落标签，不会自动换行，缩进，</br> 单标签换行，&NBSP 空格

4. pre 标签，预文本标签，会按照指定的格式输出

5. b 加粗 = bold，i斜体 = italic， u下划线=underline, del删除线=delete，

     big变大，small变小， sub 下标=subscript， sup上标=superscritp

6. font标签，字体标签，color颜色，size大小，face字体风格

7. 列表标签 ：

1.无序列表 ul 标签 嵌套 li，

2.有序列表 ol 标签 嵌套 li,

3.自定义列表 dl 标签 签到 dt,dd DT标签会加大显示，不会加粗

8.图片标签：

.img 标签，是单标签，支持相对路径，和网络路径，可以引入动态图

有 src, width,height,title 图片名称,alter 图片加载不出来显示的,border 等属性

 图片不会自动换行，如果只指定宽高一个值，另外一个值等比例变化

9.跑马灯标签： marquee

属性： height \  weight \  direction 方向 \ scrollamount  移动的速度等属性

10.超链接标签 a 标签

1. a标签可以实现锚点的功能 定义name = xx， href = “# xx”

2. a标签也只是认识 相对路径和 网络路径

3.属性：href 超链接地址，  targer 跳转的目标

7月3日  Table

1.表标签 table 表标签具有自适应的能力

1. 行合并/和列合并不可以跨区域使用

 rowspan 行合并，  colspan 列合并 注意这里的行和列的合并都需要些在 td上

2. 属性： border 设置边框属性, align 设置对其属性   cellspacing 单元格之间的间距

                可以设置宽高

3. tr  行标签， td列标签，都有align属性 

tr设定 height属性， td设定 width属性

4.把表格 按照划分， thead \ tbody \ tfoot  正常表格有的属性都有

注意这里使用 划分身体标签，可以不使用 tr标签

2. iFrame 框架标签

1.框架标签多用于 网页的嵌套开发 ，特点，局部刷新，不是整个网页刷新

2.属性：name 框架的名称， width 宽度    height  高度   src: 默认地址，可以是其他HTML

3.iFrame对手机的适应性较好， 大多数时候和列表标签一起使用

3. FrameSet 标签

1. 去除 body 标签，2.划分指定的网页， 横向划分 rows， 纵向划分 cols

2. 属性： rows \  cols  \  noresize 禁止调整尺寸

3.  FrameSet中需要嵌套使用 frame 框架标签

     frame标签中有： name  \ src  等属性

4. form  表单的认识

1.form 表单两个和后台能够交互的属性

   action 表单的提交地址 

   Method  表单的提交方式  get 和post

          get请求依附于 url地址后面的，传输的数据是有大小限制的，数据请求不安全

 而且有长度限制，在目前的情况下，IE8 是4076，火狐和谷歌7500左右

post 请求依附于传输的文本，大小没有限制，请求安全

   RUL中   ？： 之前代表的表单提交的地址，后面代表提交的参数

1. input  大部分情况使用该输入

type:对应 输入框的类型 有  text  \ submint 提交型  \  password 密码型

ardio 单选框型（需要相同的name） checked 默认选项 \   chckbox  多选框

\   select   下拉框    option 

                  \  file  文件选择框  \   reset   清空按钮    \ button

\  date  日期  \   week  星期 \  number  数字  \  email  邮箱   \   url  网络地址   \ color 颜色   （H5）

5. 媒体标签

1.  audio  导入音频

      2. viedo   导入视频

3. 多媒体标签