HTML&CSS

HTML (HyperText Markup Language) 照字面上翻譯為『超文字標示語言』,它跟一般的文書處理器不同的地方在於,它具有超文字 (HyperText)、超連結 (HyperLink)、超媒體 (HyperMedia) 的特性,透過 HTTP ( HyperText Transfer Protocol) 網路通訊協定,便能夠在世界各地透過 WWW (World Wide Web) 的架構做跨平台的交流。WWW 與 HTML 一開始是在 CERN (歐洲粒子物理實驗室) 所開始發展的,主要的目的在於讓各實驗室之間可以在網路上方便地交換研究成果,但由於 HTML 的簡單易學,馬上就席捲了全世界,造成了另一次工業革命。你只需要簡單的文書編輯軟體(例如 pe2、vi、記事本、小作家或 Word),在加上對基本 HTML 標籤的認識,就可以輕輕鬆鬆地開發出完成漂漂亮亮的個人網頁。

CSS是Cascading Style Sheets的縮寫,字面翻譯是「串接樣式表」,是W3C組織所擬定出的一套標準格式。 顧名思義,CSS主要是管理網頁中「style(樣式) 」部分,也就是網頁中與「板面」(如:文字、背景、連結、按鈕、表格…等)相關的部份都可以用CSS去做修改。
在網頁設計當中,我們可以利用設定好的CSS樣式表,指定給某一種HTML標籤或某一群組HTML標籤來使用, 增加了更多的樣式定義方式來輔助HTML。它的優點有:
1.語法簡潔,可以很容易的控制HTML標記,易於掌控網頁元素的位置。(只要更改標籤就可以任意且快速的做更改)
2.多種文字變化可以減少圖檔的使用,加快了網頁的傳輸速度。
3.集中管理樣式,使許多網頁共用一份CSS,減少了網頁的體積,維護及建立風格一致的網站更加容易。
(對於相同的設定,如背景、表格、超連結...等,只要寫一份共用的CSS,你的網頁一套用,那麼整個網頁的設定就會變的一致,要做更動時也不需要一個網頁一個網頁做更改,集體設定的功能佳。)
4.易於學習及上手。

iframe是一種把外部網頁嵌入自己網頁的一種語法

iframe是一種把外部網頁嵌入自己網頁的一種語法

語法如下:

<iframe src="網站網址" width="780" height="30" marginwidth="0"
marginheight="0" scrolling="no" frameborder="0" align="center"></iframe>


if

使用 position 設定位置及圖層先後順序

使用 position 設定位置及圖層先後順序
http://aa.pro.vexp.idv.tw/viewthread.php?tid=18

圖層,很多人都會利用它來設計自己的版面,那也和座標的觀念分不開

先來看 position 可能的值 如下:

absoulte(絕對位置)
relative(相對位置)
static(靜態)
fixed(固定)

接著配合 to

css-超連結

css-超連結

連接的預設樣式是藍色,且有下劃線。可是,有的時候,我們會想要改變一下這個預設的樣式。這可以透過以下幾個選擇器來達成:

a:link: 設定當連接過去的網頁尚未

css-顏色

css-顏色

css-留白

css-留白

css邊界

css邊界

邊界 (margin)
是在邊框之外,並且是用來設定各個元素之間的距離。一個盒子有四個邊,所以我們可以對這四個邊逐一設定: 
  • margin-top (上邊界)
  • css-字體

    css-字體

    css-媒體類別

    css-媒體類別

    css-長度單位

    css-長度單位

    css-盒子

    css-盒子

    盒子模式 (box model) 是在 CSS
    中一個很重要的觀念。它是用來描述一個元素是如何組成的。以下是盒子模式的式樣:
     

    訂閱文章