HTML 的常用标签(2)

267 阅读2分钟

一、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>