《html教程全》PPT課件.ppt_第1頁
《html教程全》PPT課件.ppt_第2頁
《html教程全》PPT課件.ppt_第3頁
《html教程全》PPT課件.ppt_第4頁
《html教程全》PPT課件.ppt_第5頁
已閱讀5頁,還剩80頁未讀, 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

1、HTML、HTML概念和超文本標(biāo)記語言(HTML)是用于創(chuàng)建超文本文檔的簡單標(biāo)記語言。以HTML編寫的超文本文件有時稱為HTML文件,有時稱為web文件。如何創(chuàng)建HTML文檔、手動手動手動創(chuàng)建記事本等。htm .保存為html格式可視化使用HTML編輯器Frontpage、Dreamweaver等在網(wǎng)頁伺服器(或HTTP服務(wù)器)端實時動態(tài)生成。指定檔案名稱,* .htm或* .無HTML空格只能使用特殊符號(例如符號)、下劃線 _ 。英語,只有數(shù)字才能區(qū)分大小寫。主檔案名稱默認(rèn)值為index.htm或index.html,其中的元素始終成對出現(xiàn)。通常,每個元素對都有開始標(biāo)記(例如)和結(jié)束標(biāo)記(

2、例如)。元素的標(biāo)記必須用一對尖括號括起來,結(jié)束標(biāo)記總是在開始標(biāo)記之前加斜線。歡迎訪問HTML檔案結(jié)構(gòu)(Document Structures)、HTML文件的正文、第一個網(wǎng)頁(01.htm)、第一個網(wǎng)頁內(nèi)的主頁!基本組件HTML元素屬性、HTML元素可以有自己的相關(guān)屬性,每個屬性都可以由網(wǎng)頁作者指定特定的值。元素屬性出現(xiàn)在元素內(nèi),由元素名稱和空格分隔。屬性值是由“”引起的。第二頁(02.htm),第一頁歡迎來到我的主頁!HTML基本結(jié)構(gòu)的相關(guān)元素和元素屬性以及HEAD元素1元素出現(xiàn)在文檔的開頭。和之間的內(nèi)容不會顯示在瀏覽器的文檔窗口中,但它們之間的元素尤為重要。元素定義HTML文檔的標(biāo)題。和之

3、間的內(nèi)容顯示在瀏覽器窗口的標(biāo)題欄中。HTML基本結(jié)構(gòu)中的元素和元素屬性以及在HEAD元素2元素下插入許多有用的元素屬性。以下是四個方面:用于顯示搜索引擎搜索頁面時拉出的關(guān)鍵字。HTML基本結(jié)構(gòu)中的相關(guān)元素和元素屬性以及HEAD元素3元素用于顯示文檔的作者。HTML基本結(jié)構(gòu)的相關(guān)元素和元素屬性以及HEAD元素4元素用于顯示頁面的解碼方法。HTML基本結(jié)構(gòu)的相關(guān)元素和元素屬性以及HEAD元素5元素用于自動刷新網(wǎng)頁。練習(xí)(03.htm),創(chuàng)建網(wǎng)頁,3秒后自動跳到網(wǎng)絡(luò)主頁。My first page 3秒后,牙齒頁面將自動轉(zhuǎn)到華東理工大學(xué)主頁、元素和元素屬性1,元素表示HTML文檔的主體部分。和之間通

4、常有很多其他元素。這些元素和元素屬性構(gòu)成了HTML文檔的正文部分。元素和元素屬性2,元素具有元素屬性,如(1)bgcolor bgcolor屬性標(biāo)志HTML文檔的背景顏色。例如:bgcolor=# ccffcc 。例如:04.htm、HTML中的顏色控制、HTML中的顏色控制也有自己的語法。HTML使用十六進(jìn)制RGB顏色值控制顏色。十六進(jìn)制數(shù)字是3360 0、1、2、3、4、5、6、7、8、9、a、b、c、d、e、f .常規(guī)顏色的代碼、元素和元素屬性3等例如:text=# ff6666 。Text元素定義的顏色應(yīng)用于整個文檔。示例:09.htm,文本標(biāo)簽屬性1,文本屬性標(biāo)記.1.文本著色顏色.

5、#=RRGGBB十六進(jìn)制示例:011.htm,文本標(biāo)簽屬性2,文本屬性標(biāo)記2。文本字體.#=文字屬性標(biāo)記3。文字大小.#=1、2、3、4、5、6、7 or #、-#例如,013.htm,文字布局,如果不想要行的控制段(Paragraph)空格,而只想換行,則應(yīng)使用另一個元素(元素)。元素可以在該位置換行。牙齒換行類似于瀏覽器的換行效果。元素不會成對出現(xiàn)。范例:014.htm不換行015.htm、控制HTML字元和段落格式、斜角文字粗體文字底線文字刪除線文字范例:016.htm、基本元件HTML注解、在HTML文件中插入注解。注釋內(nèi)容采用HTML注釋格式(例如017.htm、文本對齊、(n=1,

6、2,3,4,5,6).其作用類似于在(#=left,center)元素中使用align=center 。例如,中間段落范例:018.htm,3 .HTML段落和換行符控件;標(biāo)尺行:線寬設(shè)置:設(shè)置行長度:對齊設(shè)置#=left;riis列表的主要作用是按順序指定特定文本。3 .HTML中的段落和點控制、未排序列表元素2的順序定義為和元素的: sports food drink friends示例:020.htm,4。超連結(jié)通用超連結(jié)1,超鏈接是整個WWW應(yīng)用程序的核心和基礎(chǔ)。如果沒有超鏈接的概念,我們所有的WWW應(yīng)用程序都將不復(fù)存在。因此,掌握超連結(jié)具有特殊的意義。4 .超連結(jié)常規(guī)超連結(jié)2,超鏈接

7、被定義為錨點元素。元素下有元素屬性。href,href的屬性值是URL地址。范例:學(xué)校的超連結(jié)范例:一般超連結(jié)范例:021.html,4 .超連結(jié)E-mail超連結(jié)超鏈接可以指向E-mail地址。示例:指向E-mail地址的超連結(jié)示例:022.htm,4 .超連結(jié)新建鏈接窗口,打開新的(瀏覽器窗口).例如:022元素下的基本元素屬性是src屬性,src的屬性值是所引用圖的URL地址。Src屬性是必需的。Src的URL可以是絕對地址或相對地址??刂艸TML牙齒圖片的-2;圖片中的替換文本是無法顯示圖片時顯示在圖片所在位置的文本或鼠標(biāo)移動到圖片上時,也顯示替換文本。如何定義圖片替代文本:例如,02

8、4.htm,通過HTML控制圖片-3,可以指定圖片在圖片顯示大小瀏覽器窗口中的顯示大小。Width指定貼花的寬度,height指定高度以定義貼花的顯示大小。屬性值可以是像素或%。例如:025.htm,通過HTML控制圖片-4,可以通過將邊框添加到圖片的一張邊框來強調(diào)。border的屬性值包括像素數(shù)示例:026.htm,通過HTML控制圖片-5,圖片對齊圖片定義水平對齊的方法示例:027.htm,表(表)標(biāo)記- 1,元素:定義表。每個表格只有一對和,并且一個頁面上可以有多個表格。元素:定義表格中的列。一個表格可以有多個資料列,因此對于一個表格來說不是唯一的。元素:定義表格中的一個單元格。每行可以

9、徐璐包含不同數(shù)量的單元格,和之間有單元格的具體內(nèi)容。請注意,上述三個茄子元素必須成對使用。如果沒有元素,則無法定義表格。表格標(biāo)記-2,表格的基本結(jié)構(gòu)定義表格定義表格行定義單元格,表格標(biāo)記-3,表格的屬性1寬度屬性:指定表格或表格單元格的寬度。單位可以是%或像素。Height屬性:指定表格或表格儲存格的高度。單位可以是%或像素。Border屬性:表格邊框粗細(xì)、表格標(biāo)記-2、表格屬性1 bgcolor屬性:指定表格或單元格的背景顏色。Background屬性:指定表格或單元格的背景圖片。屬性值是URL地址。Align屬性:指定如何對齊表格或儲存格格點的內(nèi)容(文字、圖片等)。小網(wǎng)上書店,讀者注意事項

10、,聯(lián)系人,網(wǎng)頁框架,創(chuàng)建框架頁面的步驟:1。創(chuàng)建所有子框架頁面2。建立預(yù)設(shè)框架頁面3 .在主框架頁面上設(shè)置子框架名稱4。如果框架頁面之間存在鏈接,請在子框架中設(shè)置鏈接。附注:框架頁面不支援未標(biāo)記的框架、網(wǎng)頁的框架或預(yù)設(shè)語法瀏覽器中的框架。請考慮升級瀏覽器!定義框架的默認(rèn)語法框架的網(wǎng)頁中的框架由一對定義。rows和cols Rows定義上下分割框架的大小。Cols定義左右分割框架的大小。定義尺寸時,rows和cols可以使用相對大小或百分比單位。web頁上的框架,每個窗口的大小設(shè)置水平對齊多個窗口:A B C示例:041.htm,web頁上的框架,每個窗口的大小設(shè)置垂直對齊多個窗口:A B C示

11、例:042.htm,web頁上的框架,COLS ROWS:垂直對齊web頁上的框架,框架邊框的顏色borrsSrc:在牙齒框架中顯示網(wǎng)頁的URL。目標(biāo):目標(biāo)框架,引用目標(biāo)框架的名稱。web頁上的框架,在當(dāng)前框架中打開超連結(jié)頁面默認(rèn)情況下在當(dāng)前框架頁面中打開,或使用target=_ self 在指定框架中打開超連結(jié)頁面target=name 打開新窗口鏈接頁面target= _ blankYes,no,auto Noresize:無法在瀏覽器中調(diào)整框架的大小。要移動的文本,基本語法.文本移動屬性(1)方向:direction=# #=slide、right、up、down、要移動的文本、2、文本

12、移動屬性(2)如果未指定,則循環(huán)不會停止(infinite您可以在HTML中定義表單,并將表單與服務(wù)器端西餐處理程序(如CGI或ASP)相匹配。西餐(FORM)標(biāo)簽,表單是網(wǎng)頁的特定區(qū)域。牙齒區(qū)域由一對元素定義。元素action屬性:定義西餐處理程序(ASP、CGI等節(jié)目)的位置(相對地址或絕對地址)。Method定義如何將西餐結(jié)果從瀏覽器傳遞給服務(wù)器。通常有兩種茄子方法:get、post。,西餐(FORM)標(biāo)簽,表單的默認(rèn)語法:*=GET數(shù)據(jù)量限制、無POST限制、發(fā)送到文件、西餐(FORM)標(biāo)記、文本框?文本框中的名稱*文本,password * *默認(rèn)值* * * *長度?-嗯?最大輸入字符數(shù),西餐(FORM)標(biāo)簽,3 .文本字段.西餐標(biāo)簽、按鈕具有常規(guī)按鈕、重置按鈕和提交按鈕、西餐標(biāo)簽、5。核取方塊(checm)、西餐(FORM)標(biāo)簽、6 .單一選取方塊(RadioButton)您只能選取一個表單中所有變數(shù)名稱相同的單一選取方塊。每個選項的name必須相同,才能獲得所需的結(jié)果。西餐(FORM)標(biāo)簽,7 .下拉式預(yù)設(shè)語法說明

溫馨提示

  • 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)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論