立和使用列表

定义列表

<dl></dl>列表标签定义列表;
<dt>定义列表标题;
<dd>定义列表内容;

说明:

1. dt和dd对应着的, 一个dt可以对应着多个dd;

2. dd完全是为了dt服务的, 对标题进行描述;

实例:

<dl>
<dt>标题1</dt><dd>内容11</dd><dd>内容12</dd>
<dt>标题2</dt><dd>内容21</dd><dd>内容22</dd>
</dl>

有序列表(unordered list)

<ol></ol> 列表标签定义一个标有数字的列表;

<ol type="value"></ol>

1 默认值。数字有序列表。(1、2、3、4)

a 按字母顺序排列的有序列表，小写。(a、b、c、d)

A 按字母顺序排列的有序列表，大写。(A、B、C、D)

i 罗马字母，小写。(i, ii, iii, iv)

I 罗马字母，大写。(I, II, III, IV)

<ol>
<li>联系人:</li>xxx
<li>联系地址:</li>北京市丰台区
<li>邮政编码:</li>100036
</ol>

无序列表(ordered list)

<ul></ul> 列表标签定义一个标有圆点的列表;

<ul type="value"></ul>

disc 默认值,实心圆。

circle 空心圆。

square 实心方块。

<ul>
<li></li>
<li></li>
<li></li>
</ul>

目录列表 所有主流浏览器都支持 <dir> 标签。。

<dir></dir>标签定义目录列表。

<dir>
<li>HTML</li>
<li>XHTML</li>
<li>CSS</li>
</dir>

菜单列表 目前所有主流浏览器都不支持 <menu> 标签。

<menu></menu>标签可定义一个菜单列表。

<menu>
<li>html</li>
<li>xhtml</li>
</menu>

在实际工作中, 它的用途较少, 大部分我们还是用ul;

另外还可以使用:

<div align=""></div>分区标签,用来排版大块HTML段落,也用于格式化表

TML:完成页面的内容展示

CSS：完成页面样式的控制，美化页面，完成页面的布局。

表单：用于采集用户输入的数据。用于和服务器进行交互。

form:用于定义表单的。可以定义一个范围(代表用户采集数据的范围)

属性：action:指定提交数据的url(指的就是把数据提交到哪里)

method:指定提交方式

分类：一共有7种，2种比较常用。

get:1.请求参数会在地址栏显示

2.请求参数的长度是有限制的。

3.请求不安全

post:1.请求参数不会在地址栏显示，会封装在请求体中。

2.请求参数的长度没有限制

3.较为安全

表单里面的数据要想被提交，必须指定它的name属性

表单项标签

input:可以通过type属性值，改变元素展示的样式。

type属性：text:文本输入框，默认值

placeholder:指定输入框的提示信息，当输入框的内容发生变化，会自动情况提示信息。

password:密码输入框

radio：1.单选框(要想让多个单选框实现单选的效果，则多个单选框的name属性值必须一样)

2.一般会给每一个单选框提供value属性，指定其被选中后提交的值。

3.checked属性可以指定默认值

checkbox:复选框:

1.一般会给每一个单选框提供value属性，指定其被选中后提交的值。

2.checked属性可以指定默认值

file:文件选择框

hidden:隐藏域，用于提交一些信息

按钮:

submit:提交按钮。可以提交表单

button:普通按钮

image:图片提交按钮

src属性指定图片的路径

label:指定输入项的文字描述信息

注意：lable的for属性一般会和input的id属性值对应。如果对应了，点击lable区域，会让input输入框获取焦点。

select:下拉列表

子元素：option,指定列表项

textarea:文本域