毕向东HTML_CSS_JavaScript教程笔记

文字

共有6级标题

水平线标签：

size属性指定水平线粗细

特殊符号：

注释标签：

图像标签： ”说明文字”

src属性中可用两个点（../）代表上层目录

alt属性中的说明文字在鼠标悬停和图片加载失败时显示

图像地图：用封装好图像后，切换到DW设计视图，在属性中选择热点区域形状并在图像上拖动出一块热点区域，用热点区域链接某个资源。在页面中点击热点区域就会跳转到相应资源。

表格标签：

cellspacing=”单元格与单元格间距0两线并为一线” width=‟固定像素值或相对页面百分比‟> cellspacing=0两线并成一线但显示出来粗，用CSS中border-collapse两线重叠看起来就是一条线

标签内给表格加标题，是表格的一部分

table标签中默认都有一个tbody标签thead、tbody、tfoot

浏览页面时，浏览器解析由table标签封装的页面数据时，读到

表格结束标记才会显示数据，若封装页面数据的表格很大，没读到结束标记就不显示任何数据，用户体验不佳，所以将表格分为多个部分，读一个就显示一部分。用tbody将表格分体

超链接标签：文字

点击一个超链接做了什么？首先启动相应的协议解析引擎，访问本机hosts文件，查找对应主机IP，未找到再请求网络DNS服务器获取对应IP，用IP访问指定主机。

href属性，可以指定协议，mailto:abc@?subject=”邮件主题”&cc=”抄送地址”

mailto thunder……不指定协议默认启动文件协议解析

href= 默认使用file协议打开的是一个本地文件并不是主机地址

超链接实现页面内跳转：定位标记、锚

顶部位置

用a标签的name属性为当前位置指定一个名字，不使用href属性

…很多页面内容…

在适当位置用a标签链接到指定名字的位置用#标示当前页面

回到顶部位置

target属性指定页面打开方式，默认在当前页面内打开，_blank新窗口打开

title属性：当鼠标悬停在文字上时显示的文字内容

表单标签：用于与服务端交互

form标签内的组件：input接收用户输入数据select下拉列表textarea文本区域

input标签内要指定name属性，服务端才能获取到对应的value

input内包含的组件类型通过type指定：

text文本框password密码框

radio单选框属于同一组的选择框name属性要一致，不然单选框不能实现单选checkbox复选框分组同单选框单选框不加属性时还不让你选

file 提供一个文件浏览按钮，多用于上传文件

hidden 隐藏组件，不需用户看到但服务端要用到，可通过JavaScript将其值在用户端运算后再提交至服务端使用

button 按钮通过onclick方法添加事件监听

reset 重置按钮submit 提交按钮

image 和submit一样，但可通过src属性指定一个图片充当按钮美化效果

文本区域可指定行数和列数</p><p><fieleset>区域设置，可给form加外框外框上的文字可用legend标签指定</p><p>form中的method指定提交方式，有7中，常用get和post</p><p>用Java自定义服务端与form交互查看数据提交不同之处</p><p>get提交：信息显示在地址栏中，敏感信息泄露，不安全；</p><p>地址栏存储信息量有限，不利于大数据量提交；</p><p>将信息封装在消息头前边；</p><p>提交至服务端的中文乱码需要再次编码后再解码</p><p>post：地址栏上不显示提交的信息，避免信息泄露，安全；</p><p>提交数据量无限制，方便大数据提交；</p><p>将信息封装在消息头后边（空行后）的数据体中；</p><p>中文乱码可通过设定字符集方法简单搞定</p><p>Tomcat服务端默认使用的iso8859编码，两种提交方式提交中文时，服务端会显示乱码，需要在服务端使用指定字符集解码，request.setCharacterEncoding(“GBK”)但设定字符集方法只对数据体中的数据有效，get方式提交的信息封装在消息头中，不能使用这种方法。但可以通过先用iso8859编码再GBK解码的方式解决。推荐使用post方式提交。</p><p>暴力提交、暴力注册</p><p><a href=”http://注册地址?name=value&id=value......”>暴力开始</a></p><p>超链接默认就是get方式提交</p><p>客户端首先进行数据有效性校验，服务端对客户端提交的数据必须再次校验</p><p>label标签：用于给各元素定义快捷键</p><p>for属性指定快捷键起作用的表单元素，其值必须与该表单元素的id值相同</p><p>accessKey指定快捷键，要与Alt合用</p><p>例：<label for=”user” accessKey=”u”>user name</label></p><p><input type=”text” id=”user” /></p><p>label使用技巧：</p><p>将label标签加到tr标签上，for属性指向该tr里的文本框，在这行的任意位置点击鼠标，文本框都将获得焦点。</p><p>其他标签：</p><p><pre></pre>此标签内封装的文本数据格式将保持原样，包括空格和缩进等格式。常用于页面中显示带有缩进层次的代码。</p><p><p></p>段落标签，两个段落之间带有空行</p><p><b>加粗<strong>加粗<i>斜体<u>下划线<sub>下标<sup>上标</p><p><marquee direction=”left/right/down/up” behavior=”scroll/alternate/slide”></p><p>此标签内可以让内容动起来，scroll滚动穿过/alternate来回弹/slide一下摔死</p><p>框架集frameset标签：将浏览器页面分成多个独立的部分，分别显示不同的页面</p> </div> </div> </div> </div> </div> <div id="rightcol" class="viewcol"> <div class="coltitle">相关文档</div> <ul class="lista"> <li><a href="/doc/188169142.html" target="_blank">黑马毕向东JAVA基础总结笔记</a></li> <li><a href="/doc/1110040069.html" target="_blank">java各知识点详细总结(毕向东笔记整理)</a></li> <li><a href="/doc/2e4627543.html" target="_blank">【黑马程序员】毕向东老师Java基础入门教程笔记</a></li> <li><a href="/doc/2e15789228.html" target="_blank">java各知识点详细总结(毕向东笔记整理)</a></li> <li><a href="/doc/7415428495.html" target="_blank">毕向东java基础总结黑马入学考试知识点</a></li> <li><a href="/doc/8717153895.html" target="_blank">java各知识点详细总结(毕向东笔记整理)</a></li> <li><a href="/doc/dd11743508.html" target="_blank">传智播客_Les11_数据字典(精)</a></li> <li><a href="/doc/f67389646.html" target="_blank">毕向东HTML_CSS_JavaScript教程笔记</a></li> </ul> <div class="coltitle">最新文档</div> <ul class="lista"> <li><a href="/doc/071000073.html" target="_blank">饭店包间名字大全</a></li> <li><a href="/doc/0d10001030.html" target="_blank">word无法创建工作文件,请检查临时环境变量</a></li> <li><a href="/doc/0d10001458.html" target="_blank">自行车健身比赛开幕式讲话词</a></li> <li><a href="/doc/0510001469.html" target="_blank">2018乡村医生个人工作总结</a></li> <li><a href="/doc/0e10002558.html" target="_blank">MySQL测试题 SQL</a></li> <li><a href="/doc/0310002568.html" target="_blank">合勤NXC5200</a></li> <li><a href="/doc/0210004833.html" target="_blank">铁路集中箱空箱调度优化建模案例(案例2)</a></li> <li><a href="/doc/021000530.html" target="_blank">微分几何教学大纲-复旦大学数学科学学院</a></li> <li><a href="/doc/031000596.html" target="_blank">人教版九年级数学上册导学案：24.1.1_圆【精品】</a></li> <li><a href="/doc/0c10006773.html" target="_blank">(整容后办护照用)医院整容证明</a></li> <li><a href="/doc/0e10006860.html" target="_blank">危险废物管理台账</a></li> <li><a href="/doc/0310008420.html" target="_blank">2017年终大会会场物料设计方案</a></li> </ul> </div> </div> <script> var sdocid = "f6213a62a8956bec0975e3fc"; var docId = 'f6213a62a8956bec0975e3fc'; var totalPage = 36; const ext = 'doc'; const pageNum = '36'; </script> <script src="https://assets.360docs.net/pc/js/render.js"></script> <div class="clearfloat"></div> <div id="footer"> <div class="ft_info"> <a href="https://beian.miit.gov.cn">闽ICP备16038512号-3</a> <a href="/tousu.html" target="_blank">侵权投诉</a> ©2013-2023 360文档中心,www.360docs.net | <a target="_blank" href="/sitemap.html">站点地图</a><br /> 本站资源均为网友上传分享，本站仅负责收集和整理，有任何问题请在对应网页下方投诉通道反馈 </div> <script type="text/javascript">foot()</script> </div> </body> </html>