html+css总结.docVIP

第一章 HTML的基本标签 1.基本结构 HTML的基本结构分为两部分（头部head和主体body） 2.charset 表示字符集编码，常用的编码有四种： a). gb2312: 简体中文，一般用于包含中文和英文的页面 b). ISO-885901:纯英文，一般只包含英文界面 c). big5:繁体，一般用于带有繁体字的页面 d). utf-8:国际通用的字符编码，同样适用于中文和英文的页面 3.块级标签（又可分为基本块级和常用于页面布局的块级标签） 3.1) 基本块级标签 a).标题标签 h1 ~ h6 b).段落标签 p c).水平线标签hr / 3.2)常用语布局的块级标签 a).有序列表标签ol-li b).无序列表标签ul-li c).定义列表标签dl-dt-dd d).表格标签table/table、tr/tr行、td/td列 e).表单标签form/form、input/ f).分区标签div div style=”width:400px; height=”300px; background=”#3333’” /div 3.3四种常用的块状结构 a).div-ul(ol)-li: 常用于分类导航或菜单等场合 b).div-dl-dt-dd: 常用于图文混编场合 c).table-tr-td: 常用于规整数据的显示场合 d).form-table-tr-td: 常用于表单布局场合 4.行级标签 a).图像标签: img src=”图片地址” alt=”图像的替代文字” title=”鼠标悬停提示文字” / b).范围标签: span span style=”color:red; font-size:50px; ”8/span c).换行标签: br /\ 5.W3C标准 5.1 Web 结构 a).内容（结构）和表现（样式）分离 b).HTML内容结构语义化 5.2 XHTML 1.0基本规范 a).标签名和属性名称必须小些 b).HTML标签必须关闭 c).属性值必须用引号括起来 d).标签必须正确嵌套 e).必须添加文档声明 （可简写为：!DOCTYPE HTML） 第二章 常用标签 1.超链接a标签 1.1基本语法：a href =”连接地址” target=”目标窗口位置”链接文本或图像/a 1.2 href 表示链接地址的路径；target 指定连接在那个窗口打开，_self（自身窗口）， _blank（新建窗口） 2.连接路径（绝对路径和相对路径） 2.1绝对路径：指向目标的完整描述，一般指向本站点外的文件。 2.2相对于当前页名的路径，一般指向本站点内的文件。 3.超链接的三类应用场合（页面间连接、锚链接、功能性连接） 3.1 页面间连接：A页到B页，最常用，用于导航网站 3.2 锚链接：A页甲位置到A页(本页)的乙位置或A页甲位置到B页的乙位置。 例如： a name =”marker”目标位置乙/a,在甲位置设置href属性值为“#标记名”：a href=”#marker”当前位置甲/a 3.3功能性连接：在页面中调用其它程序功能，例如电子邮件，QQ，MSN等。 例如：创建电子邮件链接：a href=”mailto:guimei@”站长信箱/a 4.注释 HTML 与Java不同，多行与单行都用一种格式：! - - 注释内容- - 5.特殊符号 空格：nbsp; 大于号：gt; 小于号：lt; 引号：quot; 版权符号?：copy; 6.表单 6.1基本语法： form action=”表单提交地址” method=”提交方法” !- - 文本框、按钮等表单元素- - /form method 提交方式，post比get安全性高 6.2表单元素的基本格式： input name =”表单元素名称” type=”类型” value=”值” size=”显示宽度” maxlengt”能输入的最大字符长度” checked=”是否选中” / 6.3 表单元素的介绍（类型 type） 文本框：type=”text” 密码框：password 重置：reset 提交：submit 普通：button 单选按钮：radio 复选框：checkbox 文件域：file 下拉列表 select name =”指定列表名称” size=”行数” option value=”可选项的值” selected=”selected”/option option value=” 可选项的值” /option /select 多行文本域 textarea na