首頁  >  文章  >  web前端  >  html入門教學 html標記符號快速掌握_HTML/Xhtml_網頁製作

html入門教學 html標記符號快速掌握_HTML/Xhtml_網頁製作

WBOY
WBOY原創
2016-05-16 16:39:471660瀏覽
編外話
如果你對html一無所知,還苦惱與html如何入門,筆者很建議你學習下這篇文章,可以讓你快速掌握html,如果你已經是html的高手,那麼也希望您給我更好的建議。

概要
HTML俗稱超文本標記語言,是Hyper TextMarkup Language的縮寫,是用來描述網頁文件的一種標記語言。網頁檔案本身只是一種文字文件,我們透過在文字檔案中加入標記符號,可以告訴瀏覽器如何顯示其中的內容(如:文字如何處理,畫面如何安排,圖片如何顯示等),這些標記符號就是我們的html,我們學習html就是學習這些標記符號,今天我們主要來學習一些常見的html標記符號也稱為html元素、

標籤元素
標籤介紹
html元素包括一個或一對標籤定義的包含範圍。而標籤就是由兩個字串「」號組成,標籤包括開始標籤「」和結束標籤「>」。
html標籤元素有四種形式分別是:
空元素:

有屬性的空元素:
有內容的元素:這是內容
帶有內容和屬性的元素:這是內容
這裡有一點要說的是在html文檔中,標籤和屬性的名字是和大小無關的。

html框架的必備基本元素
表示文件的開始和文件結束
表示文件頭部的開始和結束
表示文檔標題的開始和結束
表示文檔的正文的開始和結束
html註釋
格式是小於號()。
如:

與段落控制相關的標籤

建立一個段落,屬性align表示段落的對齊方式,#可以是left、center、right、justify。


作用是換行

作用是插入一條水平線,屬性color用來表示顏色。

與文字顯示相關的標籤

使文字居中顯示

作用是文件的標題,n是從1-6的整數,一次為最大標題,6是最小標題,align為設定標題對齊方式,包括left、center、right
...
設定字體,size為字體大小,從1到7的整數,數字越大,字體越大。
...
使文字變成粗體。

使文字變成斜體

列表元素建立的標籤
a.建立帶有數字編號的清單:
a.建立帶有數字編號的清單:
  • ...
  • 用start屬性,設定起始的序號。

    ...
      用value屬性,改變列表內的序號順序。
    • b. 建立帶有項目符合的清單:


      ,他們標籤的type屬性指定符號的樣式:
      disc,顯示為實心的圓圈;
      square,顯示未實心的方塊。
      circle,顯示未空心的圓圈
      b.建立無符號的列表
      標籤創建無符號的列表

      ,創建縮進的清單
      表格元素的標籤
      表格在網頁佈局中的作用是至關重要的,表格是用
      來定義的,
      具體的定義為:
      屬性border用來定義表格邊框的寬度,屬性align用來設定表格的對齊方式,可以是left、right、center。 bgcolor是顏色。
      …用來定義表格的標題
      為表格新增一行
      用來定義表頭

      用於定義單元格

      html互動式表單表單在網頁中主要負責資料收集功能,例如我們平常註冊資訊、輸入信息可以與網頁互動的都是表單。
      表單使用
      ...元素創建,在兩者之間嵌入其它相關元素或者說是控件,就可以創建作為html文檔一部分的表單。 建立表單的基本語法如下:

      ….
      屬性method用於指定傳送表單資料時所使用的HTTP方法,用get或post皆可,提交的資料被附加到URL的末端,作為URL的一部分傳送到伺服器。
      以下就是關於表單常用的一些元素:  
      列錶框元素
      允許使用者從下拉式選單中選擇一項或多項,列錶框由
      ...
    陳述:
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn