标签：
Hello HTML ：）
超文本标记语言：
1，超文本：超链接
2，标记语言：各种标记(标签)构成的语言
综上：HTML是用来展示网页内容的语言
<HTML>
<!--HTML的根标签 ，代表HTML文档的开始和结束-->
<head>
<!--html的头部分，设置网页属性-->
<title>Hello HTML</title>
</head>
<body>
<!--html的正文部分，放置想要在页面上显示的内容 -->
hello world!
</body>
</HTML>
<!--改变页面的解析码表 -->
<meta http-equiv = "content-type" content = "text/html ; charset = utf-8">
<!--下面的meta标签含义是3秒后刷新到百度 -->
<meta http-equiv = "refresh" content = "3;url=http://www.aiya.com">
<!--在HTML中，不支持传统的空格，回车，制表符 -->
<!--回车 -->
<br/>
<!--段落标签 -->
<p></p>
<!--水平线标签 -->
<hr/>
<!--you know that... ,自带换行效果-->
<h1></h1>
<!--设置字体的一系列属性 -->
<font color="red" size="1~7" face="黑体"></font>
<!--加粗 -->
<b></b>
<!--例子：2的三次幂 (还有sub标签啦...)-->
2<sup>3</sup>
<!--斜线和下环线 -->
<I></I>
<U></U>
<!--转义字符：空格 -->
<!--清单标记：无序列表、有序列表、分类列表 -->
<ul type="disc/square/circle">
<li></li>
<li></li>
</ul>
<ol type="A/a/1/I/i" start="10...">
<li></li>
<li></li>
</ol>
<dl>
<dt>RPG</dt>
<dd></dd>
<dd></dd>
<dt>棋牌</dt>
<dd></dd>
<dd></dd>
</dl>
<!--图像标记 alt作用是标示一下这个图片（图片显示不出来的时候就会显示alt的内容，title会在鼠标移上去显示）-->
<img src="..." boder="1px" width="300" heigh="300" title=“”>
<!--链接标记 target="_blank" 作用是在新页面打开目标网页-->
<a href="goal" target="_blank">click me</a>
<!--表格标签 cellspacing cellpadding. align="center"(内容居中) 当然更棒的做法是用th代替td，th的功效是自带加粗和居中啦... -->
<table border="1">
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
<!--表单标签（So important！！！）
form属性：
method：GET/POST(you know that...)
action：表示提交到的目标-->
<!--form用于标示表单的范围，input属性：
name：标示提交的键Key
type：决定输入的类型 maxlength：限制文本框输入长度 readonly：只读，不可修改文本类容，不会影响提交
disable：在readonly的基础上，不可被提交-->
<form action="#">
用户名：<input type="text" name="username" size=""/><br/>
密码：<input type="password" name="password"/><br/>
性别：M<input type="radio" name="sex" value=“man”/>
F<input type="radio" name="sex" value="female"/><br/>
爱好：睡觉<input type="checkbox" name="sleep" value="hobby"/>
吃饭<input type="checkbox" name="eat" value="hobby"/><br/>
<!--select:
multiple：多选
size：表示下拉选一次可以显示多少个选项
disable：禁用-->
学历：<select name="edu">
<option value="ZK">专科</option>
<option value="BK">本科</option>
<option value="SS">硕士</option>
</select>
<!--textarea：
disable：...
readonly：...-->
个人说明：<textarea row="10" cols="35" name="description" >
<!--这是默认值，注意不能用 Value属性 --> 这家伙很懒，什么也没留下
</textarea>
<!--hidden一般不添加任何属性 -->
<input type="hidden" name="haha" value="heihei">
<input type="submit" value="提交"/>
<input type="reset" value="重置"/>
</form>
标签：
原文地址：http://www.cnblogs.com/AirStark/p/5727815.html
