CH1 認識HTML HTML和CSS是我們用來創建網頁的語言:HTML是超文本標記語言(HyperText Markup Language)的縮寫,用來建立網頁的結構;CSS是層疊樣式表(Cascading Style Sheet)的縮寫,用來控制HTML的表現。 Web伺服器存儲並提供由HTML ...
CH1 認識HTML
- HTML和CSS是我們用來創建網頁的語言:
HTML是超文本標記語言(HyperText Markup Language)的縮寫,用來建立網頁的結構;
CSS是層疊樣式表(Cascading Style Sheet)的縮寫,用來控制HTML的表現。 - Web伺服器存儲並提供由HTML和CSS創建的網頁。瀏覽器獲取頁面,並根據HTML和CSS顯示網頁的內容。
- 所有頁面都要有一個<html>元素,其中要有一個<head>元素和一個<body>元素:
網頁的信息放在<head>元素里;<body>元素里的內容就是你將在瀏覽器里看到的東西。 - 可以在<style>元素中寫CSS規則,為HTML網頁增加CSS。<style>元素總要放在<head>元素里。
可以在<style>中添加type屬性;可以使用CSS在HTML中指定元素的特性。
1 <style type="text/css"> 2 body{ 3 background-color:#d2b48c; 4 margin-left:20%; 5 margin-right:20%; 6 border:2px dotted black; 7 padding:10px 10px 10px 10px; 8 font-family:sans-serif; 9 } 10 </style>
CH2 深入瞭解超文本
- 相對路徑是相對於鏈接的源Web頁面指向網站中其他文件的一個鏈接。
使用“..”可以鏈接到源文件上一層文件夾中的一個文件。
1 <a href ="../../../beverages/elixir.html" > 2 elixir 3 </a>
- 為網站選擇的文件名和文件夾名中不要使用空格!
- ★★★☆☆最好在構建網站初期組織網站文件,這樣就不用在網站升級時修改一大堆的路徑了:)