Web网页开发-初识web-笔记

1.被< >围起来的内容叫做标签
2.DOCTYPE：文件类型
? ?lang:语言
? ?charset：字符集
3.网页中任何效果都需要用标签实现?
4.html中不支持回车
5.图片：
? img:图片标签 ? src:存放图片的位置 ? alt：当图片加载不出来时的错误提示
? title:当光标停放在图片上时的提示语
? width:宽度px ? ?height:高度px
6.绝对路径：从盘符开始（一级一级） ? 相对路径：相对于当前网页文件的位置
? ?相对路径：
? ? ./找与当前网页文件处于同一列的内容
? ?../找与当前网页文件前一列内容
7. h:标题标签，1-6
? ? 特点：依次减小，一行一个，默认加粗
8. p:段落标签，两段之间有空行
9.

（1）表格标签：<table></table>
属性：
border:边框
width:宽度
height：高度
align:表示水平对齐方式[left、center、right]
cellspacing:单元格之间的间距[数值越大，间距越大]
cellpadding:内容到单元格的距离[数值越大，间距越大]
bgcolor:背景颜色
background:背景图片[background>bgcolor]

（2）行标签：<tr></tr>
属性：
可以改变高度不能改变宽度
align:行内容的水平位置

（3）单元格标签：<td></td>
属性:
align:单元格内容的水平位置
表头标签：th[特殊的单元格，会使内容加粗并且居中显示]
表格标题标签：caption[会出现在表格正中上方]
横向合并：colspan
纵向合并：rowspan
10.表格创建快捷方式：table>tr*行数>td*单元格个数
11.列表：
(1)有序列表<ol></ol> <li></li>
属性：
type:列表符号的类型[1、a、A、i、I]
start:表示列表顺序从第几项开始
reversed：倒序

(2)无序列表<ul></ul> <li></li>
属性：
type:列表符号的类型[circle(空心圆)、disc(实心圆)、square(小方块)]

(3)自定义列表
<dl>
? ? ? ? <dt>专业名词</dt>
? ? ? ? <dd>解释说明</dd>
</dl>
12.表单标签：
? ? ? ? ? ? ? ? ? ? <form></form>
属性：
输入标签：input? type="text"? ?文本输入框
? ? ? ? ? ? ? ? ? ? ? ? ? ? type=“password"? ?密码输入框
? ? ? ? ? ? ? ? ? ? ? ? ? ? type="checkbox"? ?复选框
? ? ? ? ? ? ? ? ? ? ? ? ? ? type="radio"? ?单选框[在相同name的单选框中只能选择一个]
? ? ? ? ? ? ? ? ? ? ? ? ? ? type="button" value="提示语"/<button>提示语</button> ? 按钮
? ? ? ? ? ? ? ? ? ? ? ? ? ? type="submit"? ?提交按钮
? ? ? ? ? ? ? ? ? ? ? ? ? ? type="reset"? ? ? 重置按钮
? ? ? ? ? ? ? ? ? ? ? ? ? ? type="image"? ? 图片按钮
? ? ? ? ? ? ? ? ? ? ? ? ? ? type="file"? ? ? ? ?上传文件
? ? ? ? placeholder=""? [提示语]当输入框输入内容之后，会被覆盖
? ? ? ? value=""? [提示语]初始值，当输入框输入内容之后，不会被覆盖
? ? ? ? name:用于区分input
? ? ? ? readonly:只读
? ? ? ? disabled:禁用
? ? ? ? maxlength:最大长度，最多输入的个数
13.文本域标签：textarea cols="" rows=""
14.绑定标签：<label></label>[可以把表单元件与文字绑定]
15.下拉列表标签：<select></select> ?
? ? ? ?下拉列表项<option></option>
16.超链接：<a></a>