網頁的HTML原始檔內容中，除了我們之前所介紹的之外，其他較常出現的HTML標籤就是標示網頁瀏覽器端動態(Dynamic)效果的Script程式碼區塊，以及標示個別或整體網頁呈現效果的CSS(Cascading Style Sheet)連接樣式表Style定義區塊。
(一). <script…>標籤所標示的程式碼是由瀏覽器負責解讀與執行，所用的語言預定為JavaScript。JavaScript是一種專為瀏覽器所設計的(瀏覽器端)程式語言。網頁中如果加入了 <script…>標籤，即可稱為DHTML網頁。可以讓網頁具備與使用者互動的效果，或者，取得有關瀏覽器的一些資訊，以便進行相關的處理。
JavaScript程式碼可直接以下述第1.種方式撰寫在<script…>與</script>之間；也可以先將程式碼儲存在一個副檔名為 .js 的文字檔中，然後以下述的第2.種方式，透過<script…>起始標籤的 src (source)屬性加以引用。
1. <script language="javascript"> javascript(程式碼) </script>
2. <script language="javascript" src="檔案名稱 .js"> </script>
(二). CSS連接樣式表是一種HTML網頁的資料呈現技術，可以規範(命令)瀏覽器呈現網頁內容時的效果。簡單說，雖然瀏覽器可以正確呈現我們的網頁資料(當然，這是以HTML是正確的為前提)，但瀏覽器預定的呈現效果較為刻板(例如，文字預定為3號的黑色新細明體)。如果我們想改變這樣的顯示內容，那就必須針對所要變更的內容加以逐一重新設定。當網站的網頁少或者網頁的內容不多時，或許這樣是可以。但，一旦網頁很多或者內容相當豐富時，這樣設定不但費事，而且不容易達到網頁之間呈現方式的一貫性。如果想要解決這個問題，那麼CSS(Cascading Style Sheet)連接樣式表的學習就是一個相當重要的課題。
要在網頁的HTML碼中套用CSS語法，基本上有三種方式：
1. 直接定義在原有的HTML標籤內，利用標籤的style屬性加入一般標籤內
例如：<font style = "font-size:20px ; font-weight:bold">
2. 在<head>與</head>之間以 <style type="text/css"> … </style>標籤區塊定義
以這種方式定義CSS時，又可分為3種模式：
a. 直接以標籤名稱定義後使用：
例如：h2 { color: red; background: white; font-style: italic; }
要將多個標籤定義為相同的CSS樣式時，各標籤名稱間須以逗點分隔
例如：h2 , h3 , h4 { color: red; background: white; font-style: italic; }
定義之後，只要在該HTML碼中使用<h2>標籤，即會套用該樣式。
b. 以 .class名稱 方式定義，之後再以標籤的 class 屬性引用：
例如：.topline { color: blue; background: white; font-style: italic; }
定義後，只要在該HTML標籤中使用<h2 class="topline">，即會套用。
c. 以 #id名稱 方式定義，之後再以標籤的 id 屬性引用：
例如：#innerline { color: green; background: white; font-style: italic; }
定義後，只要在該HTML標籤中使用<h2 id="innerline">，即會套用。
3. 先將第2項的CSS定義存入一個文字檔，副檔名存成 .css，再於<head>中利用<link …>標籤呼叫，然後就可以加以引用。<link …>標籤的寫法為：
<link rel=stylesheet type="text/css" href="CSS文字檔案.css">
其中，href屬性的直就是該.css檔案的URL(檔案的相對或絕對路徑)
前述套用CSS語法的方法可以同時存在一份網頁文件中。當這個情況發生時，瀏覽器會以下列的優先順序採用CSS的定義來顯示資料：
1. HTML標籤中style屬性所定義的CSS (標籤內含inline style)
2. <style …> … </style>區塊中所定義的CSS (內部internal style sheet)
3. <link …>標籤所引用之.css檔案所定義的CSS (外部external style sheet)
4. 瀏覽器本身預定的顯示模式 (預設default style)
請先 登入 以發表留言。