Yiru@Studio

文、意如

• 下標 / 上標 (次方)
• 文字縮小
• 文字標記
• 刪除線
• 空白
• 其他特殊符號

文、意如

• 註解符號<!--想要註解的文字-->
• 單行註解
• 可多行註解

文、意如

<marquee>ABC123</marquee>

屬性

• bgcolor="" #背景色
• width="" #寬
• height="" #高
• loop="5" #跑幾次
• direction=right／up／down #控制行進的方向
• behavior=slide文字碰到底邊就會停止／alternate左右碰撞 #控制行進的方式
• scrollamount="參數值" ；#速度設定可設定為數字，通常設定 1~10 的範圍，數字越大跑得越快。

文、意如

• <table></table>表格
• <tr></tr> 代表列
• <td></td> 代表儲存格
• 資料只能放在儲存格

文、意如

<img>屬性:

• src="路徑"
• width="寬"
• height="高"
• align="right/left"

文、意如

文、意如

• <h1>~<h6>
• <font></font>
• <pre></pre>

文、意如

• <ul><li></li></ul>語法、屬性
• <ol><li></li></ol>語法、屬性

文、意如

body 屬性

• bgcolor=控制背景顏色
• text=控制文字顏色
• link=控制連結顏色
• vlink=控制已閱讀過的顏色
• alink=控制正在連結的顏色

文、意如

屬性:

• size=控制線的寬度
• align=控制線是靠左(left)／靠右(right)／中間(center)
• width=控制線的長度，可用數字或百分比
• color=控制線的顏色

文、意如

• 斷行
• 分段落
• 粗體
• 斜體
• 底線

Bootstrap-滿版、留白

常用CSS

• margin
• padding

續上篇:

那如果有100筆不就要輸入100次?

所以接下來會使用JQuery裡的迴圈+重複去做這件事情。

API:

https://raw.githubusercontent.com/wsmwason/taiwan-bank-code/master/data/taiwanBankCodeATM.json

抓回api資料，寫入表格

API:https://raw.githubusercontent.com/wsmwason/taiwan-bank-code/master/data/taiwanBankCodeATM.json

套用導覽列篇

套用基本表格

套用行的顏色

套用儲存格顏色

滑過效果

bootstrap-控制div

控制div

使用fontawesome套件