htmlnotebook.md - yucing/wp109b GitHub Wiki

1. <img src="照片名稱.jpg" width="" height="">  ==>放上圖片(指定圖片高度)

2. <img src="照片名稱.jpg">  ==>放上圖片(放上原圖)

3. <img src="照片名稱.jpg" alt="" width="500" height="600">  ==>照片跑不出來,會顯示alt""中的字

4. <p style="color:顏色;"></p>  ==>將字的顏色改變

5. <p style="color:#色碼;"></p>  ==>將字的顏色改變

6. <h數字 title="提示">標題</h數字>  ==>游標移到標題時,會顯示提示

7. <p title="提示">段落</p>  ==>將游標移到段落時,會顯示提示

8. <h1 style="font-size:數字px;">標題</h1>  ==>改變字的大小

9. &nbsp;  ==>加空白

10. <hr/>  ==>水平線

11. <pre>內文</pre>  ==>不格式化內文,意旨內文長怎樣,呈現就會是怎樣

12. <body style="background-color:顏色;">  ==>改變背景顏色

13. <h數字 style="background-color:顏色;">標題</h數字>  ==>將標題背景改變顏色

14. <p style="background-color:顏色;">段落</p>  ==>將段落背景改變顏色

15. <h數字 style="font-family:字體;">標題</h數字>  ==>將標題改變字體

16. <p style="font-family:字體;">段落</p>  ==>將段落改變字體

17. <h數字 style="font-size:xxx%;">標題</h數字>  ==>將標題放大x倍,Ex:300% -> 3倍

18. <p style="font-size:xxx%;">段落</p>  ==>將段落放大x倍

19. <h數字 style="text-align:位置;">標題</h數字>  ==>將標題靠左/靠右/置中(位置:left/center/right)

20. <p style="text-align:位置;">段落</p>  ==>將段落靠左/靠右/置中(位置:left/center/right)

21. <b>內文</b>  ==>加粗體

22. <strong>內文</strong>  ==>(粗體)強調內文

23. <i>內文</i>  ==>斜體

24. <em>內文</em>  ==>(斜體)強調內文

25. <mark>內文</mark>  ==>標記內文

26. <small>內文</small>  ==>將內文變小

27. <del>內文</del>  ==>將內文加刪除線

28. <ins>內文</ins>  ==>插入內文

29. <sub>內文</sub>  ==>將內文改為下標

30. <sup>內文</sup>  ==>將內文改為上標

31. <blockquote cite="網址">內文</blockquote>  ==>引文

32. <q>內文</q>  ==>加入雙引號,EX:<q>Hello!</q>,將呈現"Hello!"

33. <abbr title="英文全名">縮寫</abbr>  ==>縮寫(字下面會有底線表示)

34. <address>地址</address>  ==>顯示地址

35. <cite>內文</cite>  ==>引用

36. <bdo dir="rtl">內文</bdo>  ==>將內文倒過來印出

37. <!-- 內文 -->  ==>新增註解(不會顯示出來)

38. <h數字 style="border: 數字px 線的種類 顏色/色碼;">標題</h數字>  ==>將標題加入邊框(數字為粗細大小)

39. <a href="網址" target="_開啟方式">名稱</a>  ==>選擇如何開啟網址

40. <h1 style="位置: 數字px;">標題</h1>  ==>在物件外面/邊框外面加空白(位置:padding/margin)

41. <img src="照片名稱.jpg" alt="名稱" style="width:數字px;height:數字px;">  ==>放上圖片(指定圖片高度)

42. 
<a href="網址">
    <img src="照片名稱.gif" alt="名稱" style="width:數字px;height:數字px;">
</a>  ==>在圖片插入超連結

43. 
<map name="名稱">
    <area shape="形狀" coords="範圍(初)範圍(末)" alt="名稱" href="網址">
</map>  ==>在圖片的特定範圍插入超連結

44. <table>內文</table>  ==>表格

45. <tr>內文</tr>  ==>一列

46. <th>內文</th>  ==>表格標題

47. <td>內文</td>  ==>表格內文

48. 
<ul>
   <li>內文<li>
        。
        。
        。
</ul>  ==>無順序的列表(* * * ...etc)
49. 
<ol>
   <li>內文<li>
   <li>內文<li>
        。
        。
        。
</ol>  ==>有順序的列表(1. 2. 3....etc)

50. <div>內文</div>  ==>加入區塊(會換行)

51. <span>內文</span>  ==>加入區塊(不會換行)
⚠️ **GitHub.com Fallback** ⚠️