HTML基礎(chǔ)語言教程-課件_第1頁
HTML基礎(chǔ)語言教程-課件_第2頁
HTML基礎(chǔ)語言教程-課件_第3頁
HTML基礎(chǔ)語言教程-課件_第4頁
HTML基礎(chǔ)語言教程-課件_第5頁
已閱讀5頁，還剩10頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡介

HTML語言基礎(chǔ)教程培訓(xùn)人：XXX培訓(xùn)時(shí)間：2010-03-0813：00培訓(xùn)對象：網(wǎng)絡(luò)推廣部客服部培訓(xùn)目錄初識HTML語言HTML版本歷史HTML的特點(diǎn)HTML文件的整體結(jié)構(gòu)HTML5簡介介紹幾款編輯軟件頁面(Page)字體

(Font)文字布局

(TextStyle)圖象

(Image)表格(Table)表單(Form)初識HTML語言

超文本標(biāo)記語言，即HTML（HypertextMarkupLanguage），是用于描述網(wǎng)頁文檔的一種標(biāo)記語言。

HTML是一種規(guī)范，一種標(biāo)準(zhǔn)，它通過標(biāo)記符號來標(biāo)記要顯示的網(wǎng)頁中的各個(gè)部分。網(wǎng)頁文件本身是一種文本文件，通過在文本文件中添加標(biāo)記符，可以告訴瀏覽器如何顯示其中的內(nèi)容（如：文字如何處理，畫面如何安排，圖片如何顯示等）。

HTML之所以稱為超文本標(biāo)記語言，是因?yàn)槲谋局邪怂^“超級鏈接”點(diǎn)。所謂超級鏈接，就是一種URL指針，通過激活（點(diǎn)擊）它，可使瀏覽器方便地獲取新的網(wǎng)頁。這也是HTML獲得廣泛應(yīng)用的最重要的原因之一。由此可見，網(wǎng)頁的本質(zhì)就是HTML，通過結(jié)合使用其他的Web技術(shù)（如：腳本語言、CGI、組件等），可以創(chuàng)造出功能強(qiáng)大的網(wǎng)頁。因而，HTML是Web編程的基礎(chǔ)，也就是說萬維網(wǎng)是建立在超文本基礎(chǔ)之上的。HTML版本歷史

超文本置標(biāo)語言（第一版）——在1993年6月作為互聯(lián)網(wǎng)工程工作小組（IETF）工作草案發(fā)布（并非標(biāo)準(zhǔn)）：

HTML2.0——1995年11月作為RFC1866發(fā)布，在RFC2854于2000年6月發(fā)布之后被宣布已經(jīng)過時(shí)

HTML3.2——1996年1月14日，W3C推薦標(biāo)準(zhǔn)

HTML4.0——1997年12月18日，W3C推薦標(biāo)準(zhǔn)

HTML4.01（微小改進(jìn)）——1999年12月24日，W3C推薦標(biāo)準(zhǔn)

ISO/IEC15445:2000（“ISOHTML”）——2000年5月15日發(fā)布，基于嚴(yán)格的HTML4.01語法，是國際標(biāo)準(zhǔn)化組織和國際電工委員會的標(biāo)準(zhǔn)。

HTML5目前仍為草案，并已被W3C接納。HTML的特點(diǎn)HTML文檔制作不是很復(fù)雜，且功能強(qiáng)大，支持不同數(shù)據(jù)格式的文件鑲?cè)?，這也是WWW盛行的原因之一，其主要特點(diǎn)如下：

1簡易性，HTML版本升級采用超集方式，從而更加靈活方便。

2可擴(kuò)展性，HTML語言的廣泛應(yīng)用帶來了加強(qiáng)功能，增加標(biāo)識符等要求，HTML采取子類元素的方式，為系統(tǒng)擴(kuò)展帶來保證。

3平臺無關(guān)性。雖然PC機(jī)大行其道，但使用MAC等其他機(jī)器的大有人在，HTML可以使用在廣泛的平臺上，這也是WWW盛行的另一個(gè)原因。HTML文件的整體結(jié)構(gòu)<html>標(biāo)記網(wǎng)頁的開始

<head>標(biāo)記頭部的開始：頭部元素描述，如文檔標(biāo)題等，還可以加入css與javascript的引入標(biāo)簽<script/>與<link/>

</head>標(biāo)記頭部的結(jié)束

<body>標(biāo)記頁面正文開始頁面實(shí)體部分

</body>標(biāo)記正文結(jié)束

</html>標(biāo)記該網(wǎng)頁的結(jié)束

HTML5簡介HTML5有兩大特點(diǎn)：首先，強(qiáng)化了Web網(wǎng)頁的表現(xiàn)性能。其次，追加了本地?cái)?shù)據(jù)庫等Web應(yīng)用的功能。

教程地址：/html5/

HTML5特效：/92/Google_Gravity_HTML5

/canvas/tree.html

http://www.mta.me/

介紹幾款編輯軟件1、DreamweaverAdobe美國加州圣何塞的電腦軟件公司=2、Front微軟公司出品的一款網(wǎng)頁制作入門級軟件。3、EditPlus韓國SangilKim在線編輯器：/editor.asp目錄教程：/webclass/html/html_design.htmlHTML語言教程之頁面(Page)

1、鏈接(Link)<ahref="URL"target="Window_Name">...</a>2、背景色彩和文字色彩<bodybgcolor=#text=#link=#alink=#vlink=#>bgcolor背景色彩text非可鏈接文字的色彩link可鏈接文字的色彩alink正被點(diǎn)擊的可鏈接文字的色彩vlink已經(jīng)點(diǎn)擊(訪問)過的可鏈接文字的色彩

3、標(biāo)尺線<hr>HTML語言教程之字體(Font)1、識別標(biāo)題字體；<h1>今天天氣真好！</h1><h6>今天天氣真好！</h6>2、設(shè)置字體大小<fontsize=1>今天天氣真好！</font><fontsize=7>今天天氣真好！</font>3、區(qū)分物理字體與邏輯字體<b>今天天氣真好！</b><strong>今天天氣真好！</strong><i>今天天氣真好！</i><em>今天天氣真好！</em><u>今天天氣真好！</u><s>今天天氣真好！</s>

4、設(shè)置字體顏色；<fontcolor=#>...</font>HTML語言教程之文字布局(TextStyle)

1、行的控制<p>段落</p>換行<br>2、文字的對齊<palign=#>...</p>#=left,center,right<center>...</center>3、文字的分區(qū)顯示<divalign=left>...</div>4、列表<ul><li>...</li></ul>HTML語言教程之圖象(Image)

<imgsrc="圖片地址"alt="圖片描述"align="對齊方式"border="圖片邊框">

圖片地址：/pics/2012-03/07/thumb_img/20120307112915853.jpg圖片描述：大眾途安對齊方式：top,middle,bottom,left,right圖片邊框：5pxsolid#FF0000;HTML語言教程之表格(Table)

1、表格的基本語法<table>...</table>-定義表格

<tr>-定義表行

<th>-定義表頭

<td>-定義表元(表格的具體數(shù)據(jù))2、表格的設(shè)置帶邊框的表格、不帶邊框的表格、跨多列的表元、跨多行的表元、邊框尺寸設(shè)置、表格尺寸設(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)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論