位置:首頁 > 軟件操作教程 > 編程開發(fā) > HTML > 問題詳情

HTML屬性標簽3

提問人:劉團圓發(fā)布時間:2020-10-10

表示顏色的有三種方式;

1,16進制顏色代碼

語法:#RRGGBB

例:<font color="#ff0000">紅色</font>

2,10進制RGB

語法:RGBRRRGGG,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為起始值例:如果start3是那么將從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> 

繼續(xù)查找其他問題的答案?

相關視頻回答
回復(0)
返回頂部