HTML屬性標(biāo)簽3
表示顏色的有三種方式;
1,16進(jìn)制顏色代碼
語法:#RRGGBB
例:<font color="#ff0000">紅色</font>
2,10進(jìn)制RGB碼
語法:RGB(RRR,GGG,BBB)
例:<font color="rgb(255,000,000)">紅色</font>
3,直接用顏色的英文名稱
例:<font color="red">紅色</font>
<body>.....</body>屬性可分為三種:
1,背景屬性
包括:bgcolor,background
2,文字屬性:
包括:text,link,alink,vlink,
3,留白屬性:
其中分為:leftmargin,topmargin
.bgcolor背景色
語法格式:<body bgcolor="#ff0000">
.background背景圖案。
語法格式:<body background="url">
.text文本顏色(非連接文字顏色)
.link連接文字顏色(可連接文字顏色)
.alink活動(dòng)連接文字顏色(正被點(diǎn)擊的可連接文字的顏色)
.vlink已訪問連接文字顏色)(已經(jīng)點(diǎn)擊訪問過的可連接文字的顏色)
語法格式:<body text="color" link="color" alink="color" vlink="color">
.leftmargin 頁面左側(cè)的留白距離
.topmargin 頁面頂部的留白距離
語法格式:<body leftmargin="value" topmargin="value">
注:value為長(zhǎng)度值為數(shù)字
align 屬性
語法:<h2 align="?">文字</h2>
其屬性有三種:left靠左,center居中,right靠右
〈p〉</p>為段落標(biāo)記,可利用以上屬性對(duì)整個(gè)段落進(jìn)行設(shè)置
〈br>為換行標(biāo)記
<nobr></nobr>為不換行標(biāo)記 放在文字兩邊即可
例:<body>
<h3>江南逢李龜年</h3>
<p>歧王宅里尋常見<br>
催九堂前幾度聞<br>
正是江南好風(fēng)景<br>
落花時(shí)節(jié)又逢君</p>
</body>
預(yù)格式化:
<pre>......</pre> 瀏覽是效果和編寫是效果格式一樣
列表
1無序列表又稱符號(hào)列表
語法格式:
<ul type="">type的屬性可選直disc實(shí)心圓點(diǎn),clrcle空心圓點(diǎn),square實(shí)心方框
<li>文字</li>
<li>文字</li>
</ul>
2有序列表
語法格式:
<ol type="?" start"?">
<li>文字</li>
<li>文字</li>
</ol>
type的值是編號(hào)字符可選的有1...,a...,A...,i... ,I...
start為起始值例:如果start為3是那么將從3開始,而且必須是數(shù)字。
3定義列表
<dl>定義列表標(biāo)記
<dt>標(biāo)示定義條目
<dd>標(biāo)示定義內(nèi)容
語法格式:
<dl>
<dt>文字</dt>
<dd>文字內(nèi)容</dd>
</dl>
連接和圖像
語法格式:
<a href="url" name="?" target="?" title="?">....</a>
屬性:href 連接目標(biāo) 值可以是url地址也可以是連接錨點(diǎn)
<a href="url">...</a>或者
<a href="錨點(diǎn)">...</a>
name 連接名稱
語法格式:<a name="錨點(diǎn)名稱">...</a>
例:<a name="abcdcf">...</a>
連接到該錨點(diǎn)的連接則應(yīng)是:
<a name="#abcdef">....</a>
target目標(biāo)窗口語法格式:
<a href="url"target="_blank|_self|_farent|_top|windowname">....</a>
-blank打開新窗口
_self當(dāng)前窗口打開
一下兩個(gè)僅在框架葉面中應(yīng)用
_parent當(dāng)前窗口的父級(jí)窗口(上一級(jí))打開
_top在最高一級(jí)的窗口打開
windowname已命名的窗口或框架中打開連接
title連接提示
<a href="http://www.crazytribe.net" title="打開狂人部落的首頁">狂人部落</a>
圖像<img> 語法格式:
<img src="url" alt="?" width="?" height="?" border="?" align="?">
border屬性定義圖片邊框的寬度,默認(rèn)值為0
align屬性設(shè)置圖片旁邊文字的位置
語法格式:<img src="" align"">
可選值有:
top圖片和文字頂部對(duì)齊
middle圖片和文字居中對(duì)齊
bottom圖片和文字底邊對(duì)齊(默認(rèn))
left圖片居左對(duì)齊,文字沿圖片繞排
right圖片居右對(duì)齊,文字沿圖片繞排
absmiddle圖片對(duì)齊到目前文字行絕對(duì)中央
absbottom圖片對(duì)齊到目前文字行絕對(duì)底部
文字的排版
不換行空白標(biāo)記
font元素
語法格式:
<font face="字體名稱" size="字體大小" color="字體顏色">
字體大小可選值為1——7,默認(rèn)為3
例:〈font face="黑體" size="4" color="#ff00ff">....</font>
水平線<hr>
語法格式:<hr width="寬度" align="對(duì)齊方式默認(rèn)居中center" size="水平線厚度默認(rèn)為2" color="顏色" noshade>
noshade無陰影,既實(shí)線
層〈div><span>兩種元素
<div>是塊級(jí)元素,和段落元素<p>相似,不同的是兩個(gè)<div>元素之間不會(huì)產(chǎn)生兩個(gè)<p>元素之間的空行,
<span>是行內(nèi)元素,可以定義段落中部分文字的屬性
語法格式:
<div align="" style="">...</div>
align設(shè)置層中元素的水平對(duì)齊方式
stule設(shè)置元素應(yīng)用css規(guī)范的屬性
<div>兼容性比<span>要好一點(diǎn),最好使用<div>
點(diǎn)擊加載更多評(píng)論>>