html常用标记

浏览数：20 / 时间：2015年06月09日

Html超文本标记语言，超文本指页面内包含图片、链接。甚至音乐、程序等非文字元素

Html的结构包含头部（head）、主体部分（body），其中head部分提供了网页的基本信息，body部分提供了网页的具体内容。

Html中一个标签是左右分别有一个大于号“<”和小于号“>”的字符串，开始标签不以斜杠的“/”开头的标签，其内容是一串属性和属性值。结束是以一个斜杠“/”开头的标签。

例如：

	<body>
		<font color="red"html常用标记></font>
	</body>

下面是对于这一段学习知识的总结和举例。

点击查看大图。

这张思维导图是对常见html学习的知识点的罗列和总结。下面对每个一类html标记的具体的举例说明。

一、列表编号。

列表编号的标记，举例说明。

代码如下：

<p>常用字符编号列表:
<ol start=11 type=1 >
	<li>          语文
	<li>          数学
	<li value=1>  英语
	<li>          物理
</ol>

<p>特殊字符编号列表:
<ul type=square>
	<li>          语文
	<li>          数学
	<li value=1>  英语
	<li>          物理
</ul>

<p>无字符编号列表:
<dl>
	<dt>语文
	<dt>数学
	<dt>英语
	<dt>物理
</dl>

运行后：

二、文本标签

根据以上文本标签的标记，举例说明。

代码如下：

<h3 align="center"><b>常用html标记</b></h3>
<hr color=red>
<center><font size=4 color=black><i>文本标签</i></font></center>
<p align="center">超链接<br>
<center><font size=4 color=black>交互表单</font></center>

运行后：

三、交互表单和表格标记符的结合应用

代码如下:

<html>
	<head><title>表单和表格的例子</title></head>
	<body>
		<form method="get" action="reg.jpg">
			<table>
				<tr>
					<td>用户名:</td>
					<td><input type="text" name=user value="游客" size="30"><br></td>
				</tr>
				<tr>
					<td>密码:</td>
					<td><input type="password" name="pwd"><br></td>
				</tr>
				<tr>
					<td>性别:</td>
					<td>
						<input type="radio" name="sex" value="1" checked>男
						<input type="radio" name="sex" value="1" checked>女
					</td>					
				</tr>
				<tr>
					<td>兴趣爱好：</td>
					<td>
						<input type="checkbox" name="interest" value="football">足球
						<input type="checkbox" name="interest" value="football">蓝球			
						<input type="checkbox" name="interest" value="football">棒球
					</td>					
				</tr>
				<tr>
					<td>最高学历：</td>
					<td>
						<select size="1" name="education">
						<option value="" selected>...</option>
						<option value="高中" >高中</option>
						<option value="大学" >大学</option>
						<option value="初中" >初中</option>								
						</select>		
					</td>					
				</tr>	
				<tr>
					<td valign="top">个人简介：</td>
					<td>
						<textarea name="personal" rows="5" cols="30">个人简介</textarea>		
					</td>					
				</tr>
				<tr>
					<td><input type="submit" ></td>
					<td>
						<input type="reset">	
					</td>					
				</tr>								
				</table>
			</form>
		</body>
	</html>