HTML的編輯基礎(新手必看篇)

这次给大家带来HTML的编辑基础(新手必看篇)，下面就是实战案例，一起来看一下。

打开DREAMWEAVER，新建HTML。。

body的属性：

bgcolor                页面背景色

background            背景壁纸、图片

text                    文字颜色

topmargin              上边距

leftmargin               左边距

rightmargin            右边距

bottommargin          下边距

 

格式控制标签：

分别控制字体的颜色、字体和大小。

                字体加粗

     字体加粗

                   倾斜

             倾斜

                下划线

      居中

或
            相当于回车

                   表示空格，Ctrl+shift+space

内容容器标签：

            标题，会自动换行。HTML标题是                                           

    . . .                通过

到

等标签来定义的。

              段落标签（段落之间空行）

           層標籤（預設佔用一行）

       層標籤（預設用掉多空間佔用多大空間）

#1 type="1">        有序列表，序號為1,2,3....，並在引號中可以改變序號的形式

   

內容

##> #   

內容

                 上的改「為」為無序號清單」為「

> ./"            表示上級目錄

"./"            已與目前目錄

##相對路徑：從目前頁面開始尋找。

絕對路徑：從網站的根開始尋找。 "/"，代表網站的根。
 

超連結

標籤：

超連結文字 --在新視窗開啟

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

圖片標籤：

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

alt在圖片無法載入時，顯示文字，也可以幫助搜尋引擎搜尋。
title可以新增圖片

描述，滑鼠放在圖片上時可以顯示描述。

表格：

表格

width:寬。可以用像素或百分比表示。 常用960像素。 border：邊框，常用值為0。

cell
padding

：內容跟邊框的距離，常用值為0。

cellspacing：儲存格與儲存格之間的間距，常用值為0。

algin：對齊方式。

bgcolor：背景色。

background：背景圖片。

行

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

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

height：行高。

bgcolor：背景色。

background：背景圖片。

 

單元格

表頭，單元格的內容自動居中、加粗

align:儲存格內容的對齊方式。

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

width：單元格寬度。

height：單元格高度。

bgcolor：背景色。

background：背景圖片。

內容必須放在單元格里，而儲存格必須放在行裡，而行必須放在表格裡。

設定儲存格行高、列高時，會同時影響對應的行或列。

單元格合併：（建議盡量用表格嵌套）

colspan=“n”合併同一行的單元格（後面寫程式碼要減去相對應的列）

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

我相信看了這些案例你已經掌握了方法，更多精彩請關注php中文網

其它

相關文章！

相關閱讀：

怎麼用h5的sse伺服器傳送EventSource事件

h5如何實作記住密碼功能

HTML的table滑鼠拖曳排序該如何實作

#

以上是HTML的編輯基礎(新手必看篇)的詳細內容。更多資訊請關注PHP中文網其他相關文章！