首頁  >  文章  >  web前端  >  HTML的編輯基礎(新手必看篇)

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

php中世界最好的语言
php中世界最好的语言原創
2018-01-20 10:14:022188瀏覽

这次给大家带来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中文網其他相關文章!

  • 陳述:
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn