jQuery与HTML基础教程：超链接、列表、路径、表格、iframe与CSS表单详解

本资源是一份关于jQuery与HTML基础知识的总结文档，涵盖了HTML的基本结构、超链接、列表、路径、表格、跨行跨列、IFrame嵌入、CSS样式以及表单元素等内容。以下是详细的知识点解析： 1. **超链接**： - 使用`<a>`标签创建链接，`href`属性指定链接地址，`target`属性控制链接在新窗口(`_blank`)或当前窗口打开，默认是当前页面。 - 示例：`<a href="http://localhost:8080" target="_blank">百度</a>`，点击后在新窗口打开百度链接。 2. **列表**： - 使用`<ul>`创建无序列表，`type`属性可设置符号样式，如`<ul type="none">`。 - 列表项用`<li>`标签定义，例如： ```html <ul type="none"> <li>小沈阳</li> <li>宋小宝</li> </ul> ``` 3. **路径**： - 相对路径用于引用同一目录或子目录下的文件，`.`表示当前目录，`..`表示上一级目录。 - 绝对路径通常指明完整URL，如`http://ip:port/工程名/资源路径`。 4. **表格**： - `<table>`标签用于创建表格，`align`属性控制对齐方式，`border`设置边框，`width`和`height`定义大小。 - 表头用`<th>`，单元格用`<td>`，`cellspacing`调整单元格间距。 - 跨行和跨列分别通过`colspan`和`rowspan`属性实现。 5. **IFrame**： - `<iframe>`用于嵌入另一个HTML文档，`src`属性指定要加载的页面，`width`和`height`设置大小，`name`属性提供引用。 6. **CSS**： - CSS用于样式化HTML元素，如链接的`<a>`标签，可以通过`href`和`target`属性控制行为。 - 链接目标可以设置为`iframe`，如`<a href="0-标签语法.html" target="abc">`。 7. **表单**： - HTML表单包含各种输入类型，如`type="text"`文本框、`type="password"`密码框、`type="submit"`提交按钮等。 - `select`标签用于创建下拉列表，`option`标签定义列表项。 - `textarea`用于多行文本输入，`rows`和`cols`控制尺寸。 8. **表单提交**： - 提交表单时，确保每个表单字段都有`name`属性，`value`属性填写内容。 - `get`方式提交，数据在地址栏显示，不安全且有长度限制；`post`方式更安全且无长度限制，仅属性中体现提交数据。 这些知识点展示了HTML基础与jQuery配合下构建动态网页的基本要素，对于前端开发人员来说，理解和掌握这些内容对于构建交互式网站至关重要。