0%

這篇文章內會有一些關於將影片與音訊加入到網頁內的方法。

可以使用HTML5中的<video>標籤,可以更簡單方便的將影片或音訊放到網站之中,要注意檔案格式,目前瀏覽器支援度最高的影片格式為MP4,音訊檔為mp3。也可使用另一種方法,利用現在的線上影音平台(例如Youtube),將影片上傳到影音平台後再崁入到網頁中,以下會有關於兩種做法的說明。

閱讀全文 »

參考來源:
<figure>:可附标题内容元素
HTML img title 與 img alt 的差別
網頁前端工程入門:基礎 HTML 教學 By 彭彭
書籍:HTML&CSS 網站設計建置優化之道

圖片部分可用HTML或CSS的background-image功能來加入,不過今天先以使用HTML為主。
以下是今天會學到的幾種教學:

  • 新增圖片
  • 圖片的高度與寬度
  • 圖片插入的位置
  • 圖片格式與解析度
  • 圖片的說明
閱讀全文 »

參考來源:
書籍:HTML&CSS 網站設計建置優化之道
網頁前端工程入門:基礎 HTML 教學 By 彭彭

連結簡單來說,就是由一個網頁連到另一個網頁。
連結有分為以下幾種類型:

  • 不同網站之間的連結。
  • 同一個網站內,不同網頁之間的連結。
  • 同一個網頁內,不同區域之間的連結。
  • 開始一個新瀏覽器視窗的連結。
  • 可以啟動電子郵件軟體並寫信給他人的連結。
閱讀全文 »