2023學(xué)年完整公開課版html常用標(biāo)簽_第1頁
2023學(xué)年完整公開課版html常用標(biāo)簽_第2頁
2023學(xué)年完整公開課版html常用標(biāo)簽_第3頁
2023學(xué)年完整公開課版html常用標(biāo)簽_第4頁
2023學(xué)年完整公開課版html常用標(biāo)簽_第5頁
已閱讀5頁，還剩12頁未讀， 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

HTML之常用標(biāo)簽任務(wù)引入任務(wù)目標(biāo)任務(wù)內(nèi)容任務(wù)實訓(xùn)<HTML><!--開始標(biāo)簽-->

<HEAD><!--頭部標(biāo)簽-->

<TITLE>一個簡單的示例</TITLE> </HEAD>

<BODY><!--主體開始標(biāo)簽-->

<H1>歡迎光臨我的主頁</H1>

<BR><!--強制換行-->

<HR><!--插入水平線-->

<FONTSIZE=7COLOR=red>

這是我第一次做主頁? </FONT>

</BODY><!--主體結(jié)束標(biāo)簽--></HTML><!--結(jié)尾標(biāo)簽-->

這是一個html文檔任務(wù)目標(biāo)知識目標(biāo)知道html的概念和作用知道html語言的語法結(jié)構(gòu)掌握html結(jié)構(gòu)標(biāo)簽、基礎(chǔ)標(biāo)簽、文本標(biāo)記技能目標(biāo)會編寫一個html網(wǎng)頁會使用html中的主體標(biāo)簽、基礎(chǔ)標(biāo)簽、文本標(biāo)記

什么是html，如何使用html制作網(wǎng)頁？什么是html（1）HTML(HypertextMarkedLanguage)，即超文本標(biāo)記語言，是一種用來制作網(wǎng)頁的簡單標(biāo)記語言。用HTML編寫的超文本文檔稱為HTML文檔，它能獨立于各種操作系統(tǒng)平臺（如UNIX，WINDOWS等），它能被瀏覽器執(zhí)行展現(xiàn)成我們熟悉的網(wǎng)頁。什么是html

什么是html（2）格式該語言編寫需要一定格式要求，html遵循以下要求：HTML以標(biāo)識符來標(biāo)識、排列各對象。標(biāo)識符本身以“<”和“>”標(biāo)識，標(biāo)識符內(nèi)的內(nèi)容稱為元素（element），元素代表了標(biāo)識符的意義，元素是與大小寫無關(guān)的。（3）語法：<元素名稱>要控制的元素</元素名稱><元素名稱屬性1=屬性值屬性2=屬性值>要控制的元素</元素名稱>

什么是html（4）html文件編寫方法1、手工直接編寫：打開記事本輸入html文件 將文件保存成擴展名為.htm或.html的文件在瀏覽器中瀏覽效果對文重新修改編輯。2、使用可視化工具，frontpage、Dreamweaver，文件保存為.htm或.html的文件。3、由服務(wù)器動態(tài)生成。

什么是html<html><body><h1>我的第一個標(biāo)題</h1><p>我的第一個段落。</p></body></html>例子解釋<html>與</html>之間的文本描述網(wǎng)頁<body>與</body>之間的文本是可見的頁面內(nèi)容<h1>與</h1>之間的文本被顯示為標(biāo)題<p>與</p>之間的文本被顯示為段落

html結(jié)構(gòu)標(biāo)簽<HTML><!--開始標(biāo)簽-->

<HEAD><!--頭部標(biāo)簽-->

<TITLE>一個簡單的HTML示例</TITLE></HEAD><BODY><!

--主體開始標(biāo)簽-->

<!—網(wǎng)頁的主體內(nèi)容--></BODY><!--主體結(jié)束標(biāo)簽-->

</HTML><!--結(jié)尾標(biāo)簽-->html結(jié)構(gòu)標(biāo)簽<html></html>是標(biāo)志一個網(wǎng)頁<head></head>標(biāo)識中的元素可包含腳本，指示瀏覽器在何處可以找到樣式表，提供元信息，等等。以下標(biāo)簽都可以添加到head部分：<title>、<base>、<link>、<meta>、<script>以及<style><body>與</body>之間的文本是可見的頁面內(nèi)容，是瀏覽器看的見的內(nèi)容。

基礎(chǔ)標(biāo)簽Html實例1：index.html<HTML><HEAD><TITLE>我的第二個網(wǎng)頁</TITLE></HEAD><BODY><h1>努力掌握HTML知識，做出內(nèi)容豐富的主頁！<h1><p>努力掌握HTML知識，做出內(nèi)容豐富的主頁！<p><ahref=>打開百度網(wǎng)頁</a><imgsrc=1.jpg></BODY></HTML>

基礎(chǔ)標(biāo)簽（一）段落標(biāo)記（1）格式：<palign=#>控制內(nèi)容</p>（2）功能：設(shè)置段落的開始與結(jié)束，在段前和段后各加一行（二）標(biāo)題標(biāo)記(1)格式：<hn>內(nèi)容</hn>，n為1--7(2)作用:將文字一標(biāo)題形式顯示

基礎(chǔ)標(biāo)簽（三）超鏈接標(biāo)記（1）格式：<ahref=urltarget=#>鏈接文字</a>（2）功能：實現(xiàn)頁面的跳轉(zhuǎn)，使用戶獲取需要的信息（3）屬性:href=url,url表示要鏈接到的頁面的路徑或網(wǎng)頁地址,該屬性必須

target=#;#=_self_blank或者是錨點

基礎(chǔ)標(biāo)簽（四）圖片標(biāo)記(1)格式：<imgsrc=url>(2)作用:在網(wǎng)頁中插入圖片(3)屬性：src:表示圖片的路徑alt:在圖片位置顯示文字提示width:圖片的寬度，height:圖片的高度align:top,middle,bottom,left,right與文字的對齊方式border:圖像的邊框

基礎(chǔ)標(biāo)簽實例ex12.htm：<html><head><title>鏈接標(biāo)記演示</title></head><body><ahref=ex8.htmtarget=_blank>這是一個鏈接！點擊我會實現(xiàn)頁面跳轉(zhuǎn)哦！</a><br><br><ahref=ex8.htm>點擊我,新頁面會在本窗口顯示呢！

</a><br><br><ahref=target=_blank>點擊我,會跳轉(zhuǎn)到sina網(wǎng)站呢!</a><br><ahref=mailto:lvlijunforever@>跟我聯(lián)系</a></body></html>

文本標(biāo)記文本格式控制標(biāo)記<fontface=#size=ncolor=#>顯示內(nèi)容<font>face設(shè)置字體，為字體名稱，如宋體size設(shè)置文本的字號，n為1～7color設(shè)置文字的顏色<b>加粗</b>加粗！<i>斜體</i>今天斜體！<u>下劃線！</u>今天天氣真好！下劃線<sup>上標(biāo)！</sup>N今天天氣真好！上標(biāo)<sub>下標(biāo)</sub>N今天天氣真好！下標(biāo)<s>刪除線</s>今天天氣真好！刪除線<center>內(nèi)容</center>

<marqueedirection=#></marquee>

文本標(biāo)記<html><body><center><fontface=黑體size=5color=red>黑體文字</font><br><fontface=華文彩云size=6color=red

溫馨提示

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

評論

0/150

提交評論