HTML 基本标签（二）

最新推荐文章于 2025-12-31 14:00:00 发布

原创最新推荐文章于 2025-12-31 14:00:00 发布 · 313 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html

html 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了HTML中的各种元素及其使用方法，包括无序列表、有序列表、表格、链接、邮件发送、图片显示及表单交互等内容。

分组

<ul><li>XX</li></ul> 无序标签 ·
<ol><li>XX</li></ol> 有序标签 1.2.
<div></div> 分出逻辑部分，相当于容器
<div id="a"></div> 为div设置id

表格

<table></table> 表格的开始和结束
<tbody></tbody> <thead></thead> <tfooter></tfooter> 内容下载完可以优先显示，不必等表格加载完后再显示
<tr></tr> 行
<td></td> 一个单元格，在<tr></tr> 中包含几对，就有几列
<th></th> 表格头默认加粗居中
<table summary="摘要"> 摘要
<caption></caption> 标题

链接

<a href="目标网址" target="_blank" title="鼠标滑过显示的文本">链接显示的文本</a> 可以在新建窗口中打开

邮件

<a href="mailto:yy@mm.com ? cc=xx@mm.com & bcc=xixi@mm.com & subject=主题&body=邮件内容">发送</a>
mailto 为发送给谁，cc为抄送，bcc为秘密抄送，可以用; 来实现多个地址分割，subject为邮件地址，body为邮件内容。
mailto 后的多个参数，第一个用? 隔开，后面用& 隔开

图片

<img src="图片地址" alt="下载失败时的替换文本" title = "鼠标滑过的提示文本">

交互

<form method="传送方法"（get/post） action="服务器文件"></form>
<input type="" name="名称" value="文本" type有text和password value为默认值，有提示功能。
<textarea rows="行数" cols="列数">默认文本</textarea> 大段文字输入
<input type="" value="" checked="checked"></input> radio为单选 checkbox为复选 checked默认选中 *同一组的name一定要一致
<select multiple="multiple"><option value="向服务器提交值" selection="selection">展示文本</option></select> multiple 为多选 option为其中选项，selection为选择默认项
<input type="submit" value="提交"> 提交
<input type="reset" value="重置"> 重置
<label for="控件id名称"></label> 鼠标单击此控件可以关联for对应的控件