這篇文章內會有一些關於將影片與音訊加入到網頁內的方法。
可以使用HTML5中的<video>
標籤,可以更簡單方便的將影片或音訊放到網站之中,要注意檔案格式,目前瀏覽器支援度最高的影片格式為MP4,音訊檔為mp3。也可使用另一種方法,利用現在的線上影音平台(例如Youtube),將影片上傳到影音平台後再崁入到網頁中,以下會有關於兩種做法的說明。
從0開始
這篇文章內會有一些關於將影片與音訊加入到網頁內的方法。
可以使用HTML5中的<video>
標籤,可以更簡單方便的將影片或音訊放到網站之中,要注意檔案格式,目前瀏覽器支援度最高的影片格式為MP4,音訊檔為mp3。也可使用另一種方法,利用現在的線上影音平台(例如Youtube),將影片上傳到影音平台後再崁入到網頁中,以下會有關於兩種做法的說明。
此頁為表單練習
會將前面所學習到的表單製作方式做一些簡單的練習
之後學到的CSS等等也會一起應用在這一頁陸續更新
在這一篇文章內,會放入一些未歸類但很實用的標籤屬性方法,以下是內容大綱:
參考來源:
書籍:HTML&CSS 網站設計建置優化之道
網頁前端工程入門:CSS 表格樣式 - 詳細使用介紹 By 彭彭
HTML Table 表格
HTML Bootstrap 4 Tables
參考來源:<figure>
:可附标题内容元素
HTML img title 與 img alt 的差別
網頁前端工程入門:基礎 HTML 教學 By 彭彭
書籍:HTML&CSS 網站設計建置優化之道
圖片部分可用HTML或CSS的background-image功能來加入,不過今天先以使用HTML為主。
以下是今天會學到的幾種教學:
參考來源:
書籍:HTML&CSS 網站設計建置優化之道
網頁前端工程入門:基礎 HTML 教學 By 彭彭
連結簡單來說,就是由一個網頁連到另一個網頁。
連結有分為以下幾種類型:
參考來源:
書籍:HTML&CSS 網站設計建置優化之道
網頁前端工程入門:CSS 選擇器 - 詳細使用介紹By 彭彭
網頁前端工程入門:基礎 HTML 教學 By 彭彭
在預設值中,瀏覽器會縮排清單,若要指定使用的編號類型,可用type屬性,但建議使用CSS list-style-type屬性。