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