003 列表、表格、框架、表单

块级元素和行内元素

1.块级元素独占一行，行内元素在同一行显示

2.块级元素默认宽度为100%，行内元素由内容撑开

3.块级元素可以设置宽高，行内元素不可以设置宽高

4.常见的块级元素有h1-h6，p，div等，行内元素有a，em，b，i，u等

5.行内块级元素 img input button

见CSS

UL/OL/DL列表

ul  ol  dl

<ul><li>的属性type拥有的选项：

disc 默认实心圆   circle 空心圆   square 小方块   none 不显示

<ol><li>的属性type拥有的选项：

1    表示列表项目用数字标号（1,2,3...）

a    表示列表项目用小写字母标号（a,b,c...）

A   表示列表项目用大写字母标号（A,B,C...）

i    表示列表项目用小写罗马数字标号（i,ii,iii...）

I    表示列表项目用大写罗马数字标号（I,II,III...）

dl自定义列表：一般用于术语名次的解释（北京：海淀区 朝阳区······）

Table表格

thead tbody tfoot 常不加 th用表头加粗 col/rowspan合并

tabel标签属性

table行与table列属性

Iframe框架

注意<a target=“name”> 与昨天的target新标签页相同用法

内联框架 可以分开写菜单 主页 标题etc 如学校首页

Form表单（上）

  <form action＝"url" method=get|post name="myform" ></form>

  -name：表单提交时的名称       -action：提交到的地址      

-method：提交方式，默认为get

post和get区别：

1.数据提交方式，get把提交的数据url可以看到，post看不到 2.get一般用于提交少量数据，post用来提交大量数据 3.get最多提交1K数据，post理论上没有限制 4.get提交的数据在浏览器历史记录中，安全性不好

一个完整的表单包含三个基本组成部分： 表单标签、表单域、表单按钮。

Input：

单行文本框<input type="text" >默认值是type="text"

密码框<input type="password"/>

单选按钮<input type="radio" name=””/>  必须通过相同的name属性来达到单选效果

复选框<input type="checkbox"/>

单复选中：name:定义控件名称 value：指定控件初始值 checked：设置控件初始状态是否被选中

隐藏域<input type="hidden"/>  可给默认提交值value=“”···如学号等使用

文件上传<input type="file"/>  

name:定义控件名称 使用file类型的input时要注意以下几点 1.form表单的method属性值要为post 1.form要加enctype="multipart/form-data"属性，这个属性说明了我们的文件以二进制方式传输文件

e.g. <form action="" method="post" enctype="multipart/form-data">     <input type="file" name="file1"/>  </form>

普通按钮<button></button>或<input type="button"/>  type=image'图片按钮-美观

重置按钮<input type="reset"/>

下拉框<select>标签        <select><option value="1">北京</option></select>

多行文本<textarea></textarea>

提交按钮<input type="submit"/>

二、记

下拉列表后面的东西等着明天继续看，明天把硬盘里的老网站拿出来看看，欣赏一下hhx的没茅台.avi哈哈哈

我想起那个啥也不会的二愣子来我就一股子火气。么么哒。