2014 学习纲要.docVIP

Html 内容 Html就是超文本标记语言的简写，是最基础的网页语言。 Html是通过标签来定义的语言，代码都是由标签所组成。 Html代码不用区分大小写。 Html代码由html开始/html结束。里面由头部分head/head和体部分body/body两部分组成。 头部分是给Html页面增加一些辅助或者属性信息，它里面的内容会最先加载。 体部分是真正存放页面数据的地方。 多数标签都是有开始标签和结束标签，其中有个别标签因为只有单一功能，或者没有要修饰的内容可以在标签内结束。 想要对被标签修饰的内容进行更丰富的操作，就用到了标签中的属性，通过对属性值的改变，增加了更多的效果选择。 属性与属性值之间用“=”连接，属性值可以用双引号或单引号或者不用引号，一般都会用双引号。或公司规定书写规范。 标签名 属性名=属性值 / 操作思想： 为了操作数据，都需要对数据进行不同标签的封装，通过标签中的属性对封装的数据进行操作。 标签就相当于一个容器。对容器中的数据进行操作，就是在再不断的改变容器的属性值。 常用标签的使用 字 体 字体标签：font 例：font size=5 color=red字体标签示例/font 注：简单颜色可是直接写对应的英文，复杂颜色用16进制表示，表现形式#FF0000两个数为一组，按红，绿，蓝排列，如：#00FF00表示绿色。建议用工具选取。 标题标签：h1h2…..h6 因为标题是文本中常用的内容，为了方便操作而定义的。其实就是某个字号和粗体的组合。 特殊字符： 如果要在网页上显示一些特殊符号，比如 等。因为这些符号在代码中会被浏览器识别并解释，所以用一些特殊的方式来表示。 lt; gt; amp; quot; “ reg; ? copy; ? trade; ? nbsp; 空格 注：在Dreamweaver8中都具有联想功能。 列 表 列表标签：dl dt：上层项目 dd：下层项目 例： dl dt游戏名称/dt dd星际争霸/dd dd红色警戒/dd dt部门名称/dt dd技术部/dd dd培训部/dd /dl 效果： 列表中项目符号对应的标签 ol：数字标签（a A 1 i I） ul：符号标签（○●■） li：具体项目内容标签。此标签只在ol ul中有效。 通过type属性更改项目符号，如果想做出效果更好的列表，如：黑色圆点用图片表示，就用到CSS。 图 像 图像标签：img 例：img src=”1.jpg” align=”middle” border=”3” alt=”图片说明文字”/ align:属性定义图片的排列方式，border用来设置图像的边框。Src 连接一个文件 图像地图：map 应用：当要在图像中选取某一部分作为连接的时候。如：中国地图每个省所对应的区域。 map标签要和img标签联合使用。Href是超连接 img src=Sunset.jpg alt=图片说明文字 usemap=#Map / map area shape=rect coords=50,59,116,104 href=1.html / area shape=circle coords=118,203,40 href=2.html / /map 表 格 表格标签：table 组成：标题标签：caption，给表格提供标题。 表头标签：th，一般对表格的第一行或者第一列进行格式化，就是粗体显示。并不常用。 行标签：tr 标签：td，加载行标签的里面。可以简单理解为，先有行，在行中在加入。 格式： table border=1 width=”40%”!—width值为百分比可以让表格的宽度随浏览器窗口的大小变化-- caption表格标题/caption tr!-- 第一行 -- th姓名/th th年龄/th /tr tr algin=”center”!-- 第二行 -- td张三/td td23/td /tr /table 效果： table border=1 width=40% tr tr th colspan=2 !-- colspan：th标签占两列 -- 个人信息 /th /tr tr align=center td张三/td td23/td /tr /tr /table 效果： 每个表格可以有一个表头、一个表尾和一个或多个表体（即正文），分别以THEAD、TFOOT和TBODY元素表示。 THEAD、TFOOT包含关于表格列的信息。 TBODY作用是：可以控制表格分行下载，从而提高下载速度。（网页的打开是先表格的的内容全部下载完