- 1、本文档共13页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
HTML 5 简介 - 静宜大学
HTML超連結及多媒體 靜宜大學 資管系 楊子青 大綱 超連結 內置框架 多媒體 圖片 音樂 影音 Flash動畫 YouTube影音 1. 超連結 Hyperlink 點選文字或圖片,連結到另一個網頁、BBS 、FTP 、檔案或e-mail 超連結語法 a href=網址 target=開啟目標 例如設計一個超連結,開啟新視窗連結到靜宜大學: a href=.tw target=_blank靜宜大學/a 絕對路徑與相對路徑 絕對路徑 絕對的位置,並不會隨著現在目錄的改變而改變 相對路徑 相對於現在目錄的路徑表示法,所指到的檔案或目錄,會隨著現在目錄的不同而改變 連結至E-mail信箱 a href=mailto:E-mail帳號…/a 例如:a href=mailto:tcyang@.tw寄信給子青老師/a 設定主旨 a href=mailto:tcyang@.tw?subject=HTML5寄信/a 郵件副本a href=mailto:tcyang@.tw?cc=a@寄信/a 密件副本 a href=mailto:tcyang@.tw?bcc=a@寄信/a 郵件主旨內容a href=mailto:tcyang@.tw?body=Have a Nice Day!寄信/a 撥電話及分機 a href=tel:0426328001,181100418110/a 2. 內置框架 把外部網頁嵌入自己網頁中,語法: iframe src=欲插入的網頁網址 width= 框架寬度 height=框架高度 scrolling=yes /iframe 實例:/tags/tryit.asp?filename=tryhtml_iframe 實例: iframe src=.tw width=600 height=400 scrolling=no pYour browser does not support iframes./p /iframe 3. 多媒體 (1) 圖片 建議的圖片格式:JPEG、GIF 建議的圖片解析度:只要72dpi(電腦螢幕的解析度,每英吋72點),圖檔愈小愈好(但需考慮清晰度 ) 語法:img src=圖檔來源 alt= 說明文字 width=圖寬 height=圖高 / 例如: img src=.tw/files/users/pic/cache.21_54aae2f0.jpg.w95_h95.jpg width=95 height=95 alt=子青老師個人照/img 多媒體 (2) 音樂 常見的音樂格式:WAV、MP3、OGG等 語法:audio src=音樂來源 type=audio/mpeg /audio 實例: /tags/tryit.asp?filename=tryhtml5_audio 多媒體 (3) 影音 常見的音樂格式:MP4、OGG、WebM等 語法:video src=影音來源 type=vidio/mp4 /video 實例: /tags/tryit.asp?filename=tryhtml5_video 多媒體 (4) Flash動畫 格式:SWF檔 語法:embed src=動畫來源 /embed 實例: /tags/tryit.asp?filename=tryhtml5_embed 多媒體 (5) YouTube影音 利用iframe嵌入YouTube影音,語法:iframe src=/embed/影片網址?autoplay=0 allowfullscreen /iframe YouTube影片網址,取v=後面:lXHEnZ1KanI /watch?v=lXHEnZ1KanI 也可由影片「分享」獲知影片網址 autoplay=1則可自動播放 參考資料 教科書 榮欽科技、陳婉凌,網頁設計必學的程式實作技術:HTML5+CSS3+JavaScript,2012年,博碩。 Chap 08: 建立超連結 Chap 06: 圖片的處理 Chap 09: 多媒體影音的運用 網路資源 /tags/ 網頁設計 實務 * 網頁設計 實務 * Specifies the URL of the page the link goes to URL href Specifies where to open the linked document _blank _parent _self _top framename target 描述 值 屬性 顯示於新視窗 顯示於目前視窗(預設值) 顯示於特定框架 顯示於上一層框架 移除框架,顯示於目前視窗 image資料夾下的test.gif image/test.gif 上一層資料
您可能关注的文档
- 9正等轴测图.PPT
- A507 组别:国小组科别:数学科类别: 作品名称:变幻莫测的交叉线作者.PDF
- Ad Hoc即时远距离矢量路由协议移动性的影响 摘要:路由协议的不断.DOC
- Adler个人心理学.PPT
- ADHD(注意力缺陷过动症) - 嘉义大学.PPT
- AB微波观测资料在C合同化中的应用 - 气象与环境科学.PDF
- Arduino 伺服马达光感应控制作者 - 松山工农 - 台北市立松山高级工农.PDF
- Agilent Infiniium 9000 H 系列高清晰度示波器 - Keysight.PDF
- ATM基本原理 - Net130Com.DOC
- Alessi呈献屡获殊荣的Ossidiana全新岩矿黑摩卡壶.PDF
- 2024年江西省寻乌县九上数学开学复习检测模拟试题【含答案】.doc
- 2024年江西省省宜春市袁州区数学九上开学学业水平测试模拟试题【含答案】.doc
- 《GB/T 44275.2-2024工业自动化系统与集成 开放技术字典及其在主数据中的应用 第2部分:术语》.pdf
- 中国国家标准 GB/T 44275.2-2024工业自动化系统与集成 开放技术字典及其在主数据中的应用 第2部分:术语.pdf
- GB/T 44285.1-2024卡及身份识别安全设备 通过移动设备进行身份管理的构件 第1部分:移动电子身份系统的通用系统架构.pdf
- 《GB/T 44285.1-2024卡及身份识别安全设备 通过移动设备进行身份管理的构件 第1部分:移动电子身份系统的通用系统架构》.pdf
- 中国国家标准 GB/T 44285.1-2024卡及身份识别安全设备 通过移动设备进行身份管理的构件 第1部分:移动电子身份系统的通用系统架构.pdf
- GB/T 44275.11-2024工业自动化系统与集成 开放技术字典及其在主数据中的应用 第11部分:术语制定指南.pdf
- 中国国家标准 GB/T 44275.11-2024工业自动化系统与集成 开放技术字典及其在主数据中的应用 第11部分:术语制定指南.pdf
- 《GB/T 44275.11-2024工业自动化系统与集成 开放技术字典及其在主数据中的应用 第11部分:术语制定指南》.pdf
文档评论(0)