DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> 關於HTML >> HTML代碼簡介
HTML代碼簡介
編輯:關於HTML     

HTML是 HyperText Tarkup Language的縮寫,即超文本標記語言,是在WWW上建立超文本文件的語言,它通過標記和屬性對一段文本的語言進行描述,它提供超文本連接,可以指向網絡中另一台計算機的文件,HTML還支持在文本中鑲入圖象,聲音,動畫等不同格式的文件,HTML還具有強大的排版功能,利用HTML可以制作出任意版面的主頁。

HTML有什麼特點?

HTML文檔制作不是很復雜,且功能強大,支持不同數據格式的文件鑲入,這也是WWW盛行的原因之一,其主要特點如下:

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

2 可擴展性,HTML語言的廣泛應用帶來了加強功能,增加標識符等要求,HTML采取子類元素的方式,為系統擴展帶來保證。

3 平台無關性。雖然PC機大行其道,但使用MAC等其他機器的大有人在,HTML可以使用在廣泛的平台上,這也是WWW盛行的另一個原因。

用什麼可以編輯HTML?

HTML其實是文本,它需要浏覽器的解釋,HTML的編輯器大體可以分為三種,

1 基本編輯軟件,使用WINDOWS自帶的記事本或寫字版都可以編寫,當然,如果你用WPS來編寫,也可以。不過存盤是請使用.htm或.html作為擴展名,這樣浏覽器就可以解釋執行了。

2 半所見即所得軟件,這種軟件能大大提高開發效率,它可以使你在很短的時間內做出HOMEPAGE,且可以學習HTML,這種類型的軟件主要有HOTDOG,還有國產的軟件網頁作坊。

3 所見即所得軟件,使用最廣泛的編輯器,完全可以一點不懂HTML的知識就可以做出網頁,這類軟件主要有FRONTPAGE98,DREAMWEAVER。

總類(所有HTML文件都有的)

文件類型 <HTML></HTML> (放在檔案的開頭與結尾)

文件主題 <TITLE></TITLE> (必須放在「文頭」區塊內)

文頭 <HEAD></HEAD> (描述性資料,像是「主題」)

文體 <BODY></BODY> (文件本體)

結構性定義(由浏覽器控制的顯示風格)

標題 <H?></H?> (從1到6,有六層選擇)

3.0 標題的對齊 <H? ALIGN=LEFT|CENTER|RIGHT></H?>

3.0 區分 <DIV></DIV>

3.0 區分的對齊 <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>

引文區塊 <BLOCKQUOTE></BLOCKQUOTE> (通常會內縮)

強調 <EM></EM> (通常會以斜體顯示)

特別強調 <STRONG></STRONG> (通常會以加粗顯示)

引文 <CITE></CITE> (通常會以斜體顯示)

碼 <CODE></CODE> (顯示原始碼之用)

樣本 <SAMP></SAMP>

鍵盤輸入 <KBD></KBD>

變數 <VAR></VAR>

定義 <DFN></DFN> (有些浏覽器不提供)

地址 <ADDRESS></ADDRESS>

3.0 大字 <BIG></BIG>

3.0 小字 <SMALL></SMALL>

說明 <!-- *** --> (浏覽器不會顯示)

檔案型態聲明 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">

3.0 檔案型態聲明 <!DOCTYPE HTML PUBLIC "-//W3O//DTD W3 HTML 3.0//EN">

可搜尋 <ISINDEX> (指示可搜尋的索引項)

N1.0 提示 <ISINDEX PROMPT="***"> (要求輸入的提示文字)

送出搜尋條件 <A HREF="URL?***"></a> (其中的問號不是數字,而是「問號」)

基本檔案的URL <BASE HREF="URL"> (必須放在「文頭」區段內)

N2.0 基本視窗名稱 <BASE TARGET="***"> (必須放在「文頭」區段內)

相關性 <LINK REV="***" REL="***" HREF="URL"> (必須放在「文頭」區段內)

背景資訊 <META> (必須放在「文頭」區段內)

浮動幀標記IFRAME,空姐看來哦[/COLOR]

你的網頁中一定有Banner,欄目圖片,版權等一大堆雷同的東西,出於網站風格統一,本無可厚非,但是有沒有辦法,讓這些雷同的東西一次下載後就不用再下載,而只下載那些內容有變化區域的網頁內容呢? 人們首先想到了幀標記Frame,將整個頁面劃分為若干幀。可是Frame卻不能隨意指定幀的位置,它至少要有一條邊與頁面的四邊重合,靈活性大受影響。為了能在頁面的任何位置嵌入HTML文件,我們可以使用幀標記frame的兄弟浮動幀標記Iframe,雖然Nestscape浏覽器不支持Iframe標記,但在時下IE的天下,這似乎也無大礙。

Iframe標記,又叫浮動幀標記,你可以用它將一個HTML文件嵌入在另一個HTML中顯示。它不同於Frame標記最大的特征即這個標記所引用的HTML文件不是與另外的HTML文件相互獨立顯示,而是可以直接嵌入在一個HTML文件中,與這個HTML文件內容相互融合,成為一個整體,另外,還可以多次在一個頁面內顯示同一內容,而不必重復寫內容,甚至可以在同一HTML文件嵌入多個HTML文件。

在腳本語言與對象層次中,包含Iframe的窗口我們稱之為父窗體,而浮動幀則稱為子窗體,弄清這兩者的關系很重要,因為要在父窗體中訪問子窗體或子窗體中訪問父窗體都必須清楚對象層次,才能通過程序來訪問並控制窗體。

下面是浮動幀標記Iframe的各項屬性:

一、基本語法:

<iframe>……</iframe>

浮動幀標記Iframe必須成對出現,即有開始標記<iframe>,就必須有結束標記</iframe>。

二、浮動幀標記Iframe的屬性:

1、文件位置:

語法:src=url

說明:url為嵌入的HTML文件的位置,可以是相對地址,也可以是絕對地址。

示例:<iframe src="iframe.html">

2、對象名稱:

語法:name=#

說明:#為對象的名稱。該屬性給對象取名,以便其他對象利用。

示例:<iframe src="iframe.html" name="iframe1">

3、ID選擇符:

語法:id=#

說明:指定該標記的唯一ID選擇符。

示例:<iframe src="iframe.html" id="iframe1">

把w3c的原文放在這裡並不是想嚇唬任何人,只是覺得應該告訴大家學習一門語法的方法。在能力允許的范圍內盡可能自己去查閱原版的官方文檔,這樣你不僅可以拿到最完整的信息,而且這是一個高手成長之路。翻譯的東西多半摻有個人想法,以及個人能力的有限都造成這樣一種局面:很難在翻譯的教材裡面找到完整的相關信息,從而使個人的技術水平一直停留在相對低的水平。好了廢話說了一大堆就是想和大家分享學習的方法。為了照顧到一些英文水平比較低的朋友,我就簡要的做些翻譯解釋。

Iframe是個比較新的標識。但是從它的參數來說和普通的html標識沒有什麼大的區別,相

信大家都用過frame(框架)來布局你的網頁,其實iframe和frame功能一樣,不同的是它是個浮動框架,你可以把iframe布置在你網頁中的任何位置,包括<layer>層中,這種極大的自由度可以給網頁設計帶來很大的靈活性,所以學會使用它是非常必要的。

下面介紹它的主要屬性

Name="" 給框架命名,這樣就可以使用你的命名為鏈接中的target屬性提供參數

Src="" 當前框架所鏈接的頁面地址

Frameborder="" 浮動框架的邊框大小,默認值為1顯示邊框,一般最好設為0不顯示

Marginwidth="" 浮動框架框邊與插入頁面之間空白的寬度,單位pixels

Marginheight="" 浮動框架框邊與插入頁面空白的高度,單位pixels

Scrolling="" 滾動條,有3個值:auto自動,yes 總是顯示,no 不顯示

align="MIDDLE" 可選值為 left, right, top, middle, bottom,作用不大

width=""

height="" 浮動框架的寬及長,單位pixels。

Noresize 浮動框架大小不可變

其它的屬性就是id ,class ,title ,style。

舉個例子:

<iframe src="yoroml.htm" name="yoroml" width="252" height="875" scrolling="no" frameborder=0 ></iframe>

使用Javascript制作連續滾動字幕[/COLOR]

文/暖陽

我們一般都用Marquee標簽控制元素的滾動。但是單向的Marquee滾動是不連續的,每滾完一幕,就會出現一次空白。而下面介紹中的

滾動則是連續的,毫不間斷。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved