HTML基礎知識

一個完美的web前端攻城獅,所具有的專業素養有:HTML五、XHTML、CSS三、JavaScript、JQuery、PS、PHP等。因此說,我要學的東西還有不少。。。css

沒別得,我也是一個H5的初學者,只是爲了作好筆記,若是能幫到他人,我很榮幸。html

1、HTML前端

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

2、經常使用工具編程

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

3、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技術領域最具權威和影響力的國際中立性技術標準機構編程語言

 

4、組成部分ide

     包括:聲明、頭部(head)、標題(title)、身體(body)工具

5、基礎知識:

(1)聲明

  <!DOCTYPE> 聲明必須是 HTML 文檔的第一行,位於 <html> 標籤以前。

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

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

  HTML5 不基於 SGML,因此不須要引用 DTD。

 

  如今主要記住:H5的聲明方式:<!DOCTYPE html>

(2)經常使用標籤及其屬性

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

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

   2-連接標籤<a><img>

  <a>屬性有:download、href、name、target等

  <img>有:src(規定顯示圖像的 URL)、alt(規定圖像的替代文本)

   3-格式化標籤

  <b>  定義粗體字體  <big>  大字號  <em>  着重文字  

  <i>  斜體字     <small>  小號字  <strong> 加劇語氣

  <sub> 下標字          <sup>  上標字  <ins>  插入字

  <del>   刪除字

   4-表格標籤

 

表格標籤 標籤的描述
<table> 表格
<caption> 表格的標題
<th> 表格的表頭
<tr> 表格的行
<td> 表格的單元
<thead> 表格的頁眉
<tbody> 表格的主題
<tfoot> 表格的頁腳
<col> 表格的列屬性

 

 

  

 

 

 

 

 

 

  5-列表標籤

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

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

  <li>列表項的屬性

  <dl>列表

  <dt>列表項

  <dd>描述

  6-佈局標籤

  <table>、<div> 

  7-背景標籤

  <background>、<bgcolor>

  8-新增主要標籤

  <video>、<aduio> 媒介回放元素

  <canvas>(繪畫標籤) 

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

  1-外部樣式表

  <link rel="stylesheet" type="text/css" href="mycss">

  2-內部樣式表

  <style type="text/css">

  body{/style>

  3-內聯樣式表

   <p style="color:red"></p>

6、主要網址: w3c:http://www.w3school.com.cn

相關文章
相關標籤/搜索