工業(yè)UI開發(fā)技術(shù)-課件 2-1-1 HTML基本概念和文件結(jié)構(gòu)-2

HTML基本概念和基本結(jié)構(gòu)深圳市信息職業(yè)技術(shù)學(xué)院HTML簡介01目

錄0203HTML編輯器HTML基礎(chǔ)04HTML屬性05HTML元素本節(jié)目標(biāo)

本任務(wù)需要了解的HTML內(nèi)容包括：HTML的概念，發(fā)展歷程。需要掌握的是HTML文本相關(guān)標(biāo)簽，列表，圖片，多媒體，表格，表單標(biāo)簽以及行級與塊級標(biāo)簽的分類。通過本節(jié)學(xué)習(xí)可以：了解HTML發(fā)展歷程。掌握HTML常用標(biāo)簽。掌握常用標(biāo)簽的常用屬性。04HTML屬性HTML屬性屬性：在標(biāo)記中使用屬性=屬性值名稱/值對的形式，多個屬性使用空格分開屬性的值可以使用單引號、雙引號、不加引號（建議使用雙引號）比如：name=“value”05HTML元素HTML元素HTML元素指的是從開始標(biāo)簽（starttag）到結(jié)束標(biāo)簽（endtag）的所有代碼HTML元素的內(nèi)容是開始標(biāo)簽與結(jié)束標(biāo)簽之間的內(nèi)容某些HTML元素具有空內(nèi)容,空元素在開始標(biāo)簽中進(jìn)行關(guān)閉（以開始標(biāo)簽的結(jié)束而結(jié)束）比如：<br/>大多數(shù)HTML元素?fù)碛袑傩裕峁┝擞嘘P(guān)HTML元素的更多的信息HTML文檔結(jié)構(gòu)頭部標(biāo)簽標(biāo)簽名說明<meta>定義對頁面的描述，可以有多個<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><metahttp-equiv="refresh"content="5;url=">//不寫地址刷新本頁面<metaname="robots"content="all"/>//all,none,index文件將被檢索，且頁面鏈接可以被查詢<metaname="keywords"content="htmlw3c,w3c|w3c">3-5個<metaname="description"content="html課程"><metaname="author"content=“tina"/><link>標(biāo)簽定義兩個連接文檔之間的關(guān)系。href,hreflang,rel,type?？梢杂卸鄠€link可以添加網(wǎng)頁的ico圖標(biāo)<script>標(biāo)簽定義一段腳本，比如JavaScript。<style>標(biāo)簽定義文檔中的樣式。<title>標(biāo)簽定義文檔的標(biāo)題。只能有一個HTML文檔結(jié)構(gòu)Meta<linkrel="shortcuticon"href=/favicon.icotype=image/x-icon>meta可提供有關(guān)頁面的原信息meta位于文檔的頭部meta在html中沒有結(jié)束標(biāo)簽，在xhtml中必須被正確的關(guān)閉meta永遠(yuǎn)位于head元素內(nèi)部DOCTYPE聲明必須位于文檔的第一行，在html標(biāo)簽之前不是一個標(biāo)簽，是指示