HTML中視頻、音頻、表徵圖、捲軸定位、文字滾動效果、iframe的應用

來源:互聯網
上載者:User

標籤:screen   start   shortcut   ack   tac   href   cti   標籤   自動   

  1、小表徵圖(.ico)

  <link></link>必須寫在<head></head>裡面具體格式如下:

<head><link rel="shortcut icon" href="/jb51.ico" type="image/x-icon"/></head>
注意:紅色部分為圖片的相對路徑
2、插入音樂
 <embed></embed>必須寫在<head></head>裡面具體格式如下:

<embed src="images/Joy%20Gruttmann%20-%20Schnappi.mp3" controls="controls"
width=300 height=80 type=audio/mpeg loop="-1" hidden="ture " autostart="false" volume="0"/></embed>

注意:紅色部分為音樂的相對路徑,loop是是否自動播放,hidden是是否隱藏
3、插入視頻(寫在<body></body>中)
具體格式如下:
<body>
<embed src=‘http://player.youku.com/player.php/sid/XMjY1NzI5MzQ5Ng==/v.swf?VideoIDS=XNDA3OTM4NA=&isAutoPlay=true
&isShowRelatedVideo=false&embedid=-&showAd=0‘ allowFullScreen=‘true‘ quality=‘high‘ width=‘480‘ height=‘400‘
align=‘middle‘ allowScriptAccess=‘always‘ type=‘application/x-shockwave-flash‘></embed>
</body>
注意:
紅色部分為視頻的相對路徑,綠色部分為是否自動播放
4、滾動
<marquee
direction="這裡為設定滾動方向如右right左left">要滾動的內容<marquee>
5、捲軸的定位

html 直接定義:先定義一個帶有id的標籤,這個標籤是你想要訪問的目標位置,然後在定義一個a標籤(你點擊後會跳轉的連結)

如<h1 id="123">點擊這裡會跳轉到這裡</h1>

<a href="#123"></a>

注意:當你去點擊紅色部分時會讓捲軸停到當前位置

6、iframe

在原來的頁面嵌入一個小視窗顯示其他的頁面

<iframe scr="其他頁面的地址" width=“” height=“” frameborder(邊線)=“0” scrolling(捲軸)=“no”></iframe>

HTML中視頻、音頻、表徵圖、捲軸定位、文字滾動效果、iframe的應用

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.