HTML (HyperText Markup Language) 超文本标记语言,超文本 就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。

超文本标记语言的结构包括 部分(英语:Head)、和 主体 部分(英语:Body),其中 部提供关于网页的信息,主体 部分提供网页的具体内容。

前言

HTML 标签很多,都记住有一定的困难。所以这里推荐 Dreamweaver ,很强大,标签有很多的提示。当然也有推荐初学者使用记事本编辑html文件的,不过仁者见仁智者见智吧,大家自己选择。

这里推荐两个网站,是专门查询标签的功能,并且可以在线查看效果的

1.http://www.w3school.com.cn/tags/

2.http://www.runoob.com/html/html-tutorial.html

HTML 的基本标签

基本

<html>...</html> 定义 HTML 文档
<head>...</head> 文档的信息
<meta> HTML 文档的元信息
<title>...</title> 文档的标题
<link> 文档与外部资源的关系
<style>...</style> 文档的样式信息
<body>...</body> 可见的页面内容
<!--...--> 注释

文本

<h1>...</h1> 标题字大小(h1~h6)
<b>...</b> 粗体字
<strong>...</strong> 粗体字(强调)
<i>...</i> 斜体字
<em>...</em> 斜体字(强调)
<u>...</u> 下划线
<del>...</del> 删除线(表示删除)
<center>...</center> 居中文本
<ul>...</ul> 无序列表
<ol>...</ol> 有序列表
<li>...</li> 列表项目
<a href=”...”>...</a> 超链接
<font> 定义文本字体尺寸、颜色、大小
<sub> 下标
<sup> 上标
<br> 换行
<p> 段落

图形

<img src=”...”> 定义图像
<hr> 水平线

表格

<table>...</table> 定义表格
<th>...</th> 定义表格中的表头单元格
<tr>...</tr> 定义表格中的行
<td>...</td> 定义表格中的单元

其它

<form>...</form> 定义供用户输入的 HTML 表单
<frame> 定义框架集的窗口或框架

##表单

<form action="url" method=get|post></form> 定义表单
<form enctype="multipart/form-data"></form> 上传档案
<input type="text|password|checkbox|radio|image|hidden|submit|reset"> 输入栏位
<input name="***"> 栏位名称
<input value="***"> 栏位内定值
<input checked> 已选定(适用於checkboxes与 radio boxes)
<input size=?> 栏位宽度(以字元数为单位)
<input maxlength=?> 最长字数(以字元数为单位)
<select></select> 下拉式选单
<select name="***"></select> 下拉式选单名称
<select size=?></select> 选单项目数量
<select multiple> 多选式选单 (多选)
<option> 选项
<option selected> 内定选项
<textarea rows=? cols=?></textarea> 文字输入区
<textarea name="***"></textarea> 输入区名称
<textarea wrap=off|virtual|physical></textarea> 输入区换行方式

<input type="text" /> 文本框 <br>
<input type="password" /> 密码框 <br>
<input type="submit" /> 提交按扭 <br>
<input type="checkbox" /> 复选框 <br>
<input type="radio" /> 单选框 <br>
<input type="reset" /> 重置按扭 <br>
<input type="image" /> 图片按扭 <br>
<input type="hidden" /> 隐藏域 <br>
<input type="button" /> 按扭 <br>
<input type="file" /> 浏览文件 <br>