HTML_CSS_JavaScript教程笔记.pdf

HTML HTML：（Hype Text Markup Language）超文本标记语言，是最基本的网页语言。代码 由标签组成，不区分大小写。 由html开 ，/html结束，分头部分 （head）和体部分 （body），头部分用于给页面 增加一些辅助或属性信息，最先加载。体部分是真正存放页面数据的地方。 属性和属性值用 “=”连接，属性值可加双引号、单引号或不加引号。 标签相当于一个容器，数据存放在容器里，对数据操作，就是在修改容器的属性值。 字体标签：font size=”5”color=”red”文字/font color 属性可用颜色单词，也可用 “#FFFFFF”：井号加十六进制数据表示，红绿蓝 标题标签：h1文字/h1 共有6 级标题 水平线标签：hr color=”red” size=”5”/ size 属性指定水平线粗细 特殊符号： 大于号＞ 小于号＜ 与符号 双引号” 空格 注册符® 版权符© TM 符™ lt; gt; amp; quot; nbsp; reg; copy; trade; 列表和项目符号标签： 定义列表dl/dl 数字标签ol/ol 符号标签ul /ul dl定义列表DefinedList 具体项目内容用li/li封装 自动缩进 dt定义项目 默认数字样式 可用type 默认样式空心圆circle dd具体项目/dd 修改：a A I i 1 dis 实心圆 square 黑方块 dd具体项目/dd Start 属性指定起始号码 可用CSS 自定义符号 /dt /dl 自动缩进效果 注释标签：!—注释内容-- 图像标签：img src=”../dir/file” alt=”说明文字”height width border/ sr 属性中可用两个点（../）代表上层目录 alt 属性中的说明文字在鼠标悬停和图片加载失败时显示 图像地图：用img封装好图像后，切换到DW 设计视图，在属性中选择热点区域形状并在 图像上拖动出一块热点区域，用热点区域链接某个资源。在页面中点击热点区域就会跳转到 相应资源。 表格标签：tabletrtd/td/tr/table table border=”边框粗细”bordercolor cellpadding=”单元格中数据与单元格边框间距” cellspacing=”单元格与单元格间距 0两线并为一线”width=’固定像素值或相对页面百分 比’ cellspacing=0 两线并成一线但显示出来粗，用CSS 中border-collapse 两线重叠 看起来就是一条线 table标签内caption/caption给表格加标题，是表格的一部分 td colspan=2行占两列 tdrowspan=2列占两行 第一行第二个 第一行第一个单元格 第二行只有一个 table 标签中默认都有一个tbody 标签 thead、tbody、tfoot 浏览页面时，浏览器解析由table 标签封装的页面数据时，读到/table表格结束标记才 会显示数据，若封装页面数据的表格很大，没读到结束标记就不显示任何数据，用户体验不 佳，所以将表格分为多个部分，读一个/tbody就显示一部分。用tbody 将表格分体 超链接标签：ahref=””文字/a 点击一个超链接做了什么？首先启动相应的协议解析引擎，访问本机hosts 文件，查找 对应主机IP，未找到再请求网络DNS 服务器获取对应IP，用IP访问指定主机。 href 属性，可以指定协议，mailto:abc@?subject=”邮件主题” =”抄送地址” mailto thunder…… 不指定协议默认启动文件协议解析 href= 默认使用file 协议打开的是一个本地文件 并不