一、iframe 标签
嵌套页面。它能够将另一个HTML页面嵌入到当前页面中。
1、如:
<iframe src="http://..." frameborder="0"></iframe>
src=要嵌入的页面,frameborder=“0”可使页面无边框。如果不加指定宽高,则这个嵌入的页面会固定在宽100,高50字符大小。宽度可设置100%,高度只能用px单位衡量。
2、在当前页面的iframe框内打开其他网页,如:
<iframe name=abc src="http://..A.."></iframe>
<a target=abc href="https://www.baidu.com/">页面B</a>
点击页面b会在框内打开其他网页。
二、a标签
1、download下载
<a href="https://www.baidu.com/" download>下载</a>
可下载指定href中的文件
2、可创建一个email链接
<a href="mailto:xxx@mozilla.org">Send email to nowhere</a>
点击send email to newhere可将你的电子邮件程序打开,发送新邮件。
3、创建电话链接
<a href="tel:+491570156">+49 157 0156</a>
提供电话链接有助于用户查看连接到手机的网络文档和笔记本电脑
4、创建一个可点击的图片
<a href="https://developer.mozilla.org/en-US/">
<img src="https://mdn.mozillademos.org/files/6851/mdn_logo.png" alt="MDN logo">
</a>
点击图片可跳转至另一页面。
三、form标签
用于为用户输入创建HTML表单,表单能够包含<input>元素,比如文本字段、复选框、单选框、提交按钮等等。可用target与<a>标签关联使用、用name与<iframe>关联。
四、input标签
用于为基于Web的表单创建交互式控件,以便接受来自用户的数据; 可以使用各种类型的输入数据和控件小部件。可根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。下面写两个常用的属性:
1、text
文本框如:
<label for="name">Name (4 to 8 characters):</label>
<input type="text" id="name" name="name" required minlength="4" maxlength="8" size="10">
required 可输入的字数,minlength="4"最少字数4,maxlength="8" 最多输入8个字符。
2、checkbox
复选框
<input type="checkbox" id="xxx"><label for="xxx">选我</label>
label属性可为 input 元素定义标标记,当用户鼠标点击在 label 元素内文本时,浏览器就会自动将焦点转到和标签相关的表单控件上。
五、table标签
表示表格数据 — 即通过二维数据表表示的信息。
如下可制作一个两行两列的表格:
<table>
<thead>
<tr>
<th colspan="2">The table header</th>
</tr>
</thead>
<tbody>
<tr>
<td>The table body</td>
<td>with two columns</td>
</tr>
</tbody>
</table>