《Web前端開發(fā)技術》-第2章 1 HTML5介紹_第1頁
《Web前端開發(fā)技術》-第2章 1 HTML5介紹_第2頁
《Web前端開發(fā)技術》-第2章 1 HTML5介紹_第3頁
《Web前端開發(fā)技術》-第2章 1 HTML5介紹_第4頁
《Web前端開發(fā)技術》-第2章 1 HTML5介紹_第5頁
已閱讀5頁，還剩11頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

本講內容HTML5簡介HTML5標簽基本格式HTML5文檔基本結構HTML5注釋HTML5新結構標簽HTML5文檔結構基礎標簽HTML5字體元素標簽HTML5公共屬性HTML5介紹HTML(HypertextMarkedLanguage)即超文本標記語言制作超文本文檔的簡單標記語言超文本傳輸協議規(guī)定了瀏覽器在運行HTML文檔時所遵循的規(guī)則和進行的操作通過WEB瀏覽器顯示出效果用HTML編寫的超文本文檔稱為HTML文檔獨立于各種操作系統平臺HTTP協議的制定使瀏覽器在運行超文本時有了統一的規(guī)則和標準HTML只是一個純文本文件HTML5介紹超文本加入圖片、聲音、動畫、影視等內容的文本排版網頁中資料顯示位置的標記結構語言一個是HTML編輯器一個WEB瀏覽器包含了HTML指令代碼HTML編寫HTML5介紹HTML4第四代超文本標記語言遵從國際標準ISO8879超文本標記語言的第五代版本2014年10月29日，經過幾乎8年的艱辛努力，終于最終制定完成WorldWideWeb上的標準語言HTML51999年12月發(fā)布的HTML4.01HTML5標簽格式標簽HTML語言中最基本的單位，也稱為HTML元素大小寫無關<起始標簽[<屬性列表>]>[<內容>]</結束標簽><起始標簽[<屬性列表>]/>有起始標簽和結束標簽標簽格式可附帶一些屬性包含內容標簽不包含內容標簽HTML5文檔結構HTML5文檔HTML標簽編寫的文本文件HTML5中包括有限的固有標簽，每個標簽具有不同的含義和展示效果文檔格式<!DOCTYPEhtml><html><head>…</head><body>…</body></html>HTML5格式文檔根標簽頭標簽，定義HTML文檔相關信息，如作者，關鍵詞文檔內容標簽，包含所有顯示在瀏覽器窗口的內容標簽定義HTML5注釋注釋對HTML文檔中內容進行介紹的文本是說明性文字內容，可包括任何文本內容不在瀏覽器中顯示格式<!--注釋內容-->以符號<!--開始，注意四個字符之間沒有空格以符號-->結束，注意三個字符之間沒有空格中間放內容，可包括其他標簽及文本HTML5新結構標簽定義頁眉，或者區(qū)域的頂部header定義頁腳，或者區(qū)域的底部footer定義文檔中的區(qū)域或者章節(jié)section定義文檔中的獨立內容，如論壇帖子，報紙文章等article定義頁面內容之外內容，可作為文章側欄aside定義頁面導航navHTML文檔結構基礎標簽標簽描述<！DOCTYPE>定義文檔類型為：html5<html>定義HTML文檔的開始和結束。<head>包含HTML文檔元信息，定義文檔頭部，描述文檔的屬性和信息，是所有文檔頭部元素的容器，包括<title>、<base>、<meta>、<link>、<script>、<style>等。<body>定義文檔的主體。常用屬性有：bgcolor:：設置網頁的背景顏色Text：設置網頁上文字的顏色Background：設置網頁的背景圖片link:：設置網頁默認鏈接的顏色Alink：設置鼠標單擊時鏈接的顏色vlink:：設置訪問后鏈接的顏色元信息標簽HTML文檔中添加的·信息，如作者，關鍵詞等簽位于文檔的頭部，不包含任何內容屬性定義了與文檔相關聯的名稱/值對Name屬性:名稱/值對中的名稱Content屬性:定義與http-equiv或name屬性相關的元信息http-equiv屬性:名稱/值對中的名稱,把content屬性關聯到HTTP頭部HTML字體元素標簽標簽描述<hn><h1>—<h6>定義文檔標題，<h1>定義的標題字號最大。<p>定義段落。<br>定義換行，單標簽。<hr>定義水平分隔線，單標簽。HTML5全局屬性屬性對HTML標簽提供附加信息總是以名稱/值對的形式出現，如：name="value"總是在HTML元素的開始標簽中定義值總是用引號括起來，可以是單引號也可以是雙引號，注意如果值中沒有空格也可不用引號屬性描述屬性描述class規(guī)定元素的類名draggable規(guī)定元素是否可拖動id規(guī)定元素的唯一idtabindex規(guī)定元素的tab鍵次序style規(guī)定元素的行內樣式contenteditable元素內容可編輯title規(guī)定元素工具提示contextmenu元素的上下文菜單data-*自定義數據屬性dir元素文本方向draggable元素可拖動dropzone拖動時復制、鏈接等hidden是否可隱藏spellcheck拼寫檢查所有標簽都可定義的屬性WEB網站展示作業(yè)1、什么是HTML52、HTML5與

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間，僅對用戶上傳內容的表現方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論