整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          HTML 多媒體

          eb 上的多媒體指的是音效、音樂、視頻和動畫。

          現代網絡瀏覽器已支持很多多媒體格式。

          什么是多媒體?

          多媒體來自多種不同的格式。它可以是您聽到或看到的任何內容,文字、圖片、音樂、音效、錄音、電影、動畫等等。

          在因特網上,您會經常發現嵌入網頁中的多媒體元素,現代瀏覽器已支持多種多媒體格式。

          在本教程中,您將了解到不同的多媒體格式,以及如何在您的網頁中使用它們。

          瀏覽器支持

          第一款因特網瀏覽器只支持文本,而且即使是對文本的支持也僅限于單一字體和單一顏色。隨后誕生了支持顏色、字體和文本樣式的瀏覽器,圖片支持也被加入。

          不同的瀏覽器以不同的方式處理對音效、動畫和視頻的支持。某些元素能夠以內聯的方式處理,而某些則需要額外的插件。

          多媒體格式

          格式 多媒體元素(比如視頻和音頻)存儲于媒體文件中。

          確定媒體類型的最常用的方法是查看文件擴展名。當瀏覽器得到文件擴展名 .htm 或 .html 時,它會假定該文件是 HTML 頁面。.xml 擴展名指示 XML 文件,而 .css 擴展名指示樣式表。圖片格式則通過 .gif 或 .jpg 來識別。

          多媒體元素元素也擁有帶有不同擴展名的文件格式,比如 .swf、.wmv、.mp3 以及 .mp4。

          視頻格式

          MP4是互聯網推出新的視頻格式。YouTube 推薦使用 MP4 。Flash Players 支持 MP4HTML5 支持 MP4。
          格式文件描述
          AVI.aviAVI (Audio Video Interleave) 格式是由微軟開發的。所有運行 Windows 的計算機都支持 AVI 格式。它是因特網上很常見的格式,但非 Windows 計算機并不總是能夠播放。
          WMV.wmvWindows Media 格式是由微軟開發的。Windows Media 在因特網上很常見,但是如果未安裝額外的(免費)組件,就無法播放 Windows Media 電影。一些后期的 Windows Media 電影在所有非 Windows 計算機上都無法播放,因為沒有合適的播放器。
          MPEG
          • .mpg
          • .mpeg
          MPEG (Moving Pictures Expert Group) 格式是因特網上最流行的格式。它是跨平臺的,得到了所有最流行的瀏覽器的支持。
          QuickTime.movQuickTime 格式是由蘋果公司開發的。QuickTime 是因特網上常見的格式,但是 QuickTime 電影不能在沒有安裝額外的(免費)組件的 Windows 計算機上播放。
          RealVideo
          • .rm
          • .ram
          RealVideo 格式是由 Real Media 針對因特網開發的。該格式允許低帶寬條件下(在線視頻、網絡電視)的視頻流。由于是低帶寬優先的,質量常會降低。
          Flash
          • .swf
          • .flv
          Flash (Shockwave) 格式是由 Macromedia 開發的。Shockwave 格式需要額外的組件來播放。但是該組件會預裝到 Firefox 或 IE 之類的瀏覽器上。
          Mpeg-4.mp4Mpeg-4 (with H.264 video compression) 是一種針對因特網的新格式。事實上,YouTube 推薦使用 MP4。YouTube 接收多種格式,然后全部轉換為 .flv 或 .mp4 以供分發。越來越多的視頻發布者轉到 MP4,將其作為 Flash 播放器和 HTML5 的因特網共享格式。
          最新的 HTML5 標準只支持 MP4, WebM, 和 Ogg 視頻格式。

          聲音格式

          MP3是一種音頻壓縮技術,其全稱是動態影像專家壓縮標準音頻層面3(Moving Picture Experts Group Audio Layer III),簡稱為MP3。它被設計用來大幅度地降低音頻數據量。如果你的站點是音樂類型的,你可以選擇mp3格式。

          格式文件描述
          MIDI
          • .mid
          • .midi
          MIDI (Musical Instrument Digital Interface) 是一種針對電子音樂設備(比如合成器和聲卡)的格式。MIDI 文件不含有聲音,但包含可被電子產品(比如聲卡)播放的數字音樂指令。點擊這里播放 The Beatles。因為 MIDI 格式僅包含指令,所以 MIDI 文件極其小巧。上面的例子只有 23k 的大小,但卻能播放將近 5 分鐘。MIDI 得到了廣泛的平臺上的大量軟件的支持。大多數流行的網絡瀏覽器都支持 MIDI。
          RealAudio
          • .rm
          • .ram
          RealAudio 格式是由 Real Media 針對因特網開發的。該格式也支持視頻。該格式允許低帶寬條件下的音頻流(在線音樂、網絡音樂)。由于是低帶寬優先的,質量常會降低。
          Wave.wavWave (waveform) 格式是由 IBM 和微軟開發的。所有運行 Windows 的計算機和所有網絡瀏覽器(除了 Google Chrome)都支持它。
          WMA.wmaWMA 格式 (Windows Media Audio),質量優于 MP3,兼容大多數播放器,除了 iPod。WMA 文件可作為連續的數據流來傳輸,這使它對于網絡電臺或在線音樂很實用。
          MP3
          • .mp3
          • .mpga
          MP3 文件實際上是 MPEG 文件的聲音部分。MPEG 格式最初是由運動圖像專家組開發的。MP3 是其中最受歡迎的針對音樂的聲音格式。期待未來的軟件系統都支持它。
          HTML5 的最新標準支持 MP3, WAV, 和 Ogg 音頻格式。

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!

          文本標記語言

          HTML 代表超文本標記語言。它給出了網站或網頁的基本結構。它定義了您的網站在結構方面的外觀,即網站包含標題、輸入、表單、表格、按鈕等等。

          HTML 代碼

          <!DOCTYPE html>
          <html>
            <head>
              <title>Hello world</title>
            </head>
            <body> 
              <h1>Hello world</h1>
            </body>
          </html>
          


          您可以在此處查看 Hello world 網站的實時版本,其代碼寫在上面。

          我們將詳細討論每一行代碼,以便您能夠了解每一行的想法。

          <!DOCTYPE html>

          這一行基本上告訴網絡瀏覽器我們正在使用哪個HTML版本。在本例中我們是HTML5

          html

          這是包含我們網頁的所有代碼的HTML元素。換句話說,這包含了網頁所需的所有結構和設置,即外部 CSS、JS、CDN 等。您可能會注意到所有內容都位于<html>和之間</html>。這是因為這樣所有的內容都會在這些元素之間。<html>通常指的是開始標簽,</html>通常指的是結束標簽。

          該元素包含了網頁的所有要求。例如,如果您想添加一些外部 CSS 文件、外部 JS 文件或一些外部 CDN(這是網站的要求),那么此元素就會派上用場。如果您不了解 CSS,它用于樣式目的,JS 用于功能目的,CDN 代表內容交付網絡。

          標題

          該元素包含顯示在Web 瀏覽器選項卡中的標題。如果您訪問 Hello world 網站,您會注意到網絡瀏覽器的選項卡中有標題。這是這些標簽的主要工作。Hello world<title>...</title>

          身體

          該元素包含用戶可見的結構。您可以想象到的上述元素可以用于我們網頁的設置。主要內容進入正文部分。

          h1

          h1是用于標題的標題元素。如果您訪問 hello world 網站,我們可以看到的 hello world 就是標題。h1不僅僅是我們擁有的標題元素。我們有一個標題元素,從 開始h1,直到 ,h6唯一的區別是h1較大,然后尺寸減小,直到 h6

          如果您想了解有關 HTML 元素的更多信息,可以在此處查看。

          讓我們創建一些表

          <table>
            <tr>
              <th>S.No.</th>
              <th>Day</th>
            </tr>
            <tr>
              <td>1</td>
              <td>Sunday</td>
            </tr>
            <tr>
              <td>2</td>
              <td>Monday</td>
            </tr>
            <tr>
              <td>3</td>
              <td>Tuesday</td>
            </tr>
            <tr>
              <td>4</td>
              <td>Wednesday</td>
            </tr>
            <tr>
              <td>5</td>
              <td>Thursday</td>
            </tr>
            <tr>
              <td>6</td>
              <td>Friday</td>
            </tr>
            <tr>
              <td>7</td>
              <td>Saturday</td>
            </tr>
          </table>
          


          table:這是用于創建表格的表格元素。
          tr:表示表格行。即表的行。
          td:表示表數據。即包含該表的數據。

          您可以在此處查看代碼的實時版本。
          注意此代碼必須寫在body元素之間。

          是時候創建 HTML 表單了

          當您上網時,您可能見過一些 HTML 表單。讓我們來創建我們自己的 HTML 表單。

          這是代碼片段。

              <form>
                  Name: <input type="text" name="name"><br>
                  Email: <input type="email" name="email"><br>
                  <input type="submit" value="Submit">
              </form>
          


          form:HTML 元素幫助我們創建 HTML 表單。
          input:輸入元素允許我們獲取用戶的輸入。和稱為HTML 屬性type="email"name="email"

          您可以在此處查看該網頁的實時版本。
          注意此代碼必須寫在body元素之間。

          結論

          總之,HTML 通過定義其結構作為網站或網頁的基礎。它決定了網站在標題、表單、表格、按鈕等元素方面的顯示方式。通過使用 HTML 標簽和元素,我們可以創建結構良好且組織良好的網頁。

          tml由element組成。element分兩種,正常element和空element。

          正常element

          <p class=“wd”>world</p>

          element由tag和content構成

          • tag
          1. 開始tag <p class=“wd”>
          2. 結束tag</p>
          • content
          1. 可以是直接在頁面上顯示的內容
          2. 也可包含別的tag

          <ul>

          <li>first</li>

          <li>second</li>

          </ul>

          空element

          沒有content和結束tag的element。比如

          1. 換行<br>
          2. <img src=“bg.png”>
          3. <input type=“text” name=“name”>

          element之間存在三種關系

          1. 父子關系。
          2. 祖孫關系
          3. 兄弟關系

          <div>

          <h1>title</h1>

          <p>p1</p>

          <p>p<strong>2</strong ></p>

          </div>

          div和h1,div和p,p和strong是父子關系。

          div和strong是祖孫關系。

          h1和p是兄弟關系。


          主站蜘蛛池模板: 91成人爽a毛片一区二区| 精品无人区一区二区三区| 精品国产一区二区三区在线| 一区二区三区四区视频| 精品少妇人妻AV一区二区三区| 最新欧美精品一区二区三区| 一区二区不卡久久精品| 秋霞鲁丝片一区二区三区| 精品一区二区三区色花堂| 无码国产精品一区二区免费式影视 | 日本人真淫视频一区二区三区| AA区一区二区三无码精片| 高清一区二区在线观看| 久久精品国内一区二区三区| 成人乱码一区二区三区av| 三上悠亚精品一区二区久久| 无码av免费一区二区三区试看| 色一情一乱一伦一区二区三欧美 | 亚洲国产av一区二区三区| 亚洲AV无一区二区三区久久| 精品亚洲AV无码一区二区三区| 日韩久久精品一区二区三区 | 国产一区二区三区高清视频 | 国产午夜精品一区二区三区不卡 | 无码人妻一区二区三区一| 精品国产日韩亚洲一区| 无码人妻一区二区三区av| 国产成人精品一区二三区| 91福利视频一区| 久久一区二区三区精品| 日韩精品区一区二区三VR| 人妻无码一区二区不卡无码av| 国产经典一区二区三区蜜芽| 精品少妇人妻AV一区二区| 精品无码AV一区二区三区不卡| 久久国产精品最新一区| 亚洲日韩精品无码一区二区三区| 无码aⅴ精品一区二区三区浪潮| 亚洲高清偷拍一区二区三区| 精品一区二区三区免费 | 久久毛片一区二区|