html笔记

1.列表

1.1无序列表：<ul>加<li>

对于无序标签，每一个具体项前面会有一个小圆点，我们可以使用 type 属性来修改，它有以下几个值：

circle：以空心小圆圈的形式显示

square：以小正方形黑色块显示

disc：以实心的小圆点显示，它是默认值

1.2有序列表：<ol>加<li>

生成后会以数字排序

1.3带标签的列表：这种列表使用 dl 标签来定义，然后通过 dt 标签定义标题，再通过 dd 标签来定义内容。

2.表格：表格标签用于数据展示的，它涉及到 table、tr（定义行数）、td（写表格内容）、th（写表格内标题）、caption（表格标题）等子标签。

table标签有以下几种属性：

width：用于指定表格的宽度，单位是像素

border：用于定义表格的边框，值的类型是数字，而是一个正数，值越大边框越粗

cellpadding：用于定义单元格的内边距，即单元格中的内容也单元格的边之间的距离 cellspecing：用于定义单元格的外边距，即单元格与单元格之间的距离 align：用于定义表格的对齐方式

table的另外重要子标签：

colspan：用于定义跨列操作，也就是合并多个列

rowspan：用于定义跨行操作，也就是合并多个行

3.表单 form

表单的元素由三种标签构成，input、 textarea、 select

3.1：<input type="类型" name="元素名称" value="元素值" id="客户端唯一标识">

type="text"        单行文本框

type="password"         密码框

type="radio"         单选按钮

type="checkbox"         多选按钮

type="submit"         提交按钮

type="reset"         复位按钮

type="button"         按钮

type="image"         图像按钮

type="file"         文本域

可在后面加：

checked ------显示元素是否被选中

readonly ------属性规定输入字段为只读，只读字段是不能修改的

disabled -------规定应该禁用 input 元素。 被禁用的 input 元素既不可用,也不可点击

required---------属性：在提交时，如果元素中内容为空白，则不允许提交，同时在浏览器中会弹出 提示文字。

autofocus--------属性：当页面打开时，该控件自动获得光标焦点

3.2下拉列表select

<select name="元素名称" multiple="multiple">

<option value="值">选项1</option>

<option value="值">选项2</option>

<option value="值">选项3</option>

</select>

可在option中加值selected默认选中该值

 

 3.3文本输入域textarea：

<textarea name="" rows="" cols=""></textarea>