整合營(yíng)銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          html的基本格式

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

          正常element

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

          element由tag和content構(gòu)成

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

          <ul>

          <li>first</li>

          <li>second</li>

          </ul>

          空element

          沒有content和結(jié)束tag的element。比如

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

          element之間存在三種關(guān)系

          1. 父子關(guān)系。
          2. 祖孫關(guān)系
          3. 兄弟關(guān)系

          <div>

          <h1>title</h1>

          <p>p1</p>

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

          </div>

          div和h1,div和p,p和strong是父子關(guān)系。

          div和strong是祖孫關(guān)系。

          h1和p是兄弟關(guān)系。

          個(gè)人編寫HTML使用的軟件是dreamweaver,這個(gè)軟件的話,正版是要購(gòu)買的,一開始學(xué)習(xí)HTML就是用的這個(gè)軟件了,挺好用的,而且代碼提示特別方便,不用擔(dān)心太多的標(biāo)簽和屬性記勞~

          1.什么是HTML?

          • HTML 是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言,指的是超文本標(biāo)記語(yǔ)言: HyperText Markup Language;
          • HTML 不是一種編程語(yǔ)言,而是一種標(biāo)記語(yǔ)言;
          • HTML文檔也叫做 web 頁(yè)面;

          2.HTML基本結(jié)構(gòu)

          • <!DOCTYPE html>:文檔聲明;
          • <html>:HTML 頁(yè)面的根元素;
          • <head>:用于定義文檔的頭部,是所有頭部元素的容器;
          • <meta>:提供有關(guān)頁(yè)面的元信息,位于文檔的頭部,不包含任何內(nèi)容;
          • <title>:文檔的標(biāo)題;
          • <body>:定義文檔的主體,包含文檔的所有內(nèi)容;

          3.HTML標(biāo)簽使用?

          • HTML 標(biāo)簽是由尖括號(hào)包圍的關(guān)鍵詞,且通常是成對(duì)出現(xiàn)的如<a></a>,當(dāng)然也有單個(gè)的,只不過(guò)比較少如<hr>
          • 標(biāo)簽對(duì)中的第一個(gè)標(biāo)簽表示開始標(biāo)簽,第二個(gè)標(biāo)簽表示結(jié)束標(biāo)簽;

          4.HTML常用標(biāo)簽介紹

          除了HTML基本結(jié)構(gòu)的幾個(gè)標(biāo)簽以外,HTML還有一些比較常用的基本標(biāo)簽;

          (1)文本標(biāo)簽:

          • h1-h6:用于定義標(biāo)題,h1為最大標(biāo)題,h6為最小標(biāo)題;
          • p:定義段落;
          • span:組合文檔中的行內(nèi)元素;
          • br:換行;
          • hr:水平線;
          • strong/b:加粗文字;
          • em/i:斜體;
          • u:下劃線;
          • s:刪除線;
          • pre:定義預(yù)格式化的文本,保持原有格式;
          • sub:下標(biāo);
          • sup:上標(biāo);
          • blockquote:塊引用;

          (2)布局標(biāo)簽:

          • div:定義文檔中的分區(qū)或節(jié),把文檔分割為獨(dú)立的、不同的部分;
          • header:定義頁(yè)面的頭部;
          • aside:用作文章的側(cè)欄;
          • section:定義文檔中的節(jié);
          • footer:定義文檔或節(jié)的頁(yè)腳,通常包含文檔的作者、版權(quán)信息、使用條款鏈接、聯(lián)系信息等;
          • article:規(guī)定文章獨(dú)立的其他內(nèi)容,如標(biāo)題、內(nèi)容、評(píng)論;

          (3)多媒體標(biāo)簽:

          • img:用于在網(wǎng)頁(yè)中插入圖像;
          • audio:定義聲音,比如音樂或其他音頻流;
          • video:定義視頻,比如電影片段或其他視頻流;

          (4)超鏈接標(biāo)簽:

          • a:定義超鏈接,指定頁(yè)面間的跳轉(zhuǎn);

          (5)序列化標(biāo)簽:

          • ul:定義無(wú)序列表;
          • ol:定義有序列表;
          • li:定義列表項(xiàng)目,可用在無(wú)序列表ul和有序列表ol中;
          • dl:定義了定義列表;
          • dt:定義了定義列表中的項(xiàng)目(即術(shù)語(yǔ)部分);
          • dd:在定義列表中定義條目的定義部分;

          (6)表格標(biāo)簽:

          • table:定義 HTML 表格;
          • tr:定義表格的行;
          • td:定義表格的單元;
          • th:定義表頭;
          • caption:定義表格標(biāo)題;
          • col:為表格中一個(gè)或多個(gè)列定義屬性值;
          • colgroup:用于對(duì)表格中的列進(jìn)行組合,以便對(duì)其進(jìn)行格式化;
          • thead:定義表格的表頭;
          • tbody:表格主體,也就是正文部分;
          • tfoot:定義表格的頁(yè)腳(腳注或表注);

          (7)表單標(biāo)簽:

          • form:用于為用戶輸入創(chuàng)建 HTML 表單;
          • input:用于搜集用戶信息;
          • button:定義一個(gè)按鈕;
          • select:創(chuàng)建單選或多選菜單;
          • option:定義下拉列表中的一個(gè)選項(xiàng);
          • textarea:定義多行的文本輸入控件;
          • label:為 input 元素定義標(biāo)注(標(biāo)記);
          • fieldset:用于將表單內(nèi)的相關(guān)元素分組;
          • legend:為 fieldset 元素定義標(biāo)題;

          5.HTML注意事項(xiàng)

          • HTML文件當(dāng)以后綴名為 .html 或 .htm 來(lái)命名;
          • HTML標(biāo)簽和屬性是不區(qū)分大小寫的,建議HTML標(biāo)簽和屬性都小寫,屬性值必須用雙引號(hào)包圍;
          • HTML標(biāo)簽都是以開始標(biāo)簽起始,以結(jié)束標(biāo)簽終止;
          • HTML標(biāo)簽之間盡量縮進(jìn)與換行,每行代碼不要過(guò)長(zhǎng),方便閱讀和維護(hù);
          • HTML標(biāo)簽使用必須符合標(biāo)簽嵌套規(guī)則,如禁止a標(biāo)簽嵌套a標(biāo)簽,p標(biāo)簽嵌套div標(biāo)簽等;
          • 建議不使用HTML已經(jīng)廢棄的或者不贊成使用的標(biāo)簽,少使用table布局、iframe框架嵌套以及flash播放器;

          eb 上的多媒體指的是音效、音樂、視頻和動(dòng)畫。

          現(xiàn)代網(wǎng)絡(luò)瀏覽器已支持很多多媒體格式。

          什么是多媒體?

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

          在因特網(wǎng)上,您會(huì)經(jīng)常發(fā)現(xiàn)嵌入網(wǎng)頁(yè)中的多媒體元素,現(xiàn)代瀏覽器已支持多種多媒體格式。

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

          瀏覽器支持

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

          不同的瀏覽器以不同的方式處理對(duì)音效、動(dòng)畫和視頻的支持。某些元素能夠以內(nèi)聯(lián)的方式處理,而某些則需要額外的插件。

          多媒體格式

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

          確定媒體類型的最常用的方法是查看文件擴(kuò)展名。當(dāng)瀏覽器得到文件擴(kuò)展名 .htm 或 .html 時(shí),它會(huì)假定該文件是 HTML 頁(yè)面。.xml 擴(kuò)展名指示 XML 文件,而 .css 擴(kuò)展名指示樣式表。圖片格式則通過(guò) .gif 或 .jpg 來(lái)識(shí)別。

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

          視頻格式

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

          聲音格式

          MP3是一種音頻壓縮技術(shù),其全稱是動(dòng)態(tài)影像專家壓縮標(biāo)準(zhǔn)音頻層面3(Moving Picture Experts Group Audio Layer III),簡(jiǎn)稱為MP3。它被設(shè)計(jì)用來(lái)大幅度地降低音頻數(shù)據(jù)量。如果你的站點(diǎn)是音樂類型的,你可以選擇mp3格式。

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

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


          主站蜘蛛池模板: 亚洲国产精品一区二区久久hs| 免费无码一区二区| 无码人妻一区二区三区免费n鬼沢| 冲田杏梨AV一区二区三区| 日韩AV在线不卡一区二区三区| 日韩国产一区二区| 亚洲AV无码一区二三区| 亚洲一区二区三区偷拍女厕| 久久精品一区二区三区AV| 一区二区三区四区无限乱码| 亚洲日韩国产一区二区三区| 国产色精品vr一区区三区| 国产免费一区二区三区在线观看| 午夜福利无码一区二区| 无码国产伦一区二区三区视频| 国产在线视频一区二区三区| 人妖在线精品一区二区三区| 久久亚洲中文字幕精品一区四| 亚洲第一区视频在线观看| 亚洲一区二区女搞男| 亚洲蜜芽在线精品一区| 中文字幕日韩人妻不卡一区| 国产成人精品视频一区| 性色AV一区二区三区天美传媒| 99久久人妻精品免费一区| 久久久99精品一区二区| 国产高清在线精品一区二区| 日本一区二区三区久久| 日韩免费无码一区二区视频| 成人中文字幕一区二区三区| 久久久老熟女一区二区三区| 亚洲日本一区二区三区在线 | 少妇人妻偷人精品一区二区| 精品一区二区三区免费毛片 | 高清一区高清二区视频| 国产精品视频一区| 波多野结衣电影区一区二区三区 | 中文字幕AV一区中文字幕天堂| 亚洲一区在线免费观看| 国产高清不卡一区二区| 亚洲无线码在线一区观看|