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