week2 - Sakura01210/wp109b GitHub Wiki

#我的網頁設計課程筆記

*第二周(weekone.md/)

<img src="img_girl.jpg"> 圖片
<img src="img_typo.jpg" alt="Girl with a jacket"> alt 圖片不存在時顯示文字
<p style="color:red;">This is a red paragraph.</p> style 改變文字樣式 ##0000加色碼可代替顏色00紅00綠00藍(16進位)

background背景色 border 框線 

對所有相對應的類型進行更改
(1)<style>
   body {background-color: powderblue;}
   h1   {color: blue;}
   p    {color: red;}
   </style> 
(2)
   <link rel="stylesheet" href="styles.css">
<html lang="en-US"> lang 語言
<p title="I'm a tooltip">This is a paragraph.</p> 鼠標在文字上時顯示
屬性記得加"
<p>強制換行 需有頭尾 &nbsp強制空白 或中文全行空白
<hr/>水平線
<br/>強制換行
<pre>不格式化 顯示原本樣式
<b> - Bold text 粗體
<strong> - Important text 比較重要的強調 
<i> - Italic text 斜體
<em> - Emphasized text 重要
<mark> - Marked text 標記
<small> - Smaller text 變小
<del> - Deleted text 刪除線
<ins> - Inserted text 插入字體
<sub> - Subscript text 下標
<sup> - Superscript text 上標
<p>Here is a quote from WWF's website:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature.
</blockquote> blockquote引用 預設縮排
<!-- --> 註解
table表格
<th>表格欄位
list 標頭

div會換行span不會換行
<td>表格內文

home

⚠️ **GitHub.com Fallback** ⚠️