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>
运行后:
这些是对常用html标记的一个描述和总结,欢迎交流讨论,共同提高。