HTML教程專業(yè)知識(shí)講座

上傳人：故*** IP屬地：江蘇上傳時(shí)間：2023-08-25 格式：PPTX 頁(yè)數(shù)：33 大?。?84.15KB 積分：30 舉報(bào) 版權(quán)申訴

已閱讀5頁(yè)，還剩28頁(yè)未讀，繼續(xù)免費(fèi)閱讀

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

文檔簡(jiǎn)介

HTML教程張強(qiáng)２００５．２．２５第1頁(yè)HTML介紹全寫：HyperTextMark-upLanguage譯名：超文獻(xiàn)注標(biāo)式語(yǔ)言（譯名之一）簡(jiǎn)釋：一種為一般文獻(xiàn)中某些字句加上標(biāo)示語(yǔ)言，其目標(biāo)在於利用標(biāo)識(shí)（tag）使文獻(xiàn)達(dá)成預(yù)期顯示效果。HTML是在SGML定義下一種描述性語(yǔ)言，或可說(shuō)HTML是SGML一種應(yīng)用程式，HTML不是程式語(yǔ)言，如C++和Java之類，它只是標(biāo)示語(yǔ)言，基本上你只要明白了多種標(biāo)識(shí)使用方法便算學(xué)懂了HTML，HTML格式非常簡(jiǎn)單，只是由文字及標(biāo)識(shí)組合而成，於編輯方面，任何文字編輯器都能夠，只要能將檔案另存成ASCII純文字格式即可，當(dāng)然以專業(yè)網(wǎng)頁(yè)編輯軟件為佳。第2頁(yè)標(biāo)識(shí)寫法任何標(biāo)識(shí)皆由"<"及">"所圍住，如<P>標(biāo)識(shí)名與小於號(hào)之間不能留有空白字元。某些標(biāo)識(shí)需要加上參數(shù)，某些則無(wú)須。如<fontsize="+2">Hello</font>參數(shù)只可加於起始標(biāo)識(shí)中。在起始標(biāo)識(shí)之標(biāo)識(shí)名前加上符號(hào)"/"便是其終止標(biāo)識(shí)，如</font>標(biāo)識(shí)字母大小寫皆可。

第3頁(yè)圍堵標(biāo)識(shí)與空標(biāo)識(shí)標(biāo)識(shí)按型態(tài)分為圍堵標(biāo)識(shí)與空標(biāo)識(shí)1.

圍堵標(biāo)識(shí)

顧名思義，它以起始標(biāo)識(shí)及終止標(biāo)識(shí)將文字圍住，令其達(dá)成預(yù)期顯示效果。例如<b>CreationofWebpage</b>ismyfavourite.

顯示成：CreationofWebpageismyfavourite.其中<b></b>便稱為圍堵標(biāo)識(shí)。

它以起始標(biāo)識(shí)<b>及終止標(biāo)識(shí)</b>標(biāo)示文字Creationofwebpage，令它顯示成粗體，二者失其一都會(huì)發(fā)生錯(cuò)誤顯示。第4頁(yè)圍堵標(biāo)識(shí)與空標(biāo)識(shí)標(biāo)識(shí)按型態(tài)分為圍堵標(biāo)識(shí)與空標(biāo)識(shí)2.

空標(biāo)識(shí)

是指標(biāo)識(shí)單獨(dú)出現(xiàn)，只有起始標(biāo)識(shí)沒有終止標(biāo)識(shí)。例如

IloveCreationofWebpage.<br>It'sawonderfulplace.

顯示成：

IloveCreationofWebpage.

It'sawonderfulplace.其中換行標(biāo)識(shí)<br>便屬空標(biāo)識(shí)。它作用便是將標(biāo)識(shí)後所有東西顯示於下一行，可見終止標(biāo)識(shí)於它是沒意義，但有人會(huì)為空標(biāo)識(shí)加上終止標(biāo)識(shí)，這是為方便記認(rèn)而己，對(duì)HTML沒有影響。第5頁(yè)主要標(biāo)識(shí)第6頁(yè)主要標(biāo)識(shí)第7頁(yè)主要標(biāo)識(shí)第8頁(yè)主要標(biāo)識(shí)第9頁(yè)主要標(biāo)識(shí)第10頁(yè)主要標(biāo)識(shí)第11頁(yè)主要標(biāo)識(shí)第12頁(yè)主要標(biāo)識(shí)注：

●表達(dá)該標(biāo)識(shí)屬圍堵標(biāo)識(shí)，需要關(guān)閉標(biāo)識(shí)</標(biāo)識(shí)>?！鸨磉_(dá)該標(biāo)識(shí)屬空標(biāo)識(shí)，即不需要關(guān)閉標(biāo)識(shí)。IE表達(dá)該標(biāo)識(shí)只適用於InternetExplorer。NC表達(dá)該標(biāo)識(shí)只適用於NetscapeCommunicator。反對(duì)表達(dá)該標(biāo)識(shí)不為W3C所贊同，一般這標(biāo)識(shí)是IE或NC自訂，且己為眾所支援，只是HTML標(biāo)準(zhǔn)中有其他同功能或更加好選擇。棄用表達(dá)該標(biāo)識(shí)己為W3C所棄用，是過(guò)時(shí)標(biāo)識(shí)，但HTML具向下兼容特性，不用擔(dān)心新瀏覽器不增援舊標(biāo)識(shí)。新表達(dá)該標(biāo)識(shí)是HTML4.0中新增。第13頁(yè)<HTML><HEAD><TITLE><BODY>

整份文獻(xiàn)處?kù)稑?biāo)識(shí)<HTML>與</HTML>之間。

<HTML>用以宣布這是HTML文獻(xiàn)，讓瀏覽器認(rèn)出并正確處理此HTML文獻(xiàn)。文獻(xiàn)分兩部分，由<HEAD>至</HEAD>稱為開頭，<BODY>至</BODY>稱正文?；旧隙吒饔羞m用標(biāo)識(shí)，如<TITLE>只可出現(xiàn)於開頭部分。開頭部分用以存載主要資訊，而只有正文部分會(huì)被顯示。<TITLE>所標(biāo)示是文獻(xiàn)標(biāo)題。會(huì)出現(xiàn)於瀏覽器頂部及為他人Bookmark時(shí)名稱，因此每頁(yè)有不一樣而明確標(biāo)題是需要。上述標(biāo)識(shí)中只有<BODY>具參數(shù)設(shè)定。

第14頁(yè)<BODY>之參數(shù)設(shè)定<BODYtext=“#000000”link=“#0000FF”alink=“#FF0000”vlink=“#0000FF”background=“bg1.gif”bgcolor="#FFFFFF"leftmargin=2topmargin=2bgproperties="fixed">text="#000000"

用以設(shè)定文字顏色。#000000代表黑色，亦能夠采取顏色名稱，即text="black"。多種顏色值及名稱可參照【調(diào)色原理】一節(jié)。link="#0000FF"

設(shè)定一般文字連結(jié)顏色。alink="#FF0000"

設(shè)定剛按下時(shí)文字連結(jié)顏色。vlink="#0000FF"

設(shè)定連結(jié)後顏色。（被按過(guò)）。第15頁(yè)<BODY>之參數(shù)設(shè)定background="bg1.gif"

設(shè)定背景紙。GIF或JPEG皆可，能夠是絕對(duì)途徑或相對(duì)途徑。bgcolor="#FFFFFF"

設(shè)定背景顏色。當(dāng)己設(shè)定背景紙時(shí)會(huì)失去作用，除非紙有透明部分。leftmargin=2

設(shè)定整份文獻(xiàn)顯示畫面左方邊緣空間，單位為像素?！褐贿m用於IE』topmargin=2

設(shè)定整份文獻(xiàn)顯示畫面上方邊緣空間。『只適用於IE』bgproperties="fixed"

固定背景紙，當(dāng)卷動(dòng)文字時(shí)紙不會(huì)跟著卷動(dòng)?！褐贿m用於IE』第16頁(yè)

像很多電腦語(yǔ)言同樣，HTML文獻(xiàn)亦提供注解功能。瀏覽器會(huì)忽視此標(biāo)識(shí)中文字（能夠是很多行）而不作顯示，一般使用目標(biāo)：為文中不一樣部份加上說(shuō)明，方便日後修改。

這對(duì)較復(fù)雜或非私人網(wǎng)頁(yè)尤其主要，它不單是提醒自已，亦提醒你同事這部分做甚麼、那部分做甚麼。用作版權(quán)申明。

假如你不希望他人使用或復(fù)制你網(wǎng)頁(yè)，可加上警告字眼。

第17頁(yè)

<P>稱為段落標(biāo)識(shí)。作用：為字、畫、表格等之間留一空白行。本來(lái)<P>是一圍堵標(biāo)識(shí)，標(biāo)於一段落頭尾，但從HTML2.0開始己不需要</P>作結(jié)尾。<P>常用參數(shù)：如：<palign=“">align="center"

可選值：right,left,center。

內(nèi)定值：align="left"第18頁(yè)

<BR>稱為換行標(biāo)記。作用：令字、畫、表格等顯示於下一行。由於瀏覽器會(huì)自動(dòng)忽略原始碼中空白和換行部分，這令到<BR>成為最常用標(biāo)記之一。由于無(wú)論你在原始碼中編好了多美麗文章，若不適本地加上換行標(biāo)記或段落標(biāo)記，瀏覽器只會(huì)將它顯示成一大段。第19頁(yè)

<HR>稱為水平線。作用：插入一條水平線。<HR>參數(shù)修改：

<HRalign="LEFT"size="2"width="70%"color="#0000FF"noshade>

align=“LEFT”設(shè)定線條置放位置，可選擇：left；right；center叁種設(shè)定值。size=“2”設(shè)定線條厚度，以像素作單位，內(nèi)定為2。width=“70%”設(shè)定線條長(zhǎng)度，能夠是絕對(duì)值（以像素作單位）或相對(duì)值，內(nèi)定為100%。color=“#0000FF”『只適用於IE』設(shè)定線條顏色，內(nèi)定為黑色。#0000FF代表藍(lán)色，亦能夠采取顏色名稱，即text="blue"。Noshade

設(shè)定線條為平面顯示，若刪去則具陰影或立體，這是內(nèi)定值。第20頁(yè)

<CENTER>稱為居中標(biāo)識(shí)。作用：令字、畫、表格等顯示於中間。這標(biāo)識(shí)原先是Netscape所定義，後來(lái)其他瀏覽器都增援它，對(duì)於己加有align=“CENTER”參數(shù)<TABLE>標(biāo)識(shí)亦要不厭其煩地加上居中標(biāo)識(shí)，因有頗多瀏覽器不增援<TABLE>標(biāo)識(shí)中align=“CENTER”參數(shù)。<PRE>稱為預(yù)設(shè)格式標(biāo)識(shí)。作用：令文獻(xiàn)按照原始碼排列方式顯示。這標(biāo)識(shí)允許保存你於原始碼中輸入空白及Return。第21頁(yè)

<DIV>稱為區(qū)隔標(biāo)識(shí)。作用：設(shè)定字、畫、表格等擺放位置。<DIV>應(yīng)用於StyleSheet（式樣表）方面會(huì)更顯威力，它最后目標(biāo)是給設(shè)計(jì)者另一種組織能力，有Class;Style;title;ID等屬性。

<DIValign=“">align=“center”可選值：center;left;right。決定字、畫、表格等居中、靠左或靠右。<DIValign="center">作用和居中標(biāo)識(shí)<CENTER>同樣，前者是由HTML3.0開始標(biāo)準(zhǔn)，後者是通用己久標(biāo)示法。第22頁(yè)

<NOBR>稱為不折行標(biāo)識(shí)。作用：令某些文字不因太長(zhǎng)而繞行，一齊顯示於同一行或下一行。它對(duì)住址、數(shù)學(xué)算式、一行數(shù)字、程式碼等尤為有用。

WBR>稱為提議折行標(biāo)識(shí)。作用：預(yù)設(shè)折行部位。

它沒有侵犯到<BR>責(zé)任，只是作提議而已，若觀者系統(tǒng)解像度夠高話，那麼它是不會(huì)折行。第23頁(yè)<STRONG><B><I><EM><VAR><CITE><DFN><ADDRESS><TT><SAMP><CODE><KBD><U><STRIKE><BIG><SMALL><SUP><SUB><H1><H2><H3><H4><H5><H6><FONT><BASEFONT>

實(shí)體標(biāo)識(shí)與邏輯標(biāo)識(shí)1.實(shí)體標(biāo)識(shí)有固定顯示效果，邏輯標(biāo)識(shí)則依不一樣瀏覽器而不一樣。例如邏輯標(biāo)識(shí)<EM>由於瀏覽器不一樣它所標(biāo)示文字不一定出現(xiàn)斜體效果，它也許是加底線、粗體或反白等。2.

多種實(shí)體標(biāo)識(shí)亦可有效標(biāo)示同一字句，邏輯標(biāo)識(shí)則一般於舊瀏覽器不能有效顯示多重標(biāo)示。例如兩個(gè)邏輯標(biāo)識(shí)<EM>及<STRONG>同步標(biāo)示一字句於舊瀏覽器常失去作用。實(shí)體標(biāo)識(shí)有：<I><B><U>邏輯標(biāo)識(shí)有：<STRONG><EM><VAR><CITE><DFN><ADDRESS><CODE><KBO><SAMP><TT>若要求真確效果當(dāng)然以實(shí)體標(biāo)識(shí)為佳。第24頁(yè)<STRONG><B><I><EM><VAR><CITE><DFN><ADDRESS><TT><SAMP><CODE><KBD><U><STRIKE><BIG><SMALL><SUP><SUB><H1><H2><H3><H4><H5><H6><FONT><BASEFONT>

<STRONG><B>：二者皆能產(chǎn)生字體加粗效果，但必須注意是當(dāng)文獻(xiàn)被設(shè)為Big5Encoding時(shí)，二者所標(biāo)示漢字字不會(huì)於NetscapeNetvigator顯示粗體效果。<I><EM><VAR><CITE><DFN><ADDRESS>：這些標(biāo)識(shí)於InternetExplorer都產(chǎn)生斜體效果，而只有</DFN>於NetscapeNetvigator失去作用。這些標(biāo)識(shí)中只有<ADDRESS>較為尤其，因它包括換行效果因此無(wú)須在它前面加上<BR>標(biāo)識(shí)。第25頁(yè)<STRONG><B><I><EM><VAR><CITE><DFN><ADDRESS><TT><SAMP><CODE><KBD><U><STRIKE><BIG><SMALL><SUP><SUB><H1><H2><H3><H4><H5><H6><FONT><BASEFONT>

<TT><SAMP><CODE><KBD>可令每字母有相等寬度且每字母之間距離稍為加寬。但於NC不見得如此。<U>是加底線標(biāo)識(shí)，某些尤其瀏覽器并不支持，因顧慮到與連結(jié)混同。<STRIKE>加上刪除線標(biāo)識(shí)。<BIG>令字體加大。<SMALL>令字體變細(xì)。<SUB>為下標(biāo)字，<SUP>則為上標(biāo)字，僅剩數(shù)學(xué)標(biāo)識(shí)。第26頁(yè)<STRONG><B><I><EM><VAR><CITE><DFN><ADDRESS><TT><SAMP><CODE><KBD><U><STRIKE><BIG><SMALL><SUP><SUB><H1><H2><H3><H4><H5><H6><FONT><BASEFONT>

<H1><H2><H3><H4><H5><H6>：這些是標(biāo)題標(biāo)識(shí)，由<H1>至<H6>變粗變大加寬程度逐漸減小。每個(gè)標(biāo)題標(biāo)識(shí)所標(biāo)示字句將獨(dú)占一行且上下留一空白行。第27頁(yè)<STRONG><B><I><EM><VAR><CITE><DFN><ADDRESS><TT><SAMP><CODE><KBD><U><STRIKE><BIG><SMALL><SUP><SUB><H1><H2><H3><H4><H5><H6><FONT><BASEFONT>

<FONT><BASEFONT>：這兩個(gè)標(biāo)識(shí)具參數(shù)設(shè)定，且二者參數(shù)設(shè)定是同樣，都是負(fù)責(zé)設(shè)定文字大小、字形及顏色，但各有用處，看下列比較：<BASEFONT>能夠用於文獻(xiàn)開頭部分，即<HEAD>與</HEAD>之間位置，將影響全文字句，是一種空標(biāo)識(shí)，用以變化字體顯示內(nèi)定值。<FONT>是應(yīng)用於文獻(xiàn)內(nèi)文部分，即<BODY>與</BODY>之間位置，只影響所標(biāo)示字句，是一種圍堵標(biāo)識(shí)。兩標(biāo)識(shí)可同步存在，唯沒被<FONT>所標(biāo)示字句才直接收<BASEFONT>所影響，而<FONT>本身亦受<BASEFONT>影響。

第28頁(yè)<STRONG><B><I><EM><VAR><CITE><DFN><ADDRESS><TT><SAMP><CODE><KBD><U><STRIKE><BIG><SMALL><SUP><SUB><H1><H2><H3><H4><H5><H6><FONT><BASEFONT>

<fontface="Arial"size="+2"color="#008000">Webpage</font>

face="Arial"設(shè)定文字字形。Arial是常用一種，請(qǐng)不要使用Window內(nèi)建字形以外字形。於沒有設(shè)定為Big5Encoding漢字網(wǎng)頁(yè)，NetscapeNetvigator不會(huì)顯示此標(biāo)識(shí)所指明任何漢字字形。size="+2"設(shè)定文字大小。其值能夠是絕對(duì)或相對(duì)，

絕正確意思便是標(biāo)識(shí)自己決定文字大小，不受<BASEFONT>影響，如size="5"表達(dá)其大小便是5，而html內(nèi)定值為3，即size="3"和沒有設(shè)定是同樣。相正確意思便是在內(nèi)定值3基礎(chǔ)上增加或減少大小級(jí)數(shù)，如size="+2"便等同絕對(duì)表達(dá)法size="5"，但若已設(shè)定<BASEFONTsize="n">則其實(shí)際大小便是n+2不再是3+2了。<BASEFONT>只有絕對(duì)表達(dá)法。color=“#008000”設(shè)定文字顏色。#008000表達(dá)綠色。第29頁(yè)<OL><LI><UL><MENU><DIR><DL><DT><DD>

<OL>稱為次序清單標(biāo)識(shí)。

所謂次序清單就是在每一項(xiàng)前面加上1,2,3...等數(shù)目，又稱編號(hào)清單。<OL>參數(shù)設(shè)定（常用）：

<oltype="i"start="4"></ol>

type=“i”

設(shè)定數(shù)目款式，其值有五種:1,a,A,i,I內(nèi)定為type=“1”。start="4"

設(shè)定開始數(shù)目，無(wú)論設(shè)定了哪一數(shù)目款式，其值只能是1,2,3..等整數(shù)，內(nèi)定為start="1"。第30頁(yè)<OL><LI><UL><MENU><DIR><DL><DT><DD>

<LI>用以標(biāo)示清單項(xiàng)目

<LI>參數(shù)設(shè)定（常用）：

人人文庫(kù)> 全部分類> 教育資料 > 課件下載

溫馨提示

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

HTML教程專業(yè)知識(shí)講座

文檔簡(jiǎn)介

溫馨提示

最新文檔

評(píng)論

HTML教程專業(yè)知識(shí)講座

文檔簡(jiǎn)介

溫馨提示

最新文檔

評(píng)論

相關(guān)文檔