Html 标签使用

<h1>一般都是网站名</h1> <h2>文章名称等</h2>  <h3><h3/> .......

<p>段落</p>

<em>需要强调的文本，斜体</em>

<strong>需要强调的文本，加粗</strong>

<span>标签是没有语义的，它的作用就是为了设置单独的样式用的。

<q>对简短文本的引入，默认加双引号。</q>

<blockquote>长文本引入，自动加缩紧</blockquote>

<br /> 换行

<hr/>标签的在浏览器中的默认样式线条比较粗，颜色为灰色

&nbsp; 空格

<address>联系地址信息，在浏览器上显示的样式为斜体</address>

<code>代码语言</code>,多行代码，可以使用<pre>标签

<ul><li>新闻列表</li></ul>

<ol><li>有数字列表</li></ol>

<div>容器</div>

 

表格的四个元素：

table、tbody、tr、th、td

1. <table>…</table>：整个表格以<table>标记开始、</table>标记结束。
2. <tbody>…</tbody>：如果不加<thead><tbody><tfooter> , table表格加载完后才显示。加上这些表格结构， tbody包含行的内容下载完优先显示，不必等待表格结束后在显示，同时如果表格很长，用tbody分段，可以一部分一部分地显示。（通俗理解table 可以按结构一块块的显示，不在等整个表格加载完后显示。）
3. <tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。
4. <td>…</td>：表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列。
5. <th>…</th>：表格的头部的一个单元格，表格表头。
6. 表格中列的个数，取决于一行中数据单元格的个数。

 

<a href="">超链接，加入target="_blank" 可以在新的窗口打开</a>

 

<img>:

1. src：标识图像的位置；
2. alt：指定图像的描述性文本，当图像不可见时（下载不成功时），可看到该属性指定的文本；
3. title：提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)；
4. 图像可以是GIF，PNG，JPEG格式的图像文件。

<form>:

1. <form> ：<form>标签是成对出现的，以<form>开始，以</form>结束。
2. action ：浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。
3. method ： 数据传送的方式（get/post）。

input:

1. type:当type="text"时，输入框为文本输入框; 
2. 当type="password"时, 输入框为密码输入框。
3. 当 type="radio" 时，控件为单选框; 
4. 当 type="checkbox" 时，控件为复选框当,设置 checked="checked" 时，该选项  被默认选中;
5. 只有当type值设置为submit时，按钮才有提交作用;
6. 只有当type值设置为reset时，按钮才有重置作用
7. name：为文本框命名，以备后台程序ASP 、PHP使用。
8. value：为文本输入框设置默认值。(一般起到提示作用)

textarea:

1. <textarea>标签是成对出现的，以<textarea>开始，以</textarea>结束。
2. cols ：多行输入域的列数。
3. rows ：多行输入域的行数。
4. 在<textarea></textarea>标签之间可以输入默认值。

 <select><option>选项</option><select>

1.  selected="selected" 默认选中
2.   multiple="multiple" 多选

<label for="控件id名称">