html入门高级标签

列表

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【大的】