【html学习之常见标签及属性的用法】

一.html标签
1.标题标签h1-h6(<h1></h1>)
2.段落标签<p></p>
3.水平线 <hr/>是单标签
4.换行 <br/>
5.盒子 <div></div> 多个标准流div不能在一行显示
6.<span></span> 多个span在一行显示
7.文字以粗体显示 <b></b> <strong></strong>
8.文字以斜体显示 <i></i> <em></em>
9.文字以加删除线显示 <s></s> <del></del>
10.文字以加下划线方式显示 <u></u> <ins></ins>

二.标签属性
语法:<标签名 属性1="属性值1" 属性2="属性值2"...>内容</标签名>
eg <hr width="400"/>

图像标签img
<img src="图像URL"/>

链接标签
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
target:用于指定链接页面的打开方式，有self(默认值)，blank(打开新页面)

无序列表
<ul>
  <li>a</li>
  <li>a</li>
  <li>a</li>
</ul>
有序列表
<ol>
  <li>1</li>
  <li>2</li>
  <li>3</li>
</ol>

自定义列表
<dl>
 <dt></dt>
 <dd></dd>
 <dd></dd>
 
 <dt></dt>
 <dd></dd>
 <dd></dd>
 
 <dt></dt>
 <dd></dd>
 <dd></dd>
</dl>

表格
<table>
    <tr>
    <td></td>
    </tr>
</table>
解释：tr代表行 td代表单元格
表格属性 border:边框(默认border="0"无边框)
         cellspacing 设置单元格与单元格边框之间的空白间距(默认2px)
         cellpadding 设置单元格内容与单元格边框之间的空白间距(默认1px)
         width 宽度
     height 高度
     align 设置表格在网页中的水平对齐方式(left,center,right)

 <caption>表格标题</caption>
 合并单元格 
 跨行合并 rowspan
 跨列合并 colspan

表单
input
<input type="text"/> 文本框
<input type="password"/> 密码框
<input type="radio"/> 单选框
<input type="checkbox"/> 多选框
<input type="button"/> 普通按钮
<input type="submit"/> 条件按钮
<input type="reset"/> 重置按钮
<input type="image"/> 图像形式提交按钮
<input type="file"/> 文件域

<lable></lable>
用于绑定一个表单元素, 当点击label标签的时候, 被绑定的表单元素就会获得输入焦点

文本域 多行文本输入框 <textarea></textarea>

下拉菜单
<select>
    <option>选项一</option>
    <option selected="selected">选项二</option>
    <option>选项三</option>
</select>
注意：在option 中定义selected =" selected "时，当前项即为默认选中项

多选框
<input type="checkbox" value="aa"/>
<input type="checkbox" value="bb" checked="checked"/>
<input type="checkbox" value="cc"/>
注意:在多选框中定义checked="checked"时，当前项即为默认选中项

form表单
<form action="url地址" method="提交方式" name="表单名称"></form>