本文详细介绍了HTML的基本元素及其使用方法，包括标题、段落、列表、表格、表单等，并提供了丰富的示例。此外还涉及了链接、图片等常用元素的属性。
源码：
<html>
<head>
<title>Html 页面</title>
</head>
<body>
<center>
<b>
黄鹤楼送孟浩然之广陵
</b>
<br>
故人西辞黄鹤楼，烟花三月下扬州。</br>
孤帆远影碧空尽，唯见长江天际流。
</center>
<p>
段落是个不错的文章形式哦。
</p>
<h1>一号标题</h1>
<h2>二号标题</h2>
<h3>三号标题</h3>
<h4>四号标题</h4>
<h5>五号标题</h5>
<h6>六号标题</h6>
**无序列表**
<ul>
<li>张三</li>
<li>李四</li>
<li>王五</li>
<li>赵六</li>
</ul>
**有序列表**
<ol>
<li>阿里巴巴</li>
<li>腾讯</li>
<li>百度</li>
<li>美团</li>
</ol>
<center>
**表格**
<table bgcolor="#00ff00" width="318" hetght="167" border="1" align="center">
**表格标题
<caption>学生考试成绩单</caption>
<tr> **代表行**
<td align="center" valign="middle">姓名</td> **代表列**
<td align="center" valign="middle">语文</td>
<td align="center" valign="middle">数学</td>
<td align="center" valign="middle">英语</td>
</tr>
<tr>
<td align="center" valign="middle">张三</td>
<td align="center" valign="middle">23</td>
<td align="center" valign="middle">15</td>
<td align="center" valign="middle">50</td>
</tr>
<tr>
<td align="center" valign="middle">李四</td>
<td align="center" valign="middle">100</td>
<td align="center" valign="middle">100</td>
<td align="center" valign="middle">100</td>
</tr>
<tr>
<td align="center" valign="middle">王五</td>
<td align="center" valign="middle">34</td>
<td align="center" valign="middle">100</td>
<td align="center" valign="middle">60</td>
</tr>
</table>
</center>
**form表单**
<form action="" method="post" name="myform" >
**input输入框**
用户名：<input name="username" type="text" id="username4" maxlength="20"> <br>
密码：<input name="pwd1" type="password" id="pwd14" maxlength="20" size="20"> </br>
确认密码：<input name="pwd2" type="password" id="pwd25" maxlength="20" size="20"> </br>
**单选**
性别：<input name="sex" type="radio" class="noborder" value="男" checked> 男
<input name="sex" type="radio" class="noborder" value="女"> 女 </br>
**多选**
爱好：<input name="like" type="checkbox" id="like" value="体育"> 体育
<input name="like" type="checkbox" id="like" value="旅游"> 旅游
<input name="like" type="checkbox" id="like" value="听音乐"> 听音乐
<input name="like" type="checkbox" id="like" value="看书"> 看书 </br>
E-mail：<input name="email" type="text" id="ped224" size="50">
**按钮--提交、重置、图片**
<input name="submit" type="submit" class="btn_grey" value="确定保存">
<input name="reset" type="reset" class="btn_grey" id="reset" value="重新填写">
<input type="image" src="images/112.png">
**长文本输入框**
意见框：<textarea cols="30" rows="5" name="content" wrap="hard"></textarea>
</form>
**下拉列表
<center>
下拉列表：
<select name="select">
<option>马苏</option>
<option>李小璐</option>
<option>刘芸</option>
<option>范冰冰</option>
<option>杨幂</option>
</select>
多行列表框（不可多选）：
<select name="select2" size="2">
<option>张三</option>
<option>李四</option>
<option>王五</option>
<option>赵六</option>
<option>冯七</option>
</select>
多行列表框（可多选）：
<select name="select3" size="3" multlple>
<option>露露</option>
<option>菲菲</option>
<option>航航</option>
<option>云云</option>
<option>丽丽</option>
</select>
</center>
**文字链接**
<a href="http://www.baidu.com">点击这里</a>
</body>
</html>
image可选属性：
input标记的属性：
type可选值：
select标记的属性：
textarea标记的属性及wrap的可选值：
扫一扫
1818
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
