您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計(jì)教程 >> 移動(dòng)前端 >> 瀏覽設(shè)計(jì)教程

HTML 編輯基礎(chǔ)菜鳥必看篇

打開DREAMWEAVER,新建HTML。。


body的屬性:

bgcolor                頁面背景色

background            背景壁紙、圖片

text                    筆墨顏色

topmargin              上邊距

leftmargin               左邊距

rightmargin            右邊距

bottommargin          下邊距

 

格式控制標(biāo)簽:

<font color="" face="" size=""></font>

分別控制字體的顏色、字體和大小。

<b></b>                字體加粗

<strong></strong>     字體加粗

<i></i>                   傾斜

<em></em>             傾斜

<u></u>                下劃線

<center></center>      居中

<br>或<br/>            相稱于回車

                   透露表現(xiàn)空格,Ctrl+shift+space


內(nèi)容容器標(biāo)簽:

<h1></h1>            題目,會(huì)主動(dòng)換行。HTML題目是                                           

    . . .                通過<h1>到<h6>等標(biāo)簽來定義的。

<h6></h6>

<p></p>              段落標(biāo)簽(段落之間空行)

<div></div>           層標(biāo)簽(默認(rèn)占用一行)

<span></span>       層標(biāo)簽(默認(rèn)用掉多大空間占用多大空間)

 

<ol type="1">        有序列表,序號(hào)為1,2,3....,引號(hào)中可以更改序號(hào)的情勢(shì)

    <li>內(nèi)容<li>

    <li>內(nèi)容<li>

</ol>                 上面的ol改為ul則變?yōu)闊o序號(hào)列表

 
 

"../"            透露表現(xiàn)上級(jí)目錄

"./"             透露表現(xiàn)當(dāng)前目錄

相對(duì)路徑:從當(dāng)前頁面開始查找。

絕對(duì)路徑:從網(wǎng)站的根開始查找。"/",代表網(wǎng)站的根。
 

超鏈接標(biāo)簽:

<a href="超鏈接地址" target="_blank">超鏈接筆墨</a>        --在新窗口打開

還可以在當(dāng)前頁找到目錄點(diǎn)擊目錄上的超鏈接,主動(dòng)跳轉(zhuǎn)到當(dāng)頁的某一個(gè)地方。


圖片標(biāo)簽:

<img src="圖片地址" alt="筆墨" width=“” height=“” title=“描述筆墨” />

高度跟寬度設(shè)置一個(gè)即可保持原有比例。

alt在圖片無法加載時(shí),表現(xiàn)筆墨,還可以幫助搜索引擎搜索。

title可以添加圖片描述,鼠標(biāo)放在圖片上時(shí)可以表現(xiàn)描述。


表格:

<table></table>表格

width:寬度??梢杂孟袼鼗虬俜直韧嘎侗憩F(xiàn)。 常用960像素。

border:邊框,常用值為0。

cellpadding:內(nèi)容跟邊框的距離,常用值為0。

cellspacing:?jiǎn)卧衽c單元格之間的間距,常用值為0。

algin:對(duì)齊體例。

bgcolor:背景色。

background:背景圖片。


<tr></tr>行

align:一行內(nèi)容的水平對(duì)齊體例。

valign:一行內(nèi)容的垂直對(duì)齊體例。

height:行高。

bgcolor:背景色。

background:背景圖片。
 

<td></td>單元格

<th></th>表頭,單元格的內(nèi)容主動(dòng)居中、加粗

align:單元格內(nèi)容的對(duì)齊體例。

valign:單元格的內(nèi)容的垂直對(duì)齊體例。

width:?jiǎn)卧駥挾取?/p>

height:?jiǎn)卧窀叨取?/p>

bgcolor:背景色。

background:背景圖片。

內(nèi)容必須放在單元格里,單元格必須放在行里,行必須放在表格里。

設(shè)置單元格行高、列高時(shí),會(huì)同時(shí)影響對(duì)應(yīng)的行或列。

單元格合并:(建議盡量用表格嵌套)

colspan=“n”合并統(tǒng)一行的單元格(后面寫代碼要減去相對(duì)應(yīng)的列)

rowspan=“n”   合并統(tǒng)一列單元格(從第二行開始減去相對(duì)應(yīng)的列)

以上這篇HTML 編輯基礎(chǔ)(菜鳥必看篇)就是小編分享給大家的悉數(shù)內(nèi)容了,盼望能給大家一個(gè)參考,也盼望大家多多支持圖趣網(wǎng)。

[教程作者:佚名]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/wd3350.html
淺談html有序列表、無序列表與定義列表
CSS3 畫基本圖形,圓形、橢圓形、三角形等
圖趣網(wǎng)微信
建議反饋
×