1. 程式人生 > 實用技巧 >HTML基礎知識

HTML基礎知識

一個完美的web前端攻城獅,所具備的專業素養有:HTML5、XHTML、CSS3、JavaScript、JQuery、PS、PHP等。所以說,我要學的東西還有很多。。。

沒別得,我也是一個H5的初學者,只是為了做好筆記,如果能幫到他人,我很榮幸。

一、HTML

  是超文字標記語言(Hype Text Markup Language),它不是程式語言,只是一種標記語言。

二、常用工具

  Webstom、Notepad++、Eclipse、Text Subline、Dreamweaver、Intellij IDEA等

三、HTML的版本發展歷史

版本 年份 描述
HTML 1991 第一版的html
HTML+ 1993 作為網際網路工程工作小組(IETF)工作草案發布(並非標準)
HTML2.0 1995 作為RFC 1866釋出,在RFC 2854於2000年6月釋出之後被宣佈已經過時
HTML3.2 1997 作為W3C推薦標準
HTML4.01 1999 (比上一版做了微小改進)作為W3C推薦標準
XHTML1.0 2000 釋出於2000年,是W3C推薦標準,後來經過修訂於2002年重新發布
HTML5 2012 W3C推薦標準
XHTML5 2013 更新版,基於HTML5草案
                  

 註釋:w3c是全球資訊網聯盟,是Web技術領域最具權威和影響力的國際中立性技術標準機構

四、組成部分

 包括:宣告、頭部(head)、標題(title)、身體(body)

五、基礎知識:

(1)宣告

  <!DOCTYPE> 宣告必須是 HTML 文件的第一行,位於 標籤之前。

  <!DOCTYPE> 宣告不是 HTML 標籤;它是指示 web 瀏覽器關於頁面使用哪個 HTML 版本進行編寫的指令,這樣瀏覽器才能獲知文件型別。

  在 HTML 4.01 中,<!DOCTYPE> 宣告引用 DTD,因為 HTML 4.01 基於 SGML。DTD 規定了標記語言的規則,這樣瀏覽器才能正確地呈現內容。

  HTML5 不基於 SGML,所以不需要引用 DTD。

  現在主要記住:H5的宣告方式:

(2)常用標籤及其屬性

   1-標題標籤h1~h6(越來越小)

  標題標準屬性:id, class, title, style, dir, lang, xml:lang;事件屬性:onclick, ondblclick等

  2-連結標籤

  屬性有:download、href、name、target等

  有:src(規定顯示影象的 URL)、alt(規定影象的替代文字)

   3-格式化標籤

    定義粗體字型    大字號    著重文字  

    斜體字       小號字   加重語氣

   下標字      上標字    插入字

   刪除字

  4-表格標籤

表格標籤 標籤的描述

表格 表格的行 表格的頁首 表格的主題 表格的頁尾 表格的列屬性

  

  5-列表標籤

  

    有序列表(屬性有:type=A(A,B,C)、a(a,b,c)、I(I,II,III)、i(i,ii,iii)、start=10(從10開始))

      

      無序列表(屬性有:type=disc(實體圓)、circle(空心圓)、square(方塊)或者用css樣式)

        

    • 列表項的屬性

        

      列表

        

      列表項

        

      描述

        6-佈局標籤

        

表格的標題
表格的表頭
表格的單元
、 

  7-背景標籤

  

  8-新增主要標籤

  

  (繪畫標籤) 

(3)樣式表(三種方式)

  1-外部樣式表

  

  2-內部樣式表