2023學年完整公開課版html常用標簽_第1頁
2023學年完整公開課版html常用標簽_第2頁
2023學年完整公開課版html常用標簽_第3頁
2023學年完整公開課版html常用標簽_第4頁
2023學年完整公開課版html常用標簽_第5頁
已閱讀5頁,還剩12頁未讀 繼續免費閱讀

下載本文檔

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

文檔簡介

HTML之常用標簽任務引入任務目標任務內容任務實訓<HTML><!--開始標簽-->

<HEAD><!--頭部標簽-->

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

<BODY><!--主體開始標簽-->

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

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

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

<FONTSIZE=7COLOR=red>

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

</BODY><!--主體結束標簽--></HTML><!--結尾標簽-->

這是一個html文檔任務目標知識目標知道html的概念和作用知道html語言的語法結構掌握html結構標簽、基礎標簽、文本標記技能目標會編寫一個html網頁會使用html中的主體標簽、基礎標簽、文本標記

什么是html,如何使用html制作網頁?什么是html(1)HTML(HypertextMarkedLanguage),即超文本標記語言,是一種用來制作網頁的簡單標記語言。用HTML編寫的超文本文檔稱為HTML文檔,它能獨立于各種操作系統平臺(如UNIX,WINDOWS等),它能被瀏覽器執行展現成我們熟悉的網頁。什么是html

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

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

什么是html<html><body><h1>我的第一個標題</h1><p>我的第一個段落。</p></body></html>例子解釋<html>與</html>之間的文本描述網頁<body>與</body>之間的文本是可見的頁面內容<h1>與</h1>之間的文本被顯示為標題<p>與</p>之間的文本被顯示為段落

html結構標簽<HTML><!--開始標簽-->

<HEAD><!--頭部標簽-->

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

--主體開始標簽-->

<!—網頁的主體內容--></BODY><!--主體結束標簽-->

</HTML><!--結尾標簽-->html結構標簽<html></html>是標志一個網頁<head></head>標識中的元素可包含腳本,指示瀏覽器在何處可以找到樣式表,提供元信息,等等。以下標簽都可以添加到head部分:<title>、<base>、<link>、<meta>、<script>以及<style><body>與</body>之間的文本是可見的頁面內容,是瀏覽器看的見的內容。

基礎標簽Html實例1:index.html<HTML><HEAD><TITLE>我的第二個網頁</TITLE></HEAD><BODY><h1>努力掌握HTML知識,做出內容豐富的主頁!<h1><p>努力掌握HTML知識,做出內容豐富的主頁!<p><ahref=>打開百度網頁</a><imgsrc=1.jpg></BODY></HTML>

基礎標簽(一)段落標記(1)格式:<palign=#>控制內容</p>(2)功能:設置段落的開始與結束,在段前和段后各加一行(二)標題標記(1)格式:<hn>內容</hn>,n為1--7(2)作用:將文字一標題形式顯示

基礎標簽(三)超鏈接標記(1)格式:<ahref=urltarget=#>鏈接文字</a>(2)功能:實現頁面的跳轉,使用戶獲取需要的信息(3)屬性:href=url,url表示要鏈接到的頁面的路徑或網頁地址,該屬性必須

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

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

基礎標簽實例ex12.htm:<html><head><title>鏈接標記演示</title></head><body><ahref=ex8.htmtarget=_blank>這是一個鏈接!點擊我會實現頁面跳轉哦!</a><br><br><ahref=ex8.htm>點擊我,新頁面會在本窗口顯示呢!

</a><br><br><ahref=target=_blank>點擊我,會跳轉到sina網站呢!</a><br><ahref=mailto:lvlijunforever@>跟我聯系</a></body></html>

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

<marqueedirection=#></marquee>

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

溫馨提示

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

評論

0/150

提交評論