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>
|