HTML小攻略【最終回】

2018年11月1日 00:29
上次介紹過了超連結還有插入圖片等等,那這次就先來教大家製作表格吧! 還沒看過的可以先去複習餒😂 因為等一下想要用一個新的網頁教大家其他東西,所以就開新檔案來做表格,那首先,一樣先把該打的東西打一打,既然這裡是在講表格,<title>就叫table吧!
那整張表格我們會用<table>包裝起來,長這樣~~
中間的空白就是我們要補上的表格內容 ⚠️第一個要先注意的就是:我們在編表格的時候,都是”一列一列”的寫喔!!!一定要記得!⚠️ 只要寫一列,我們就用<tr>包起來,接著每一格儲存格都要分開來打,標題列是用<th>來標示,內文則是用<td>,看起來好像很複雜…那就讓我們實際一起來看看吧!
噹啷!!呈現出來就像這樣!標題列會比內文還要粗喔~ 那我再加個兩行給大家看看!
但大家是不是覺得,雖然都有對齊看起來是一格一格的,可是還是不像是表格啊…🤔沒關係!只要在table標籤後面加上border=”1”來設定邊界,就可以啦!就像這樣
這樣就是一個完整的表格啦
那介紹完表格了,來介紹一下iframe吧! Iframe的全名叫做inline frame,簡單來說就是可以在這網頁另外挖一個洞放其他網頁的東西等等,只要用<iframe>這個標籤就可以囉!因為是連到其他網站,所以也要加上「來源」喔!那我們一樣也延續一開始用的檔案來製作
我隨便拿一個入口網站來給大家看(因為Google拒絕連線嗚嗚嗚😢
大家可以很明顯了解什麼叫做”在原本的網頁中開一個洞可以放入另一個完整的網頁”了吧,或許會有人想,啊這麼小是要怎麼看😤?別擔心!讓我們一起調整他的大小吧!寬度用width=”xxx”,高度則是height=”xxx”,如果想佔據版面的幾趴也是可以喔!
其實如果你今天想在網頁中嵌入youtube影片或是Google map,也都是用這個標籤喔!示範給大家看 隨便在youtube上找一首歌,按下分享
接著點擊嵌入
右邊就會出現一連串的程式碼
按下複製,在你的網站上貼上就完成囉!
最後也教大家怎麼切換iframe裡面的網頁,第一步很重要的就是要先幫iframe“取名字”,那我就拿左邊的來做示範,只要在剛剛的長寬後面加上 name=”xxx”就可以囉!
接著在下面打上超連結,我們就用剛剛的表格頁來示範 超連結標籤還記得嗎😊?其中有一個屬性叫做target,我們就是用他連到我們的iframe喔,打上target=”iframe1”就可以了,全部合起來長<a href="table.html" target="iframe1">表格</a> 表格點下去就會跳轉到這個表格那一頁囉
那分享就到這裡告一個段落啦!謝謝很多次在我發文都有回復的朋友們,雖然不認識你們,也或許根本沒人在看,但你們的留言都讓我覺得我不是一個人,真的很感動也很謝謝你們😢!既然開始了就要有一個好結尾,或許這是最後一次在這裡發文,之後又要繼續潛水了哈哈哈,又或者哪天心血來潮又想來這裡碎碎念也不一定,謝謝這幾次你們的加油,那我們有緣再見啦😄!
15
.回應 2
文章資訊
共 2 則回應
頭香! 我是程式小粉絲 讚讚期待有機會再看到新作~
國立臺中科技大學
謝謝原po寫的很詳細 粉絲報到