html入门高级标签

来源:互联网 发布:儿童编程网站 编辑:程序博客网 时间:2024/05/17 04:22

列表
ul/ol标签使用场景
一个布局是有规律的,横着或者竖着排列的,通常都用列表标签(首选)
dl自定义列表 (dataList/dataTitle/dataData)
dt dd
如果很多个排列的数据项,有一个共同的标题,首选使用数据列表标签
表格(table)
大部分情况下,列表标签可以取代table标签
【tr/th/td】表格基本标签元素
【thead/tbody/tfoot】元素内容标签
【border】指定边框粗细
【bordercolor】指定边框颜色
【cellspacing】指定表格个单元格之间的间隙
【cellpadding】指定单元格内容与单元格边界之间的空白距离的大小
【colspan】合并列
【rowspan】合并行
框架
iframe 本质是内嵌的一个浏览器(不显示地址栏菜单等等)
1)全局刷新 记录当前地址栏
2)局部刷新
iframe解决方案 高度很难自适应
通过设置iframe的name名称,可以通过a(form)标签的target设置为目标
3)局部刷新
ajax、load方案 加载代码片段
code:

<iframe width="50%" height="500px" src="http://www.baidu.com"></iframe>

跳转到w3school
补充:
上标和下标(sup/sub)
小的和大的(small/big)
表单
http协议
作用是用来收集用户数据或者信息,最终提交给服务器,服务器对数据进行处理和存储
* action属性就是用来设置收集数据或者信息完毕之后提交地址
* method属性设置数据提交方式(get/post)
通过一系列的表单元素来实现数据的收集
* 表单元素一定要设置name属性
input【输入】:单标签
code:

姓名:
城市:
长沙
株洲
益阳

PS:收集完毕数据提交url?username=ABC&city=长沙 get方式传输
收集完毕数据提交url post相对于安全一些,url看不到传输值
form表单用来收集用户的信息并且提交到action属性设置的地址进行处理,每个表单元素必须设置name属性用来区分
常见英语单词:
table【表格】
border【边框】
row【行】
column【列】
frame【框架】
set【集合】
source【来源】
width【宽度】
height【高度】
small【小的】
big【大的】

0 0
原创粉丝点击