《電子商務(wù)網(wǎng)頁設(shè)計與制作》課件項目二_第1頁
《電子商務(wù)網(wǎng)頁設(shè)計與制作》課件項目二_第2頁
《電子商務(wù)網(wǎng)頁設(shè)計與制作》課件項目二_第3頁
《電子商務(wù)網(wǎng)頁設(shè)計與制作》課件項目二_第4頁
《電子商務(wù)網(wǎng)頁設(shè)計與制作》課件項目二_第5頁
已閱讀5頁，還剩6頁未讀， 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

項目二運用HTML制作簡單網(wǎng)頁能力目標：(1)利用HTML語言制作簡單的網(wǎng)頁(2)修改HTML代碼實現(xiàn)對網(wǎng)頁的修改。知識目標：(1)HTML語言的基本結(jié)構(gòu)。(2)HTML語言中標識語句的格式和用法。(3)HTML語言中標識語句的用法。任務(wù)一學(xué)習(xí)HTML標記語言HTML語言文件結(jié)構(gòu)<html><head><title>網(wǎng)頁標題</title></head><body>網(wǎng)頁內(nèi)容</body></html>任務(wù)一學(xué)習(xí)HTML標記語言HTML語言文件結(jié)構(gòu)HTML語言，HTML（HyperTextMarkupLanguage）即超文本標記語言或超文本鏈接標示語言，是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語言，也是構(gòu)成網(wǎng)頁文檔的主要語言。設(shè)計HTML語言的目的是為了能把存放在一臺電腦中的文本或圖形與另一臺電腦中的文本或圖形方便地聯(lián)系在一起，形成有機的整體，人們不用考慮具體信息是在當(dāng)前電腦上還是在網(wǎng)絡(luò)的其它電腦上。我們只需使用鼠標在某一文檔中點取一個圖標，Internet就會馬上轉(zhuǎn)到與此圖標相關(guān)的內(nèi)容上去，而這些信息可能存放在網(wǎng)絡(luò)的另一臺電腦中。HTML文本是由HTML命令組成的描述性文本，HTML命令可以說明文字、圖形、動畫、聲音、表格、鏈接等。HTML的結(jié)構(gòu)包括頭部（Head）、主體（Body）兩大部分，其中頭部描述瀏覽器所需的信息，而主體則包含所要說明的具體內(nèi)容。任務(wù)一學(xué)習(xí)HTML標記語言HTML語言的基本語法結(jié)構(gòu)<元素名稱>要控制的元素</元素名稱>其中<元素名稱>為首標簽，</元素名稱>為尾標簽。標簽還可以設(shè)置屬性，屬性寫在首標簽中，尾標簽不變，其語法為：<元素名稱屬性1="屬性值1"屬性2="屬性值2"……>要控制的元素</元素名稱>任務(wù)一學(xué)習(xí)HTML標記語言HTML語言的基本標簽1.分段控制標簽<p><p>為分段控制標簽，它可以單獨使用也可成對使用，其作用是留一空白行。<p>有一個對齊方式屬性align，其屬性可選值為right、left、center。默認值：align="left"，如：<palign="center">商品分類介紹</p>。2.居中對齊標簽<center><centcr>為居中對齊標簽，它是一個雙標簽，其作用是進行居中控制。3.水平分隔線標簽<hr><hr>為水平分隔線標簽，它是一個單標簽，其作用是在標簽所在位置上插入一條水平線。<hr>的屬性有align、size、width、color和noshade。align：設(shè)定水平線擺放位置，其屬性可選值為right、left、center。默認值:align="center"。size：設(shè)定水平線的粗細，以像素作單位，默認值：2。width：設(shè)定水平線長度，以像素作單位，可以是絕對或相對值，默認值：100％。color：(只適用于IE瀏覽器)設(shè)定線條顏色，默認值：黑色。例如#0000FF代表藍色，也可以采用顏色的名稱：color="blue"。Noshade：設(shè)定水平線不顯示3D陰影，若無noshade屬性則有3D陰影。任務(wù)一學(xué)習(xí)HTML標記語言HTML語言的基本標簽4.設(shè)定網(wǎng)頁背景和字體顏色設(shè)定網(wǎng)頁背景和字體顏色主要是設(shè)置<body>標簽中的屬性，格式為：<bodybgcolor="屬性值1"background="屬性值2"text="屬性值3">……<／body>其中bgcolor設(shè)置網(wǎng)頁背景顏色，background設(shè)置網(wǎng)頁背景圖片，text設(shè)置網(wǎng)頁中文字顏色。5.標題文字標簽<hn><hn>為標題文字標簽，它是一個雙標簽，其作用是設(shè)置網(wǎng)頁中的標題文字。<hn>標簽一共6級，<h1>和<h1>之間的文字是第1級標題，<h6>和</h6>之間的文字是第6級標題，由<h1>到<h6>逐漸變小。每個標題標記所標示的字句將獨占一行且上下留一空白行。<hn>有一個屬性align，其屬性可選值為：right、left、center。默認值：align="left"。6.文字格式控制標簽<font><font>為文字格式控制標簽，它是一個雙標簽，其作用是設(shè)置文字的字體、大小和顏色。<font>的屬性有face、size、color。face：設(shè)定文字字體，其屬性為字體名稱。size：設(shè)定文字大小，取值l～7，默認值為3。也可用“+”“-”來設(shè)置相對值。color：設(shè)定文字顏色?？梢杂?nnnnnn，也可以采用顏色的名稱。任務(wù)一學(xué)習(xí)HTML標記語言HTML語言的基本標簽7．網(wǎng)頁中插入圖形向網(wǎng)頁中插入圖形需要用到<img>標簽，它是一個單標簽。<img>的屬性有src、alt、border、align、height/width等。src：設(shè)定圖形路徑名，此屬性不可少。alt：設(shè)定圖形的替代文字。border：設(shè)定圖形的邊框。默認或取0時為無邊框。align：設(shè)定圖形的對齊方式，其屬性值有：top、bottom、middle、right、left等。height/width：設(shè)定圖形高度／寬度8.超鏈接標簽超鏈接標簽為<a>，它是一個雙標簽。格式為：<ahref="資源地址"target="窗口名稱"title="指向連接顯示的文字">超鏈接名稱</a><a>的主要屬性有href和target。href：設(shè)定鏈接位置，此屬性不可少。任務(wù)一學(xué)習(xí)HTML標記語言HTML語言的基本標簽9表格標簽表格的建立由四個標簽組成：<table>、<tr>、<th>、<td>。（1）<table>為表格標簽，屬性有border、width/height、align、bgcolor/background、cellspacing、cellpadding等。其中border表示邊框大??；align表示表格的位置，其屬性可選值：left、center、right；width/height表示表格寬度/高度，屬性值可以是數(shù)值也可以是百分比；bgcolor/background表示表格的背景顏色/背景圖像；cellspacing表示單元格之間的距離；cellpadding表示單元格邊框與單元格內(nèi)容之間的距離。（2）<tr>為表的行標簽，定義表格的一行，屬性有height、bgcolor、align/valign等。其中height表示行的高度；bgcolor表示行的背景顏色；align/valign表示行的文字水平/垂直對齊方式，align的屬性可選值為left、center、fight，valign其屬性可選值有：top、middle、bottom。（3）<th>為表頭標簽，定義表格的表頭，字體以粗體顯示，可省略，屬性同<td>。（4）<td>為單元格標簽，定義表格的單元格，屬性有width、bgcolor／background、align/valign、rowspan/colspan等。其中width表示單元格寬度；bgcolor/background表示單元格的背景顏色/背景圖像；Ali

溫馨提示

  • 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. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論