HTML基础-02

1、常用标签
http://www.baidu.com ” >
指定秒跳转到指定的url
img
单边标签，用来显示图片，是一个行内块，可以设置宽度和高度
宽度和高度只需要给一个即可，会自动按比例进行缩放
src ： 绝对路径、相对路径、网络路径、站点路径
width\height:
title : 鼠标放上去显示的内容
alt ： 当图片找不到的时候显示的内容
图像热区（了解）

audio ：音频标签
src : 要播放的音频
controls : 控制条
loop : 是否循环播放
autoplay : 是否自动播放
video
src
controls
loop
autoplay 和上面的一样
width\height
iframe （双边标签）
width\height
src : 要显示的页面
frameborder : 边框，值有两个，0：没有边框，1：表示有边框
scrolling : 是否可以滚动
name : 给iframe一个名字，然后点击指定的a可以在这个iframe中显示a连接的结果
分帧标签（frameset）
双边标签，使用frameset，要将body干掉
frameset属性
rows: 按行分割
cols: 按列分割 一般使用百分比
frameborder : 边框是否显示
border : 边框的粗细
bordercolor : 边框的颜色
frame属性 单边标签
scrolling : 是否滚动
src : 要显示的是那一页内容
应用，看代码
2、表单（重要）
form(method\action) 表单 块标签
用来收集用户信息，将需要收集信息的所有选项框添加到form里面，其它不相关的不要写到form里面
method : 提交方式，get和post，get提交的话参数在url的后面，post提交的话，参数在请求体中
input
type size value maxlength readonly disabled placeholder name
size : 可以显示字符的宽度
value : 默认的value值
maxlength : 可以写的最多的字数
readonly : 只读的
disabled : 禁用状态
placeholder : 占位符，给用户的提示功能
name : 【注】只要写input就要写name，这样才能将数据提交到后端进行处理

    text ： 文本框
    password ：密码框
    radio ：单选框
        所有的单选框name值要一样，要记得给每一个radio添加value值
    checkbox(checked) : 多选框
        1|4|8  16  32  64  128 ....
        0000 0001
        0000 0010
        0000 0100
    submit : 提交框，将表单中所有数据，按指定方式提交到指定的url
    hidden : 隐藏框，比如将帖子的id号传递到后端，供后端进行删除指定的帖子
    file ：文件框，一般用来上传图片
    reset : 重置，将所有选项全部恢复到最初始的状态
    button : 按钮类型，一般结合js代码进行使用
button
    双边标签，写到form里面，有提交的功能，一般结合js进行使用
select(multiple size name) option(value selected)
    下拉框
    size : 一次显示多少个
    multiple : 可以多选
    name : 起名字，方便后端识别

    value : 给值，不给，默认传递标签内容
    selected : 默认选中
label(for) : 提高用户体验，一般用在单选、多选中
    id\class可以给任意的标签添加
    给input一个id号
    <label for="nan">男</label>
textarea(cols、rows)
    文本域框，可以更多的内容

3、无意义标签
a p b table u br hr
div : 块标签
span ： 行内标签
header : 块标签 目的就是标注哪些是网站的头部
footer ： 块标签 标注哪些是网站的尾部
section ： 块标签 内容部分

网站的布局
以前的布局方式：table布局，html结构、样式 都写到一起 文件臃肿
现在的布局方式：结构和样式进行分离
文件结构清晰，访问速度快，提高用户体验
结构： .html
样式： .css
行为: .js
div + css