HTML（一）

1.HTML结构

!+回车键--生成

2.标签

2.1.常用标签

1. 粗体标签：strong，b
2. 斜体标签：em，i
3. 下滑线：u
4. 删除线：del，s
5. 上标：sup
6. 下标：sub
7. 原样输出内容：pre
8. 行内标签（不能自动换行）：span
9. 自动换行：p，div，hn（h1-h6字体大小递减）
10. 水平分割线：hr（自动换行）
11. 手动换行：br

 2.2表格标签

2.2.1.input标签

与form连用    {action表跳转路径

                     method表跳转方式（get,post安全）}

(1)type 的取值：

1.  text ：文本框
2.  password ：密码框
3.  radio ：单选按钮
4.  checkbox ：多选按钮
5.  submit ：提交按钮
6.  reset ：重置按钮
7.  button ：普通的按钮
8.  image ：图像按钮
9.  file ：文件域
10.  hidden ：隐藏域
11.  email ：邮箱
12.  color ：颜色域
13.  date ：日期
14.  time ：时间
15.  datetime - local ：日期+时间
16.  range ：进度条

(2)input标签属性

1. checked ：默认选择
2. readonly：只读 字段只可以读不能修改
3. disabled：禁用 不可以点击
4. autofocus：默认光标的位置
5. required: 不能为空白提交

2.2.2select标签

与option连用

属性：1.selected:默认选择

           2.multiple：列表方式显示

2.2.3textarea标签

用来实现文本域

属性：1.cols:宽度

            2.rows：高度

2.3.a标签 

用于页面跳转

属性：target：1._blank(新窗口打开);

                        2._self(相同框架中打开【默认】;

                        3._parent(父框架中打开);

                        4._top(整个窗口中打开);

2.4.图片标签 

2.4.1img标签

图片

属性： 1.src 属性：指的是图片的路径（绝对路径和相对路径）
            2. alt 属性：代替图片的文本内容（因为路径的问他或者因为浏览器的问题显示不出来这个       张图片的时候， alt 属性值就是去描述这张图片的一个内容）
            3.width ：宽度
            4.height ：高度
            5.border ：边框，默认值0
            6.align ：位置（图片和文字的位置）
           top （上对齐） middle （居中对齐） bottom （下对齐默认值） left （左对齐） right （右         对齐）

 2.4.2位图

usemap 属性
 map 标签的 name 属性，一般会和 area 标签进行连用
属性： shape：鼠标点击的形状
            coords ：鼠标点击形状的位置和大小
            href ：表示跳转的路径

2.5多媒体标签

1.  audio 标签：音频
2.  video 标签：视频
3.  controls 属性：表示播放器的组件
4.  autoplay 属性：自动播放（浏览器不支持这个属性值）
5.  loop 属性：循环播放

2.6常见属性

1.  vlink -----访问过超链接文本的颜色
2.  Alink -----激活超链接文本的颜色
3.  link ------超链接文本的颜色
4.  text ----文本的颜色
5.  bgcolor -----背景颜色
6.  background -----背景图 

2.7 表格标签

2.7.1简单表格

2.7.2属性：边框：border

                  表格宽度和高度：width，height

                  对齐方式：align（left，right，center）

                  背景：bgcolor（背景颜色）；background（背景图片）

                  表格间距，边距：cellspacing；cellpadding

2.7.3表格嵌套

2.7.4表格合并

rowspan：垂直方向合并

colspan：水平方向合并

 2.8列表标签

2.8.1有序ol

属性：type：序号的种类（默认数字）1，a，A，，，

          start：序号开始位置

          reversed：反序

2.8.2无序ul

type属性：disc（实心圆，默认）；circle（空心圆）；square：实心方框

2.8.3数据列表dl

2 .9多窗口架构

一个页面显示多个窗口

cols：行（左到右）

rows：列（上到下排列）