Contenu connexe
Similaire à [數學軟體應用] 05 HTML+CSS (20)
Plus de Yen-lung Tsai (8)
[數學軟體應用] 05 HTML+CSS
- 9. HTML ⽤ tag 來表⽰這裡要放⼤、要插個圖、要做
表格等等。⽽ tag 有開必需有關 (以前是這樣,
HTML 5 吹⽑求疵狀況都不⽤)。
我們先來一一解釋
<title> </title>
{tag 有開必需有關
- 18. <img src="beans.png" alt=" ">
插入圖片
假設我們現在有一張咖啡豆的圖片叫
beans.png, 想放到網頁中。插入方式是這樣的:
如果檔案名那裡是一個超連結也是可以的。而
alt 屬性非常重要, 是圖 形無法顯示時的替代文
字 (良好設計的網頁現在列為必要選項)。
- 24. ⽤同樣的標籤, 可能會有不同的作⽤, ⽐如說都⽤ p
標籤, 有時是平常⽂ 章⼀段, 有時是重點段落, 有時
是引述等等。我們可以⽤兩種屬性標記,
⽐如說
<p class="normal"> ... </p>
id 和 class 屬性
- 28. 假設我們有個 mystyle.css 檔, 可以在 HTML 的
<head>…</head> 中引⼊。
<link rel="stylesheet" type="text/css"
href="mystyle.css">
CSS 基本引入法之一
- 29. 直接把所有的 CSS 放在 <head>…</head> 中。
<style type="text/css">
h1{
color:#FFCCCC;
}
</style>
CSS 基本引入法之二
- 32. 假設我們有個 class 叫做 foo。
.foo{
...;
...;
}
定義某個 class 的 CSS
p.foo{
...;
...;
}
改類型下某個標籤的 CSSfoo 這個 class 的 CSS
- 33. 假設我們有個 id 叫做 foo。
#foo{
...;
...;
}
定義某個 id 的 CSS
#foo p{
...;
...;
}
改類型下某個標籤的 CSSfoo 這個 id 的 CSS
- 35. CSS 的 BOX
注意, 一個 box 可以是 div 畫出的區域, 也可以是幾乎
所有其他標籤, 如 p, h1 等等。