DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> HTML 編輯基礎(菜鳥必看篇)
HTML 編輯基礎(菜鳥必看篇)
編輯:HTML和Xhtml     

打開DREAMWEAVER,新建HTML。。


body的屬性:

bgcolor                頁面背景色

background            背景壁紙、圖片

text                    文字顏色

topmargin              上邊距

leftmargin               左邊距

rightmargin            右邊距

bottommargin          下邊距

 

格式控制標簽:

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

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

<b></b>                字體加粗

<strong></strong>     字體加粗

<i></i>                   傾斜

<em></em>             傾斜

<u></u>                下劃線

<center></center>      居中

<br>或<br/>            相當於回車

                   表示空格,Ctrl+shift+space


內容容器標簽:

<h1></h1>            標題,會自動換行。HTML標題是                                           

    . . .                通過<h1>到<h6>等標簽來定義的。

<h6></h6>

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

<div></div>           層標簽(默認占用一行)

<span></span>       層標簽(默認用掉多大空間占用多大空間)

 

<ol type="1">        有序列表,序號為1,2,3....,引號中可以更改序號的形式

    <li>內容<li>

    <li>內容<li>

</ol>                 上面的ol改為ul則變為無序號列表

 
 

"../"            表示上級目錄

"./"             表示當前目錄

相對路徑:從當前頁面開始查找。

絕對路徑:從網站的根開始查找。"/",代表網站的根。
 

超鏈接標簽:

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

還可以在當前頁找到目錄點擊目錄上的超鏈接,自動跳轉到當頁的某一個地方。


圖片標簽:

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

高度跟寬度設置一個即可保持原有比例。

alt在圖片無法加載時,顯示文字,還可以幫助搜索引擎搜索。

title可以添加圖片描述,鼠標放在圖片上時可以顯示描述。


表格:

<table></table>表格

width:寬度。可以用像素或百分比表示。 常用960像素。

border:邊框,常用值為0。

cellpadding:內容跟邊框的距離,常用值為0。

cellspacing:單元格與單元格之間的間距,常用值為0。

algin:對齊方式。

bgcolor:背景色。

background:背景圖片。


<tr></tr>行

align:一行內容的水平對齊方式。

valign:一行內容的垂直對齊方式。

height:行高。

bgcolor:背景色。

background:背景圖片。
 

<td></td>單元格

<th></th>表頭,單元格的內容自動居中、加粗

align:單元格內容的對齊方式。

valign:單元格的內容的垂直對齊方式。

width:單元格寬度。

height:單元格高度。

bgcolor:背景色。

background:背景圖片。

內容必須放在單元格裡,單元格必須放在行裡,行必須放在表格裡。

設置單元格行高、列高時,會同時影響對應的行或列。

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

colspan=“n”合並同一行的單元格(後面寫代碼要減去相對應的列)

rowspan=“n”   合並同一列單元格(從第二行開始減去相對應的列)

以上這篇HTML 編輯基礎(菜鳥必看篇)就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved