黑马程序员__html常用标签

来源：互联网发布：威尔克姆绣花软件问题编辑：程序博客网时间：2024/05/24 01:50

---------------------- Windows Phone 7手机开发、.Net培训、期待与您交流！ ----------------------

标签
注释标签用来在源文档中插入注释。注释会被浏览器忽略。您可使用注释代码进行解释，这样做有助于在以后的时间对代码的编辑。

<!DOCTYPE> 标签
<!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。

基本结构
<html>
<head><title></title></head>
<body>
</body>
</html>

<body>标签的主要属性
link 设定页面默认的连接颜色
alink 设定鼠标正在单击时的连接颜色
vlink 设定访问后连接文字的颜色
background 设定页面背景图像
bgcolor 设定页面背景颜色
leftmargin 设定页面的左边距
topmargin 设定页面的上边距
bgproperties 设定页面背景图像为固定，不随页面的滚动而滚动
text 设定页面文字的颜色格

<h1> 到 <h6> 标签
<h1> - <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。使用标签层级来构建文档的结构

<a> 标签
通过使用 href 属性，创建指向另外一个文档的链接（或超链接）<a href="http://www.baidu.com">BaiDu</a>
通过使用 name 或 id 属性，创建一个文档内部的书签（也就是说，可以创建指向文档片段的链接）<a

name="next">here</a> <a href="#next">next</a>
在新窗口中打开<a href="http://www.baidu.com" target="_blank">BaiDu</a>

换行标签<br>

换段落标签<p>及属性,,align是<p>标签的属性,属性有三个参数left,center,right.这三个参数设置段落文字的左,中,右位置的对齐方式.

原样显示文字标签<pre>,要保留原始文字排版的格式,就可以通过<pre>标签来实现

居中对齐标签<center>

引文标签 (缩排标签）<blockquote>
<blockquote>标签可以用来建立一个引文，他特别适合较长文本的引用，引文显示时将会自动右移，左边空出几个格，加以区别。

水平分隔线标签<hr>
<hr>标签是单独使用的标签，是水平线标签，用于段落与段落之间的分隔，使文档结构清晰明了
size设置水平分隔线的粗细
width设置水平分隔线的宽度
align (left center right)设置水平分隔线的对齐方式
color设置水平分隔线的颜色
noshade取消水平分隔线的3d阴影

署名标签<address>
<address>署名标签一般用于说明这个网页是由谁或是由哪个公司编写的，以及其它相关信息

特殊字符
< <
> >
& &
" "
空格  

文字格式控制标签<FONT>
<FONT>标签用于控制文字的字体，大小和颜色。控制方式是利用属性设置得以实现的。
face 设置文字使用的字体
size 设置文字的大小
color 设置文字的颜色

特定文字样式标签
粗体标签<b>
放在<b>与</b>标签之间的文字将以粗体方式显示。
斜体标签<i>
放在<i>与</i>标签之间的文字将以斜体方式显示。
下划线标签<u>
放在<u>与</u>标签之间的文字将以下划线方式显示。

无序列表<UL>
无序列表使用的一对标签是<ul></ul>，无序列表指没有进行编号的列表, 每一个列表项前使用<LI>.
<LI>的属性type有三个选项:disc实心园 circle空心园 square小方块

有序列表<OL>
有序列表和无序列表的使用格式基本相同，它使用标签<ol></ol>，每一个列表项前使用<li>.<li>的属性type有

三个选项:
type=1 表示列表项目用数字标号（1,2,3...）
type=A 表示列表项目用大写字母标号（A,B,C...）
type=I 表示列表项目用大写罗马数字标号（Ⅰ,Ⅱ,Ⅲ...）

网页中插入图片标签<img>
网页中插入图片用单标签<img>，当浏览器读取到<img>标签时，就会显示此标签所设定的图像.属性：
src图像的url的路径,dynsrc avi文件的url的路径,lowsrc 设定低分辨率图片,若所加入的是一张很大的图片，可先显示图片。其他属性：alt,width,height,loop,loopdelay,start,align,boder,hspace,vspace

<form> 标签用于为用户输入创建 HTML 表单。
表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。
<input>
文本域<input type="text" />
密码域<input type="password"/>
复选框<input type="checkbox" checked="checked"/>checked默认选中
单选按钮<input type="radio" checked="checked" name="sex"/>
<input type="radio" checked="checked" name="sex"/>
checked默认选中,用name分组，两个按钮互斥
下拉列表
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi" selected="selected">Audi</option> selected默认选中
</select>
提交按钮： <input type="submit" value="Submit" />
重置按钮：<input type="reset" value="reset" />
重置按钮：
文本域<textarea rows="10" cols="30">
按钮<input type="button" value="Hello world!">
fieldset将内容包含到一个框中
<fieldset>
<legend>健康信息：</legend>
<label>身高：<input type="text" /></label>
<label>体重：<input type="text" /></label>
</fieldset>

<table>表
<table border="1" bgcolor="red"> 设置边框宽度 ,背景颜色
<tr> 创建行
<th>姓名</th> 包含头部信息，由th元素创建
<th colspan="2">电话</th> 跨列
</tr>
<tr>
<td>Bill Gates</td> 包含数据，由 td 元素创建
<td>555 77 854</td>
<td>555 77 855</td>
</tr>
</table>

<table border="1" background="/1.jpg"> 设置边框宽度 ,背景颜色
<tr> 创建行
<th>姓名</th> 包含头部信息，由th元素创建
<td>Bill Gates</td>
</tr>
<tr>
<th rowspan="2">电话</th> 跨行
<td>555 77 854</td> 包含数据，由 td 元素创建
</tr>
<tr>
<td>555 77 855</td>
</tr>
</table>

---------------------- Windows Phone 7手机开发、.Net培训、期待与您交流！ ----------------------