5.链接标签:实现把多个网页联系在一起
a) <a></a>:标识超链接.还可以定义锚点.锚点是一类特殊的超链接,它可以定位带网页中某个具体的位置.例如在下面实例中单击超链接文本,就可以跳转到页面的顶部.
<!DOCTYPE html>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>链接标签</title>
</head>
<body>
<spanid="top">底部锚点位置</span>
<divid="box"style="height:2000px;border:solid1px red">撑开浏览器的滚动条</div>
<ahref="#top">单击返回顶部</a>
</body>
</html>
6.多媒体标签:主要用于引入外部多媒体文件进行显示.
a) <img></img>:嵌入图像
b) <embed></embed>:嵌入多媒体
c) <object></object>:嵌入多媒体
7.表格标签:用来组织和管理数据.
a) <table></table>:定义表格结构
b) <caption></caption>:定义表格标题
c) <th></th>:定义表头
d) <tr><td>...</td></tr>:<tr></tr>定义表格行;<td>...</td>定义表格单元格
<!DOCTYPE html>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>表格</title>
</head>
<body>
<tablesummary="使用表格结构显示3行2列数据集"border="1">
<caption>ASCII字符集</caption>
<tr>
<th>十进制</th>
<th>十六进制</th>
</tr>
<tr>
<td>9</td>
<td>9</td>
</tr>
<tr>
<td>10</td>
<td>A</td>
</tr>
</table>
</body>
</html>
8.表单标签:主要用来制作交互式表单.
a) <form></form>:定义表单结构
b) <input/>:定义文本域、按钮和复选
c) <textarea></textarea>:定义多行文本框
d) <select></select>:定义下拉列表
e) <option></option>:定义下拉列表中选择项目
<!DOCTYPE html>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>表单</title>
</head>
<body>
<formaction=""method="post">
<p>单行文本域:<inputtype="text"/></p>
<p>密码域:<inputtype="password"/></p>
<p>多行文本域:<textareaname="textareafield"value=""></textarea></p>
<p>复选框:<br>复选框1<inputtype="checkbox"name="box1"value=""/>跳舞<br>
复选框2<inputtype="checkbox"name="box2"value=""/>唱歌<br>
</p>
<p>单选按钮:
<inputtype="radio"name="radio"value="nan">按钮1
<inputtype="radio"name="radio"value="nv">按钮2<br>
</p>
<p>下拉菜单:
<selectname="selectlist">
<optionvalue="1">选项1</option>
<optionvalue="2">选项2</option>
<optionvalue="3">选项3</option>
</select>
</p>
<p><inputtype="submit"name="button"id="button"value="提交"/></p>
</form>
</body>
</html>
相关推荐:
如何让数据里html字段转换为HTML标签
html标签分类
带有html标签的字符串转换为HTML标签
以上就是html中的标签详解的详细内容,更多请关注Gxl网其它相关文章!