張孝祥JavaScript教程筆記:HTML基礎

來源:互聯網
上載者:User
html基礎|javascript|筆記|教程

  瞭解html語言

  網站開發老手認為html是最微不足道的技術,但它是基礎;HyperText Markup Language;副檔名可以是:.html或者.htm;<>:開始標籤;</>:結束標籤;標籤也可以稱為容器;單獨標籤可以單獨使用,比如<br>;

  不必嚴格區分元素和標籤的概念;

  屬性值可以不用引號,也可以用引號;用的話可以是雙引號,也可以是單引號;有些屬性只有兩個可選值,則不必寫屬性值,寫了屬性名稱就表示true值,不寫就false;

  大小寫不敏感;

瀏覽器開啟網頁文檔的方式:可以本地開啟也可以從Web瀏覽器上開啟;html標籤告訴了瀏覽器應該怎樣顯示文字等;html是標記語言而不是程式設計語言,它只有顯示的邏輯而沒有商務邏輯;html規範與版本:

 不同的瀏覽器之間的不相容問題:有些設計人員為了自己的瀏覽器能有特殊的效果,則設計了特殊的可以用於自己的瀏覽器的標籤,成為html標籤的方言;而其他的瀏覽器不認識這樣的方言,所以我們定義了規範;隨著需求的變化,新的規範不斷推出;ietf把定義html規範的許可權給了w3c;正在使用的html版本:html4.01,是最終規範,因為xhtml將要替代html;

  IETF與W3C:

 如果你要賣插座,則必須知道規範,否則你的插座別人用不了;IETF:Internet Engineering Task Force,Internet工程工作群組;
  www.ietf.org;
      以RFC定名各類標準,Requests for comments,請求注釋文檔;
      比如:RFC2616(http/1.1),RFC1521(MIME);
      RFC文檔必須被分配編號,一個編碼的RFC文檔不能不更新;
      IETF的收入:按標準生產的廠商必須給IETF交錢購買標準;
 W3C:World Wide Web Consortium,www聯盟;
      www.w3c.org;
      任何公司都可以加入;
      不具備法律效力;

   HTML的全域架構標籤

<head>標籤內的內容不會在視窗裡顯示;
<body bgcolor=red text=blue>body標籤的屬性設定了全域的頁面屬性;

<body>的屬性:
 text:整個網頁中的文字顏色;
 link:超級串連的文本顏色;
 alink:滑鼠移動到超級串連上時文本的顏色;
 vlink:設定訪問過的超級連結的文本顏色;
 background:背景映像;正是因為body是全域的,所以這張圖片
 才不象image的映像,是全域的背景;
 //你比較懶,雖然老是不用引號,但是當要使用連結地址,比如寫一個
 超級連結或者一個圖片的路徑的時候,是必須寫引號的;
 bgcolor:background會衝掉這個屬性的效果;
 leftmagin/topmargin:網頁顯示畫面與瀏覽器的左/上邊距;
 class,name,id,style等公用屬性;
顏色有兩種表示方法:
 #XX XX XX三個兩位的十六進位資料,每兩位剛好8位表示256個層級的
 紅綠藍;
 
<!DOCTYPE HTML PUBLIC "-//w3c//dtd html 4.0 transitional//en">

這是文件類型定義語句,是本html文檔所依據的規範;

DTD文法:<!DOCTYPE HTML public "version name" "url">
 doctype指定文件類型:html
 public:表明是公開訪問的;而不是某個公司的內部檔案;
 version name 指定該文檔的版本;
 url指定規範檔案在internet上的位置;
//不要把檔案的副檔名和文件類型定義中的doctype扯上關係,實際上這兩個
根本沒關係,你可以發現一個.xml檔案根本不是在定義xml,而是web應用的部署描述符;

   注釋與特殊字元

<!--注釋-->
瀏覽器雖然不顯示注釋內容,但是查看原檔案還是可以看到注釋;

  如果想把標籤做為普通文本顯示,或者想正確地顯示多個空格,則需要用:< 代替 < , > 代替 > ;   代替空格;這種表示方法就叫做html編碼: 以 & 開頭,以 ; 結束;如果要顯示鍵盤無法輸入的字元,比如著作權符號,則©為了簡化,可以用語言來拼字,比如©可代替著作權符號的數字表示;

常用的:& &          < <             > >
" "                 ® 一個圈裡一個R
© 一個圈裡一個C      ™ 右上方的一個TM

為什麼還要用"來表示"呢?
 屬性=a b  或者屬性="a"b"的時候瀏覽器都只認為屬性值是a;
 總之,瀏覽器會從第一個引號起,遇到下一個同樣的引號為止認為是
 屬性值;
 當同時有單引號和雙引號的屬性值就會引起嚴重的歧義;
 所以可以用"來防止瀏覽器過早地把一個"認為是屬性值的結束;
為什麼對&來編碼呢?
 很簡單,所有編碼都用到了&來開頭,那當我要用&做為一般字元的時候
 肯定有問題了;這和SQL中的%和_的問題是一樣的;

   格式標籤
<P>的屬性 align=right/left;



相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。