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

常用HTML代碼解釋1

提問(wèn)人:劉團(tuán)圓發(fā)布時(shí)間:2020-10-10

一、文字

1.標(biāo)題文字 <h#>..........</h#> #=1~6;h1為最大字,h6為最小字

 

2.字體變化 <font>..........</font>

1】字體大小 <font size=#>..........</font> #=1~7;數(shù)字愈大字也愈大

2】指定字型 <font face="字體名稱">..........</font>

3】文字顏色 <font color=#rrggbb>..........</font>

              rr:表紅色(red)色碼

              gg:表綠色(green)色碼

              bb:表藍(lán)色(blue)色碼

              rrggbb也可用6位顏色代碼數(shù)字

 

3.顯示小字體 <small>..........</small>

 

4.顯示大字體 <big>..........</big>

 

5.粗體字 <b>..........</b>

 

6.斜體字 <i>..........</i>

 

7.打字機(jī)字體 <tt>..........</tt>

 

8.底線 <u>..........</u>

 

9.刪除線 <strike>..........</strike>

 

10.下標(biāo)字 <sub>..........</sub>

 

11.上標(biāo)字 <sup>..........</sup>

 

12.文字閃爍效果 <blink>..........</blink>

 

13.換行(也稱回車(chē)) <br>

 

14.分段 <p>

 

15.文字的對(duì)齊方向 <p align="#"> #號(hào)可為 left:表向左對(duì)齊(預(yù)設(shè)值) center:表向中對(duì)齊 right:表向右對(duì)齊 P.S.<p align="#">之后的文字都會(huì)以所設(shè)的對(duì)齊方式顯示,直到出現(xiàn)另一個(gè)<p align="#">改變其對(duì)齊方向,遇到<hr><h#>標(biāo)簽時(shí)會(huì)自動(dòng)設(shè)回預(yù)設(shè)的向左對(duì)齊。

 

16.分隔線 <hr>

1】分隔線的粗細(xì) <hr size=點(diǎn)數(shù)>

2】分隔線的寬度 <hr size=點(diǎn)數(shù)或百分比>

3】分隔線對(duì)齊方向 <hr align="#">

     #號(hào)可為 left:表向左對(duì)齊(預(yù)設(shè)值) center:表向中對(duì)齊 right:表向右對(duì)齊

4】分隔線的顏色 <hr color=#rrggbb>

5】實(shí)心分隔線 <hr noshade>

 

17.居中對(duì)齊 <center>..........</center>

 

18.依原始樣式顯示 <pre>..........</pre>

 

19.<body>指令的屬性

1】背景顏色 -- bgcolor <body bgcolor=#rrggbb>

2】背景圖案 -- background <body  background="圖形文件名">

3】設(shè)定背景圖案不會(huì)卷動(dòng) -- bgproperties <body bgproperties=fixed>

4】文件內(nèi)容文字的顏色 -- text <body text=#rrggbb>

5】超連結(jié)文字顏色 -- link <body link=#rrggbb>

6】正被選取的超連結(jié)文字顏色 -- vlink <body vlink=#rrggbb>

7】已連結(jié)過(guò)的超連結(jié)文字顏色 -- alink <body alink=#rrggbb>

 

20.文字移動(dòng)指令<MARQUEE>..........</MARQUEE>

     移動(dòng)速度指令是:scrollAmount=#    #最小為1,速度為最慢;數(shù)字越大移動(dòng)的越快。

     移動(dòng)方向指令是:direction=#          up向上、down向下、left向左、right向右。     

     指令舉例:<MARQUEE scrollAmount=3 direction=up>..........</MARQUEE>

 

二、圖片

1.插入圖片 <img src="圖形文件名">

 

2.設(shè)定圖框 -- border <img src="圖形文件名" border=點(diǎn)數(shù)>

 

3.設(shè)定圖形大小 -- width、height <img src="圖形文件名" width=寬度點(diǎn)數(shù) height=高度點(diǎn)數(shù)>

 

4.設(shè)定圖形上下左右留空 -- vspace、hspace <img src="圖形文件名" vspace=上下留空點(diǎn)數(shù) hspace=左右留空點(diǎn)數(shù)>

 

5.圖形附注 <img src="圖形文件名" alt="說(shuō)明文字">

 

6.預(yù)載圖片

<img src="高解析度圖形文件名" lowsrc="低解析度圖形文件名"> P.S.兩個(gè)圖的圖形大小最好一致;

 

7.影像地圖(Image Map<img src="圖形文件名" usemap="#圖的名稱"> <map name="圖的名稱">

<area shape=形狀 coords=區(qū)域座標(biāo)列表 href="連結(jié)點(diǎn)之URL">

<area shape=形狀 coords=區(qū)域座標(biāo)列表 href="連結(jié)點(diǎn)之URL">

<area shape=形狀 coords=區(qū)域座標(biāo)列表 href="連結(jié)點(diǎn)之URL">

<area shape=形狀 coords=區(qū)域座標(biāo)列表 href="連結(jié)點(diǎn)之URL"> </map>

1】定義形狀 -- shape

shape=rect:矩形 shape=circle:圓形 shape=poly:多邊形

2】定義區(qū)域 -- coords

a.矩形:必須使用四個(gè)數(shù)字,前兩個(gè)數(shù)字為左上角座標(biāo),后兩個(gè)數(shù)字為右下角座標(biāo)

例:<area shape=rect coords=100,50,200,75 href="URL">

b.圓形:必須使用三個(gè)數(shù)字,前兩個(gè)數(shù)字為圓心的座標(biāo),最后一個(gè)數(shù)字為半徑長(zhǎng)度

例:<area shape=circle coords=85,155,30 href="URL">

c.任意圖形(多邊形):將圖形之每一轉(zhuǎn)折點(diǎn)座標(biāo)依序填入

例:<area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL"

 

三、表格相關(guān)

1.表格標(biāo)題

<caption>..........</caption>

 

表格標(biāo)題位置 -- align

<caption align="#"> #號(hào)可為 top:表標(biāo)題置于表格上方(預(yù)設(shè)值)

bottom:表標(biāo)題置于表格下方

 

2.定義列 <tr>

 

3.定義欄位 《1<td>:靠左對(duì)齊

           2<th>:靠中對(duì)齊粗體

1】水平位置 -- align <th align="#">

                  #號(hào)可為 left:向左對(duì)齊  center:向中對(duì)齊 right:向右對(duì)齊

2】垂直位置 -- align <th align="#"> #號(hào)可為

                top:向上對(duì)齊 middle:向中對(duì)齊    bottom:向下對(duì)齊

3】欄位寬度 -- width     <th width=點(diǎn)數(shù)或百分比>

4】欄位垂直合并 -- rowspan    <th rowspan=欲合并欄位數(shù)>

5】欄位橫向合并 -- colspan      <th colspan=欲合并欄位數(shù)>

 

四、表格的主要屬性

1. <table>標(biāo)記的主要屬性

    align定義表格的對(duì)齊方式,有三個(gè)屬性值center,left,right

    background定義表格的背景圖案,屬性值為圖片的地址

    bgcolor定義表格的背景顏色,屬性值是各種顏色代碼

    border定義表格的邊框?qū)挾?,屬性值是?shù)字

    bordercolor定義表格邊框的顏色,屬性值是各種顏色代碼

    cellpadding定義單元格內(nèi)容與單元格邊框之間的距離,屬性值是數(shù)字

    cellspacing定義表格中單元格之間的距離

    height定義表格的高度,屬性值是數(shù)字

    width定義表格的寬度,屬性值是數(shù)字

 

2. <tr>標(biāo)記,表格是由多行與多列組成的,<tr>標(biāo)記用來(lái)定義表格的一行,他的屬性極其屬性值定義的是表格中的該行,其主要屬性與屬性值如下:

    align定義對(duì)齊方式,屬性值與上同

    background定義背景圖案 bgcolor定義背景色

 

3. <td>標(biāo)記。用<td>標(biāo)記概況起來(lái)的內(nèi)容表示表格的單元。其主要屬性與屬性值和<table>標(biāo)記的一樣,補(bǔ)充兩個(gè)合并列和行的代碼:

    colspan定義合并表格的列數(shù),屬性值是數(shù)字

    rowspan定義合并表格的行數(shù),屬性值是數(shù)字 

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

相關(guān)視頻回答
回復(fù)(0)
返回頂部