HTML最常用标签
（一）基本文档结构标签：
1) ：注释标签用来在源文档中插入注释。注释会被浏览器忽略。您可使用注释对您的代码进行解释，这样做有助于您在以后的时间对代码的编辑。
2) <!DOCTYPE>：<!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
3) <html>：此元素可告知浏览器其自身是一个 HTML 文档。
4) <head>：<head> 标签用于定义文档的头部，它是所有头部元素的容器。
5) <base>： 标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接。
6) <meta>：<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。包含在<head>标签中。
7) <title>：<title> 元素可定义文档的标题。
8) <body>：body 元素定义文档的主体。body 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。）
（二）文本、字体、字号、线条、行控制、超链接、图像相关标签：
9) <b>：呈现粗体文本效果。
10) <i>：显示斜体文本效果。
11) <br>：<br> 可插入一个简单的换行符。
12) <font>：<font> 规定文本的字体、字体尺寸、字体颜。
13) <h1> -- <h6>：<h1> - <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。
14) <hr>：<hr> 标签在 HTML 页面中创建一条水平线。
15) <center>：对其所包括的文本进行水平居中。
16) <a>：超连接
a) <a> 标签可定义锚。锚 (anchor) 有两种用法：
i. 通过使用 href 属性，创建指向另外一个文档的链接（或超链接）
ii. 通过使用 name 或 id 属性，创建一个文档内部的书签（也就是说，可以创建指向文档片段的链接）
b) <a> 元素最重要的属性是 href 属性，它指定链接的目标。
17) <img>：img 元素向网页中嵌入一幅图像。
18) <p>：<p> 标签定义段落。
19) <pre>：pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。常见应用就是用来表示计算机的源代码。
20) <u>：html href属性<u> 标签可定义下划线文本。
21) <label>：<label> 标签为 input 元素定义标注（标记）。
22) <strong>...</strong>粗体字(强调)
23) <em>...</em>斜体字(强调)
24) <BLINK> 闪烁的文字
25) <BIG> 显示大字体
26) <CITE>...<CITE> 用于引经据典的文字
27) <CODE>...</CODE> 用于列出一段程序代码
（三）表单元素相关标签：
28) <form>：<form> 标签用于为用户输入创建 HTML 表单。
29) <input>：<input> 标签用于搜集用户信息。根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。
30) <select>：select 元素可创建单选或多选菜单。
31) <option>：option 元素定义下拉列表中的一个选项（一个条目）。option 元素位于 select 元素内部。
32) <textarea>：<textarea> 标签定义多行的文本输入控件。可以通过 cols 和 rows 属性来规定 textarea 的尺寸。
33) <button>：<button> 标签定义一个按钮。
34) <fieldset>：fieldset 元素可将表单内的相关元素分组。
35) <legend>：legend 元素为 fieldset 元素定义标题（caption）。
36) 补充：
a) 客户端向服务端发送数据可以有两种方式：1. 使用表单<form>提交；2. 使用超链接传参数<a href=”xxx.jsp?username=james&age=22………”>多个参数全部用&号连接起来。
b) <form action=”指定表单数据提交的处理地址”  method=”post/get”>
如：<form action=”……/login.jsp?username=james&age=22”> …. </form>
Method属性指定提交方式：post方式数据以暗文形式提交，即在浏览器地址栏上看不到提交的数据；get方式提交的数据在浏览器地址栏上可以看到，所以对敏感数据的提交都会选择post。
（四）表格相关标签：
37) <table>：<table> 标签定义 HTML 表格。
38) <thead>：<thead> 标签定义表格的表头。thead 元素应该与 tbody 和 tfoot 元素结合起来使用。
39) <tbody>：<tbody> 标签表格主体（正文）。tbody 元素应该与 thead 和 tfoot 元素结合
起来使用。
40) <tfoot>：<tfoot> 标签定义表格的页脚（脚注或表注）。
41) <th>：定义表格内的表头单元格。
42) <tr>：<tr> 标签定义 HTML 表格中的行。<td>是列。
43) <td>：<td> 标签定义 HTML 表格中的标准单元格。
44) <caption>：caption 元素定义表格标题。caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。
（五）容器相关标签：DIV + CSS JavaScript
45) <div>：标签可以把文档分割为独立的、不同的部分。<div> 是一个块级元素。这意味着它的内容自动地开始一个新行。
46) <span>：<span> 标签被用来组合文档中的行内元素。
（六）框架相关标签
47) <frameset>: frameset 元素可定义一个框架集。它被用来组织多个窗口（框架）。每个框架存有独立的文档。在其最简单的应用中，frameset 元素仅仅会规定在框架集中存在多少列或多少行。您必须使用 cols 或 rows 属性。
i. <frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整
ii. <frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整
iii. <frameset cols="20%,*,20%">分割左中右三个框架
48) <frame>: <frame> 标签定义 frameset 中的一个特定的窗口（框架）。
49) <iframe>：iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。
（七）序号、列表标签：
50) <ul>：<ul> 标签定义无序列表。
51) <ol>：<ol> 标签定义有序列表。
52) <li>：<li> 标签定义列表项目。<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。
53) <dl>：<dl> 标签定义了定义列表。
54) <dt>：<dt> 标签定义了定义列表中的项目。
55) <dd>: <dd>标签定义了定义列表中项目的描述。
（八）引入外部文件
56) <link>：<link> 标签定义文档与外部资源的关系。<link> 标签最常见的用途是链接样式表。
57) <style>：<style> 标签用于为 HTML 文档定义样式信息。
58) <script>：<script> 标签用于定义客户端脚本，比如 JavaScript。以通过 src 属性指向
外部脚本文件。
（九） 其它
59) <marquee>...</marquee>普通卷动
60) <base href=地址>(预设好链接路径)
（九） 实体字符
CSS样式表
(一) 样式规则：
(二) 样式规则语法：
选择器 {
样式属性1：样式值1;
样式属性2：样式值2;
………..
}
(三) 常用的选择器有以下几种：
a) 类型（标签：如p, a, td）选择器：p { …….}, a{……..}
p{
        color:red;
        font-family:"华文彩云";
        font-size:18px;
    }
b) 类选择器： .class_selector {……..},  input.inputClass{……..},

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。