学习 HTML 常用的标签

1.标题标签

为了使网页更具有语义化，我们经常会在页面中用到标题标签，HTML提供了6个等级的标题，即
<h1>、<h2>、<h3>、<h4>、<h5>和<h6>
从<h1>到<h6>重要性递减。其基本语法格式如下：

<h1>标题一</h1>

注意： h1 标签因为重要，尽量少用，不要动不动就向你扔了一个h1。 一般h1 都是给logo使用。

2.段落标签

在网页中要把文字有条理地显示出来，离不开段落标签，就如同我们平常写文章一样，整个网页也可以分为若干个段落，而段落的标签就是

<p>段落标签</p>

3.空格

 
	是不断行的空白格,所占位置没有一个确定的值,这与当前字体字号都有关系
 
	是半方大的空白，en是字体排印学的计量单位，为em宽度的一半。
	根据定义，它等同于字体大小的一半（如16px字体中就是8px）。
 
	是全方大的空白，em是字体排印学的计量单位，相当于当前指定的点数。
	（1 em在16px的字体中就是16px）

4.强制换行标签

<br />

5.强制不换行标签

<nobr></nobr>

6.水平线

<hr />
水平线设置样式<hr style="border:1px sollid #ccc"/>

7.加粗标签

<b>加粗内容</b>
<strong>加粗内容</strong>

8.倾斜标签

<em>倾斜内容</em>
<i>倾斜内容</i>

9.列表

9.1 无序列表 ul

<ul>
      <li>列表项1</li>
      <li>列表项2</li>
      <li>列表项3</li>
      ......
</ul>	

9.2 有序列表 ol

<ol>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
    ......
</ol>

9.3 自定义列表 dl

<dl>
    <dt>名词1</dt>
    <dd>名词1解释1</dd>
    <dd>名词1解释2</dd>
    ...
    <dt>名词2</dt>
    <dd>名词2解释1</dd>
    <dd>名词2解释2</dd>
    ...
</dl>

10.图片标签

11.链接标签

基本语法

<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

href：用于指定链接目标的url地址，当为标签应用href属性时，它就具有了超链接的功能。
target：用于指定链接页面的打开方式，其取值有_self和_blank两种，其中_self为默认值，_blank为在新窗口中打开方式。

12.表格

<table>
    <tr>
        <td></td>
        <td></td>
    </tr>
</table>

在上面的语法中包含三对HTML标签，分别为 <table></table>、<tr></tr>、<td></td>，他们是创建表格的基本标签，缺一不可，下面对他们进行具体地解释。
1.<table></table>：用于定义一个表格。

2.<tr></tr>：用于定义表格中的一行，必须嵌套在 <table></table>标签中，在 <table></table>中包含几对 <tr></tr>，就有几行表格。

3.<td></td>：用于定义表格中的单元格，必须嵌套在 <tr></tr>标签中，一对<tr></tr>中包含几对<td></td>，就表示该行中有多少列（或多少个单元格）。

注意：

1. <tr></tr>中只能嵌套<td></td>
2. <td></td>标签，他就像一个容器，可以容纳所有的元素
   
   合并单元格属性：
   colspan="所要合并单元格的列数"合并列；
   rowspan=“所要合并单元格的行数”合并行。

13.表单

表单的作用：用来收集用户的信息的;
表单域：

<form name="表单名称" method="post/get" action=""></form>

文本框：

<input type="text" value="默认值"/>

密码框：

<input type="password" />

提交按钮：

<input type="submit" value="按钮内容" />

重置按钮：

<input type="reset" value="按钮内容" />

单选框/单选按钮：

<input type="radio" name="ral"/>
<input type="radio" name="ral" />

单选按钮里的name属性必须写，同一组单选按钮的name属性值必须一样。
复选框：

<input type="checkbox" name="like" />
<input type="checkbox" name="like" disabled="disabled" />

(disabled=“disabled”:禁用)(checked=“checked”:默认选中)
下拉菜单：

<select name="">
	<option>菜单内容</option>
</select>

多行文本框（文本域）：

<textarea name="textareal" cols="字符宽度" rows="行数"></textarea>

按钮：

<input name"" type="button" value="按钮内容" />

它和submit的区别是：submit是提交按钮，起到提交信息的作用；button只起到跳转的作用，不进行提交。

div 的用法

<div id="id名" class="class名"></div>

文档区域，文档布局对象

span 的用法

<span></span>

文本结点（某小段文本，或者是某一个字）