2.HTML常用标签分析.pptVIP

* 图像元素 img/单标签 属性 src 表示“源”的意思。“src”属性的值是所要显示图像的URL。 width height alt 给图像显示一个“交互文本”。 一般用于图片加载失败时的文本提示。 title：鼠标移过时显示的文字（对SEO有帮助） border 给图片加一个边框 usemap=“#name” 用于图像地图，可以和图像地图关联起来 图像地图 图像地图效果的实质是把一幅图片划分为不同的作用区域，再让不同的区域链接不同的地址 map area shape=“” coords=“” alt=“” href=“” /map shape 形状 “rect” “circle” “poly” coords 坐标 alt 鼠标经过提示的文字 href 指向的链接 target 以哪种方式打开 列表元素 无序列表 ulli/li/ul 默认样式:通常是黑色的实心小圆圈 有序列表 olli/li/ol 自定义列表 自定义列表不是一个项目的序列，它是一系列条目和它们的解释。有序列表以dl标签开始，自定义列表条目以dt开始，自定义列表的定义以dd开始。 实例 表格元素 tabletrtd/td/tr/table table标签属性 width、height、color、bordercolor、bgcolor border 、cellspacing、cellpadding、align tr标签属性 width、height、bordercolor、bgcolor border 、align、valign td colspan 横跨的列数 （合并列） rowspan 横跨的行数 (合并行) th 表头 默认显示为加粗和td用法一样 caption 表格标题 thead tbody tfoot 如果您使用 thead、tfoot 以及 tbody 元素，您就必须使用全部的元素。它们的出现次序是：thead、tfoot、tbody，这样浏览器就可以在收到所有数据前呈现页脚了。您必须在 table 元素内部使用这些标签。 表单元素 表单是Web浏览器和Web服务器进行通信的最常用的手段，即通过表单，浏览器不仅能从Web服务器中获得信息，而且还能向Web服务器反馈信息。HTML为此提供了表单(Form)元素来设计和实现这种交互界面。 需要解决的问题： 所需要交互的数据在表单里是如何组织？ 采用何种方式将表单中的数据传送到服务端？ get?post? 传送到服务端后由服务端的哪个程序来处理？ php? asp? ? jsp? 表单元素 表单形成的交互界面上有许多元素，负责收集用户输入的各种信息，这些元素一般称为控件。 单行/多行文本框 复选框 单选按钮 文件域 隐藏域 下拉菜单 提交按钮 重置按钮 表单元素 form input type=“text” !--文本域-- input type=“password” !--密码-- input type=“radio” !--单选按钮-- input type=“checkbox”!--复选框-- input type=“hidden” !--隐藏域-- input type=“submit”!--提交按钮-- input type=“file” !--文件域-- input type=“reset” value=“”!--重置按钮-- input type=“button” value=“” !--按钮-- textarea/textarea !--文本区域-- select option /option /select !--下拉框-- /form 表单元素 form标签 属性： action 提交的地址 method 提交的方式 GET : 是 将编码好的表单数据追加到请求该页的 URL 中。 通常，浏览器的默认方法为 GET 方法。 URL 的长度限制在 8,192 个字符以内。所以不要使用 GET 方法发送长表单。如果发送的数据量太大，数据将被截断，从而导致意外的或失败的处理结果。而且，在发送机密用户名和密码、信用卡号或其他机密信息时，不要使用 GET 方法。用 GET 方法传递信息不安全。 POST： POST 在 HTTP 请求中嵌入编码好的表单数据，长度由HTTP 请求中的CONTENT_LENGTN定义 name 规定表单的名称 enctype application/x-www-form-urlencoded在发送前编码所有字符（默认） multipart/form-data不对字符编码。在使用包含文件上传控件的表单时，必须使用该值 target 接受