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>