html常用标签

 

html框架

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>

</body>
</html>
View Code

换行　　<br\>

分段     <p></p>

空格　　&nbsp;

图片     <img src=" " width=" " height=" " />

文本超链接  <a href=" " target="_blank">本文</a>  #target="_blank"在新页面打开超链接页面

图片超链接  <a href=" URL" target="_blank"><img src=" " width=" " height=" "  alt="no find"/>aa</a>  

#URL要规范，即要有http://；alt图片找不到时显示；height等属性为空则属性为标签默认属性

 

居中：align="center"

body背景色：bgcolor

文字背景色：background-color

文字属性

<hr/> 回车下划线。
<b> 定义粗体文本。
<em> 定义着重文字。
<i> 定义斜体字。
<sub> 定义下标字。
<sup> 定义上标字。
<del> 定义删除字。
View Code

注释    <!--comment-->

列表：<ul><li></li></ul>  <ol><li></li></ol>

表格

 

<table></table>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<h2>This is a table</h2>

<table border="5">
<tr>
<td>row 1, cell 1</td><td>row 1, cell 2</td>
</tr>
<tr>
<td></td><td>row 2, cell 2</td>
</tr>
</table>

</body>
</body>
</html>
View Code

容器

<div></div>

 要根据屏幕大小灵活调整：%

 span:文本容器

表单（name变量名；value值）

 

<form action="提交到" method="post">
用户：
<input type="text" name="user">
<br />
密码：
<input type="password" name="password">
    <input type="submit" value="登陆">
</form>
View Code

单选框（name值一样）

<form>
<input type="radio" name="sex" value="male" /> Male
<br />
<input type="radio" name="sex" value="female" /> Female
</form>
View Code

复选框

<input type="checkbox" name="sex" value="man" /> Male
<br />
<input type="checkbox" name="sex" value="woman" /> Female
View Code

下拉列表(单选)

<form>
<select name="cars">
<option value="volvo">宝马</option>
<option value="saab">奔驰</option>
<option value="fiat" selected>奥迪A6</option>
<option value="audi">特斯拉</option>
</select>
</form>
View Code

下拉列表(可多选)

<form>
<select name="cars" multiple="multiple">
<option value="volvo">宝马</option>
<option value="saab">奔驰</option>
<option value="fiat" selected>奥迪A6</option>
<option value="audi">特斯拉</option>
</select>
</form
View Code
<select name="cars">
        <optgroup label="德系车">
            <option value="volvo">宝马</option>
            <option value="saab">奔驰</option>
        </optgroup>
        <optgroup label="美系车">
            <option value="fiat" selected>奥迪A6</option>
            <option value="audi">特斯拉</option>
        </optgroup>
  </select>
View Code

 文本域

<textarea rows=" " cols=" ">文字</textarea>
View Code

 fieldset

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<form action="提交到" method="post">
     <fieldset>
    <legend>个人信息表</legend>
用户：
<input type="text" name="user">
<br />
密码：
<input type="password" name="password">
    <input type="submit" value="Submit"><br />
<input type="checkbox" name="sex" value="man" /> Male
<input type="checkbox" name="sex" value="woman" /> Female

    <select name="cars">
        <optgroup label="德系车">
            <option value="volvo">宝马</option>
            <option value="saab">奔驰</option>
        </optgroup>
        <optgroup label="美系车">
            <option value="fiat" selected>奥迪A6</option>
            <option value="audi">特斯拉</option>
        </optgroup>
    </select></br>
    <textarea rows="10" cols="30">fdfs</textarea>
         </fieldset>

</form>

</body>
</body>
</html>
View Code

内联框架

<iframe src="http://www.baidu.com" width="600" height="600"></iframe>
View Code

 

 

 

 

 

 

 

posted @ 2016-01-28 15:52  沐风先生  阅读(124)  评论(0)  编辑  收藏  举报