2015年Html_学习资料分析和总结.docxVIP

2015 年最新 Html_学习资料 内容 Html Html 就是超文本标记语言的简写，是最基础的网页语言。 Html 是通过标签来定义的语言，代码都是由标签所组成。 Html 代码不用区分大小写。 Html 代码由 html 开始/html 结束。 里面由头部分 head/head 和体部分 body/body两部分组成。 头部分是给 Html 页面增加一些辅助或者属性信息，它里面的内容会最先加载。 体部分是真正存放页面数据的地方。 多数标签都是有开始标签和结束标签，其中有个别标签因为只有单一功能，或者没有要修饰的内容可以在标签内结束。 想要对被标签修饰的内容进行更丰富的操作，就用到了标签中的属性，通过对属性值的改变， 增加了更多的效果选择。 属性与属性值之间用“=”连接，属性值可以用双引号或单引号或者不用引号，一般都会用双引号。或公司规定书写规范。 格式：标签名 属性名=属性值 数据内容 /标签名 标签名 属性名=属性值 / 操作思想： 为了操作数据，都需要对数据进行不同标签的封装，通过标签中的属性对封装的数据进行操作。标签就相当于一个容器。对容器中的数据进行操作，就是在再不断的改变容器的属性值。 常用标签的使用 字 字 体 1. 字体标签 1. 字体标签：font 例：font size=5 color=red字体标签示例/font 注：简单颜色可是直接写对应的英文，复杂颜色用 16 进制表示，表现形式#FF0000 两个数为一组，按红，绿，蓝排列，如：#00FF00 表示绿色。建议用工具选取。 2. 标题标签：h1h2…..h6 因为标题是文本中常用的内容，为了方便操作而定义的。其实就是某个字号和粗体的组合。 3. 特殊字符： 如果要在网页上显示一些特殊符号，比如 等。因为这些符号在代码中会被浏览器识别 并解释，所以用一些特殊的方式来表示。 lt; gt; quot; “ reg; trade; ? nbsp; ? 空格 amp; copy; ? 注：在 Dreamweaver8 中都具有联想功能。 列 列 表 4. 列表标签：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 到 CSS。 图 图 像 5. 图像标签：img 例：img src=”1.jpg” align=”middle” border=”3” alt=”图片说明文字”/ 6. 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 表 表 格 7. 表格标签：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