[互联网]毕向东HTML_CSS_JavaScript教程笔记.docVIP

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 dt定义项目 dd具体项目/dd dd具体项目/dd /dt /dl 自动缩进效果 具体项目内容用li/li封装 自动缩进 默认数字样式 可用type修改：a A I i 1 Start属性指定起始号码 默认样式空心圆circle disc实心圆 square黑方块 可用CSS自定义符号 注释标签：!—注释内容-- 图像标签：img src=”../dir/file” alt=”说明文字” height width border/ src属性中可用两个点（../）代表上层目录 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行占两列 td rowspan=2列占两行 第一行第一个单元格 第一行第二个 第二行只有一个 table标签中默认都有一个tbody标签 thead、tbody、tfoot 浏览页面时，浏览器解析由table标签封装的页面数据时，读到/table表格结束标记才会显示数据，若封装页面数据的表格很大，没读到结束标记就不显示任何数据，用户体验不佳，所以将表格分为多个部分，读一个/tbody就显示一部分。用tbody将表格分体 超链接标签：a href=”” 文字/a 点击一个超链接做了什么？首先启动相应的协议解析引擎，访问本机hosts文件，查找对应主机IP，未找到再请求网络DNS服务器获取对应IP，用IP访问指定主机。 href属性，可以指定协议，mailto:abc@?subject=”邮件主题”cc=”抄送地址” mailto thunder…… 不指定协议默认启动文件协议解析 href= 默认使用file协议打开的是一个本地文件 并不是主机地址 超链接实现页面内跳转：定位标记、锚 a name=”top”顶部位置/a 用a标签的name属性为当前位置指定一个名字，不使用href属性 …很多页面内容… 在适当位置用a标签链接到指定名字的位置 用#标示当前页面 a href=”#top”回到顶部位置/a target属性指定页面打开方式，默认在当前页面内打开，_blank新窗口打开 title属性：当鼠标悬停在文字上时显示的文字内容 表单标签：用于与服务端交互 form action=”表单提交目的地” method=”表单提交方式”/form form标签内的组件：input接收用户输入数据 select下拉列表 textarea文本区域 input type=”text” name=”user” value=”zhangsan” / input标签内要指定name属性，服务端才能获取到对应的valu