2023學(xué)年完整公開課版Html5基礎(chǔ)元素_第1頁
2023學(xué)年完整公開課版Html5基礎(chǔ)元素_第2頁
2023學(xué)年完整公開課版Html5基礎(chǔ)元素_第3頁
2023學(xué)年完整公開課版Html5基礎(chǔ)元素_第4頁
2023學(xué)年完整公開課版Html5基礎(chǔ)元素_第5頁
已閱讀5頁，還剩8頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

Html5基礎(chǔ)元素Html5基礎(chǔ)元素元素名稱

描述<!DOCTYPE>定義文檔類型<html>定義HTML文檔<title>定義文檔的標(biāo)題<body>定義文檔的主體<hl>to<h6>定義HTML標(biāo)題<P>定義段落<br>定義簡單的換行<hr>定義水平線<!--…-->定義注釋HTML<!DOCTYPE>標(biāo)簽1.1定義和用法<!DOCTYPE>聲明必須是HTML文檔的第一行，位于<html>標(biāo)簽之前。<!DOCTYPE>聲明不是HTML標(biāo)簽；它是指示web瀏覽器關(guān)于頁面使用哪個(gè)HTML版本進(jìn)行編寫的指令。1.2HTML4.01與HTML5之間的差異在HTML4.01中有三種<!DOCTYPE>聲明。在HTML5中只有一種：<!DOCTYPEhtml>HTML<html>標(biāo)簽2.1定義和用法此元素可告知瀏覽器其自身是一個(gè)HTML文檔。<html>與</html>標(biāo)簽限定了文檔的開始點(diǎn)和結(jié)束點(diǎn)，在它們之間是文檔的頭部和主體。2.2HTML與XHTML之間的差異xmlns屬性在XHTML中是必需的，但在HTML中不是。不過，即使XHTML文檔中的<html>沒有使用此屬性，W3C的驗(yàn)證器也不會(huì)報(bào)錯(cuò)。這是因?yàn)?xmlns=/1999/xhtml"是一個(gè)固定值，即使您沒有包含它，此值也會(huì)被添加到<html>標(biāo)簽中。HTML<title>標(biāo)簽3.1定義和用法<title>元素可定義文檔的標(biāo)題。瀏覽器會(huì)以特殊的方式來使用標(biāo)題，并且通常把它放置在瀏覽器窗口的標(biāo)題欄或狀態(tài)欄上。同樣，當(dāng)把文檔加入用戶的鏈接列表或者收藏夾或書簽列表時(shí)，標(biāo)題將成為該文檔鏈接的默認(rèn)名稱。HTML<html>標(biāo)簽3.2HTML<title>標(biāo)簽的重要性一定要選擇一個(gè)正確的標(biāo)題，這對于定義文檔并確保它能夠在Web上有效利用來說是十分重要的。請記住，用戶可以用任何順序、獨(dú)立地訪問文檔集中的每一個(gè)文檔。所以，文檔的標(biāo)題不僅應(yīng)當(dāng)根據(jù)其他文檔的上下文定義，而且還要顯示其自身的特點(diǎn)。含有文檔引用排序的標(biāo)題通常不是什么好標(biāo)題。舉個(gè)例子，像“第十六章”或“第五部分”這樣的標(biāo)題，對讀者理解其內(nèi)容方面毫無用處。描述性更強(qiáng)的標(biāo)題，像“第十六章：HTML標(biāo)題”，或者“第五部分：如何使用標(biāo)題”，這樣的標(biāo)題不僅表達(dá)了它在一個(gè)大型文檔集中的位置，還說明了文檔的具體內(nèi)容，吸引讀者更有興趣讀下去。自我引用的標(biāo)題也沒有什么用處。像“主頁”這樣的標(biāo)題和內(nèi)容毫無關(guān)系，類似的還有“反饋頁”或“常用鏈接”等。你應(yīng)該設(shè)計(jì)一個(gè)能夠傳達(dá)一定內(nèi)容和目的的標(biāo)題，令讀者憑這個(gè)標(biāo)題就可以判斷是否由必要訪問這個(gè)頁面?！癏TML<title>標(biāo)簽的詳細(xì)信息”，這就是一個(gè)描述性的標(biāo)題，類似的還有“HTML<title>標(biāo)簽的反饋頁”等等。人們常常會(huì)花費(fèi)大量時(shí)間去創(chuàng)建Web文檔，但卻經(jīng)常只是因?yàn)橐粋€(gè)不吸引人或無意義的標(biāo)題，而把這些努力全都浪費(fèi)掉了。當(dāng)自動(dòng)為用戶搜集鏈接的特殊軟件在Web上越來越流行時(shí)，只有網(wǎng)頁的標(biāo)題才會(huì)作為與頁面相關(guān)的描述性詞語，被插入到龐大的鏈接數(shù)據(jù)庫中。因此，我們怎么強(qiáng)調(diào)這一點(diǎn)都不過分：請為自己的每個(gè)文檔都認(rèn)真地選擇一個(gè)描述性的、實(shí)用的并與上下文獨(dú)立的標(biāo)題。HTML<body>標(biāo)簽4.1定義和用法body元素定義文檔的主體。body元素包含文檔的所有內(nèi)容（比如文本、超鏈接、圖像、表格和列表等等。）HTML<body>標(biāo)簽4.2可選的屬性屬性值描述alinkrgb(x,x,x)#xxxxxxcolorname不贊成使用。請使用樣式取代它。規(guī)定文檔中活動(dòng)鏈接（activelink）的的顏色。backgroundURL不贊成使用。請使用樣式取代它。規(guī)定文檔的背景圖像。bgcolorrgb(x,x,x)#xxxxxxcolorname不贊成使用。請使用樣式取代它。規(guī)定文檔的背景顏色。linkrgb(x,x,x)#xxxxxxcolorname不贊成使用。請使用樣式取代它。規(guī)定文檔中未訪問鏈接的默認(rèn)顏色。textrgb(x,x,x)#xxxxxxcolorname不贊成使用。請使用樣式取代它。規(guī)定文檔中所有文本的顏色。vlinkrgb(x,x,x)#xxxxxxcolorname不贊成使用。請使用樣式取代它。規(guī)定文檔中已被訪問鏈接的顏色。HTML<h1>到<h6>標(biāo)簽5.1定義和用法<h1>-<h6>標(biāo)簽可定義標(biāo)題。<h1>定義最大的標(biāo)題。<h6>定義最小的標(biāo)題。由于h元素?fù)碛写_切的語義，因此請您慎重地選擇恰當(dāng)?shù)臉?biāo)簽層級來構(gòu)建文檔的結(jié)構(gòu)。因此，請不要利用標(biāo)題標(biāo)簽來改變同一行中的字體大小。相反，我們應(yīng)當(dāng)使用層疊樣式表定義來達(dá)到漂亮的顯示效果。HTML<p>標(biāo)簽6.1定義和用法<p>標(biāo)簽定義段落。p元素會(huì)自動(dòng)在其前后創(chuàng)建一些空白。瀏覽器會(huì)自動(dòng)添加這些空間，您也可以在樣式表中規(guī)定。HTML<br>標(biāo)簽7.1定義和用法<br>可插入一個(gè)簡單的換行符。<br>標(biāo)簽是空標(biāo)簽（意味著它沒有結(jié)束標(biāo)簽，因此這是錯(cuò)誤的：<br></br>）。在XHTML中，把結(jié)束標(biāo)簽放在開始標(biāo)簽中，也就是<br/>。請注意，<br>標(biāo)簽只是簡單地開始新的一行，而當(dāng)瀏覽器遇到<p>

溫馨提示

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

評論

0/150

提交評論