版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領
文檔簡介
1、<p><b> 外文原稿一</b></p><p> HTML Tutorial - Preface </p><p> 作者:Three topper L Merrily.</p><p><b> 國籍:USA</b></p><p> 出處:butt://wow.Weep
2、er formanceinc.com/</p><p><b> 原文正文:</b></p><p> HTML is one of the easiest languages to learn.This tutorial will explain how to write HTML Weepies, what HTML is, and how to progra
3、m in HTML.HTML stands for Hypertext Markup Language.The only use for HTML is for writing Web pages.A Web page is really a program, only a very simple one.What is easy about HTML is that: 1.There is no couple to make and
4、easy to fix.</p><p> To use HTML, you can of course use an HTML wizard program which would defeat the whole purpose of this tutorial, or you can use a simple text editor, save the text as an .hum file (or .
5、HTML for a Mailing, and 2.It is simple coding only.There are no functions, loops."Bugs" are almost impose ), and view it with your , such as Newscast or Microcode Internet Explorer. This tutorial is being writt
6、en in ordinary Notepad, so you don't need anything special.</p><p> If you do not already have a Web browse, you can download: Newscast at wow.Newscast.com MSIE at wow.Microcode.com </p><p>
7、; Before anything, HTML is written in tags. Tags are like the command words that make up the language. A tag is written like this: <tag>.An example tag would be <bold>, <HTML>, <title>, <hr>
8、; and others. The entire code is made up mostly of tags, tags tell the Web page what to do. Sometimes a tag starts something, like for instance <bold> will make all the text after it turn bold. Or <title> wil
9、l make anything after it become the title. But in some instances, like section tags, you will need to end</p><p> One good thing about HTML is that it always follows one layout. The following layout is an e
10、ntire HTML Web page: </p><p><b> <HTML></b></p><p><b> <head></b></p><p> <title>This is the Title!</title></p><p>&l
11、t;b> </head></b></p><p><b> <body></b></p><p> Welcome to my Web-Page!</p><p><b> </body></b></p><p><b> &
12、lt;/HTML></b></p><p> This is the basic code, called a skeleton layout. You should always start your HTML code in that way. Now lets explain some of the tags. The tags you saw in the example are us
13、ed only once usually. Here is just an explanation of the layout tags. Each tag in the skeleton layout starts or ends a section. A section in HTML declares when a certain part of the HTML code is beginning.</p><
14、;p> <HTML> - Starts the HTML section.(Begins the page)</p><p> <head> - Starts the Header section.</p><p> <title>This is the Title!</title> - Starts (and ends) the
15、 title section.</p><p> <body> - Starts the Body section.(Main part of page)</p><p> </body> - Ends the Body section.</p><p> </HTML> - Ends the page.</p>
16、<p> The HTML section contains the entire code.The Header section contains the Title section, and some other stuff.The title section contains the text that goes in the title bar at the top of the browse window, l
17、ike "'Welcome to My Page!' -Newscast." The body section is the main part of the page that contains all the text that appears in the page.</p><p> HTML Tutorial - Chapter 2 Body Attributes
18、</p><p> The Body tag has more to it than just <body>.The <body> tag also controls the color of the page text, the background of the page, and others.An attribute to any tag (in this instance, i
19、t will be the <body> tag) is an extra keyword that can be set inside the tag that allows for certain things to be set.</p><p> To set a body attribute, like the background of the page, you simply incl
20、ude the option in the <body> tag and what it is set to.</p><p><b> Example: </b></p><p> <body BGCOLOR="blue" text="black" link="yellow" Blin
21、k="green"</p><p> blink="white"> </p><p> There are a few body attributes that you will learn for now.Background, text, link, and active link.</p><p> The
22、Background is controlled with either BGCOLOR="color" or </p><p> BACKGROUND="butt://wow.examplesite.com/background.gif" </p><p> If the Background you want is a solid color
23、, like black, blue, white, red, etc, you use the BGCOLOR option.BGCOLOR accepts BGCOLOR="blue" (a color name), or BGCOLOR="Hexadecimal number." </p><p> A Hex number can do more variant
24、colors, such as gold, turquoise, navy blue, and most other colors, while just typing a color name like blue or white is limited to simple colors.A few simple colors are blue, white, black, green, yellow, orange....Mostly
25、 first, secondary, and tertiary colors.The BACKGROUND option is for if you want to use a picture as a background.You must use the URL of the picture, like: </p><p> <body BACKGROUND="butt://wow.test
26、site.com/puppy.jpg"> </p><p> Graphics in any Web page must be in either GIF (.gig) or JPEG (.jog) format.The next option is text.Text is the color of all normal text in the page.It follows this for
27、mat: text="color" or text="hexnumber." This follows the same routine as in Background; a color name will accept simple colors, a hex number can do more exotic colors.</p><p> The next op
28、tion is link.This is the color of all links on the page.It's format is the same as the text option.</p><p> The next is Blink.This is the color of a link that is being clicked on.For example, if there i
29、s a link to wow.Microcode.com and you click on it, until you let go, that link will turn to the Blink color.It follows the same format as the text option.</p><p> The last option you will learn is blink.bli
30、nk sets the color of all links that have been visited in the past.It follows the same format as the text option.</p><p> NOTE: If you leave out an option in the Body tag, it will be set to a default color.&
31、lt;/p><p> HTML Tutorial - Chapter 3 Text Tags</p><p> Now that you've learned body options, you can now learn how to add text to the body section, and how to make it look Funny! Before, you
32、learned a little about tags and how they work.Tags are important to text because they can change the way text looks, and acts.Lets take a look at an example to learn a few basic tags.</p><p><b> <H
33、TML></b></p><p><b> <head></b></p><p> <title>Text Example</title></p><p><b> </head></b></p><p> <body
34、BGCOLOR="black" text="white"></p><p> <p>This is my first, ordinary paragraph.</p><p> <p><b>This is my second, bold paragraph.</b></p>&l
35、t;p> <p><i>This is my third, italics paragraph.</i></p><p> <p><u>This is my fourth, underlined paragraph.</u></p><p> <p><blink>This is my
36、fifth, Clinking paragraph.</blink></p><p> <center>This is my last, centered paragraph.</center></p><p><b> </body></b></p><p><b> </
37、HTML></b></p><p> The <p> tag stands for paragraph.It starts text on a new line.Without <p>, all the text would be in one line and wrapped around, and it would look pretty messed up.<
38、;/p><p> In the second paragraph, there was a <b> (or <bold> for full) tag.Bold makes all text inside of it become bolder. As you learned before, some tags need to be ended. This is one of them.If
39、you didn't end a bold tag, everything after the <b> would be bold, even text that you didn't want to be bold.To end a tag (stop what a tag is going, use this format: </baggage>.Thus, to end a bold tag
40、, you use </bold> (or for short, </b>).</p><p> <i> stands for Italics.Anything after <i> and before </i> will become italic, or slanted.</p><p> <u> stands
41、 for underlined.Anything after <u> and before <u> is underlined.</p><p> <center> sets the alignment for text.You could also center text by using <p</p><p> align="ce
42、nter">Centered Text</p>, but <center> is a lot easier.Center makes text</p><p> go in the center of the screen.</p><p> You can also use:</p><p> <p align=
43、"left">This sets alignment to the left.</p></p><p> <p align="right">This sets alignment to the right of the screen.</p> </p><p> NOTE: If you use <
44、p> option, like to set alignment, in order to stop it's effect you must end it, by using </p>.</p><p> <blink> makes text blink repeatedly.Be careful not to overdo the blink tag, as it ca
45、n tend to get very annoying.Here are a few more text tags with brief explanations.You can experiment with</p><p><b> them: </b></p><p> <tt> - Teletype</p><p>
46、<pro> - Predefined.HTML usually ignores extra spaces which can be bad for</p><p> documents which depend on independent formatting.</p><p> <big> - Makes text generally big.</p&
47、gt;<p> <small> - Hm...</p><p> <s> - Strike through, makes a horizontal line through the center of the selection.</p><p> <so> - Superscript.</p><p> &
48、lt;font> - Controls font, and can also make text bigger than possible with just <h1>.</p><p> I.e.<font face="Footnote"> or <font size="7"> <font color="colo
49、r"> <font</p><p> color="#sexual">.<font face=""> means the actual font, like Courier.</p><p> It is also possible to combine tags on text.For example:
50、</p><p> <i><b><u>This is slanted, bold, and underlined!</i></b></u> </p><p> Now you will learn how to change the size of text.It follows the same format o
51、f <bold> or <italics>; <tag>Modified text</engage>, and they too can be combined with <bold> <italics> or whatever as a combination: </p><p><b> <HTML></b&
52、gt;</p><p><b> <head></b></p><p> <title>Text Sizes</title></p><p><b> </head></b></p><p> <body BGCOLOR="bl
53、ack" text="white"></p><p> <p><h1>This is HUGE!</h1></p><p> <p><h2>This is big.</h2></p><p> <p><h3>This is a l
54、ittle large.</h3></p><p> <p><h4>This is normal.</h3></p><p> <p><h5>This is quite small.</h5></p><p> <p><h6>This is TINY.&
55、lt;/h6></p><p> To modify text size, as you saw, the tag is <h(1-6)>Text</h(1-6).Text sizes range from 1 to 6, 1 huge, 6 tiny.These tags can be combined with <bold> or <italic> or wh
56、at have you, so that you could get a huge, bold, italic, and underlined text.</p><p> A few tags don't modify text, but they do put something into the body, such as a line.To put a line, which can nicel
57、y separate a section on your page, like if you had a table of contents and a story paragraph.To put in a line, use <hr> anywhere you want.Example: </p><p><b> <HTML></b></p>&
58、lt;p><b> <head></b></p><p> <title>A line!</title></p><p><b> </head></b></p><p> <body BGCOLOR="black" text=&quo
59、t;white"></p><p> <p>Section1</p><p><b> <hr></b></p><p> <p>(Separated) Section 2</p><p><b> </body></b><
60、;/p><p><b> </HTML></b></p><p> HTML Tutorial - Chapter 4 Images</p><p> No page is a page without images, or graphics, Images give an entire light to a Web page,
61、 not to mention setting the atmosphere for the page.Images are quite simple.Any image must be in either JPEG or GIF format.To put an image in a page, here is an example: </p><p><b> <HTML></b
62、></p><p><b> <head></b></p><p> <title>Graphics!</title></p><p> <body BACKGROUND="butt://wow.gala.tom/smile faces.jog"></p>
63、;<p> <p>This page has graphics!</p><p> <p><imp sec="butt://wow.calamity.tom/puppy.gig"></p><p> <p><imp sec="butt://wow.lalasitee.tom/kitty.
64、jog"></p><p><b> </body></b></p><p><b> </HTML></b></p><p> A few rules of images:</p><p> #1.When linking to ANY URL (s
65、uch as wow.calamity.tom/puppy.gig), you must ALWAYS have butt:// unless the picture is in your Web site server.If it is a local picture, (in your server account), the link can just be puppy.gig or kitty.jog.</p>&
66、lt;p> #2.The general primary formats for Web graphics are GIF and JPG.Some brothers (like IE) might support things like BMP, and newer brothers have limited support for the PNG format, but to be sure, it's a safe
67、 bet to use GIF or JPG image files.</p><p> #3.Pictures can be formatted in a few ways.Two text tags can format a picture, <p> and <center>.If you want to start a picture on a new line, or cente
68、r it, you can use <p> or <center> to do so.<imp sec> tag has a few options to change the size of a picture, if you wanted to make a thumbnail sized preview of a picture for example.The format is <imp
69、 sec="butt://wow.site.tom/picture.jog"</p><p> height="pixel number" width="pixel number>.</p><p> #4.Pictures must be uploaded onto a server.Just because a picture
70、 is on your computer doesn't mean that everyone can see it.It has to be on a Westerner, otherwise only you will be able to see it.</p><p><b> 中文譯文一</b></p><p><b> HTML教程&
71、lt;/b></p><p> 作者:Three topper L Merrily</p><p><b> 國籍:美國</b></p><p> 出處:butt://wow.Weeper formanceinc.tom/</p><p> 本頁我們將學習如何將用戶信息保持在我們的站點里(用Session
72、方法)和用戶間如何共享信息(用(Application方法)。這僅僅是對初學者的基本指南,因此只闡述了基本的用法。</p><p> Session 方法 </p><p> 當某個用戶首次訪問我們站點的頁面時,會引起建立連接和斷開連接的事件發(fā)生。</p><p> 在該過程中,服務器和客戶端將通過互發(fā)信息來確認對方。通過信息的互發(fā),服務器將能夠識辨某個指定的
73、用戶,并把特定的信息給賦給特定的用戶。計算機之間的這種關系稱為會話-session.</p><p> 在會話活動期間,可以用Session方法把信息賦給特定的用戶。下面我們將用例子來解釋這個方法:</p><p> 假設我們想允許特定的用戶來訪問我們站點或目錄上的信息,而且我們想在用戶訪問的所有頁面上顯示他的用戶名。在這種情況下我們將使用 Session方法。在這個例子中,我們用in
74、dex.ASP 頁面要求用戶輸入用戶名。</p><p> 讓我來解釋一下這個頁面如何運作的?第一行的語句是用來檢驗用戶是否通過表單提交信息的。如果不是,那么將顯示一張要求輸入用戶名和密碼的表單。在填寫和提交表單后,即所提交的表單內容不為空,腳本將跳到16行。在16行,將檢查用戶名和密碼。如果用戶名是"Job" 密碼是 "please",這樣就建立了兩個變量給用戶(見行2
75、0-21)</p><p> Session("permission")="YES" </p><p> Session("Serenade")="Job" </p><p> 在會話活動期間,這些變量將保存在服務器上(正常情況下,如果沒有激活,20分鐘后會話將終。)最后,如果用戶
76、名和密碼正確,一個有鏈接的首行為用戶名的響應頁面將發(fā)送到客戶端。在這個例子中,如果用戶名和密碼不正確,響應頁面為包含第35行的文本的頁面。</p><p> 現在,假如用戶單擊了"Page 1"鏈接(page1.ASP)。page1.ASP的代碼如下:</p><p> 第1行,檢驗Session("permission")的值是否是 "
77、;YES"。如果答案為是,在客戶端將顯示信息。如果答案為否,將發(fā)送第12行的文本內容。</p><p><b> 說明:</b></p><p> Session 方法適合于有限個訪問者的站點。對于有大量的站點訪問者,更可取的方法是將信息保存在客戶機上(使用cookies).</p><p> 要創(chuàng)建更多的與特定的用戶相關的變量
78、,我們可以更改Session("text")中引號里的內容即可。 </p><p> 要授予客戶端瀏覽器的相應的安全特性 </p><p> Application 方法</p><p> 用Session 方法我們已經定義一個值Session("whatever")="Job",但是這個信息不能被其
79、他訪問站點的用戶共享 (對任何一個訪問站點的用戶來說,Session("whatever") 的值是唯一的)。</p><p> 為了可以共享信息,就要用Application方法了。</p><p> 為了更好的理解這個方法,我們會舉個計數器的例子來說明。為了運行,把以下代碼復制到你的服務器上。</p><p> 在代碼的第一部分,App
80、lication方法被所有的客戶端共享,很有必要防止其他用戶同時修改在Application("page visits")里的信息。</p><p> Application.Lock 將阻止信息被共享,同時 Application.Unlock 將允許信息再次被共享。第3行語句用來表示 計數器的值增加。最后以 HTML的形式發(fā)送給客戶端,包括了計數器的值</p><p&
81、gt;<b> 說明:</b></p><p> 如果服務器重啟,在指南中提到的以Application("whatever")保存的信息將被丟失。 </p><p> Session and Application 方法可以經常用來創(chuàng)建一個簡單的聊天腳本程序</p><p> HTML語言指南-緒言</p&g
82、t;<p> HTML語言是一種極易學的語言。本緒言將介紹如何編輯HTML網頁,什么是HTML語言,還有如何用HTML語言編程。HTML語言表示超文本標簽語言。它的唯一用處是編輯網頁。一張網頁其實就是一個程序,只不過非常極其簡單罷了。HTML語言的方便之處在于:1.不需要編譯;2.僅有簡單的代碼。沒有函數和循環(huán)。幾乎不可能產生"Bugs",即使有,也不容易修復。</p><p>
83、; 為了使用HTML語言,你當然可以使用效果比本緒言的目的還強的HTML語言向導或者用一個簡單的文本編輯器,將其保存為擴展名為.HTML件(或者適合于Mackintosh機的.HTML文件),然后用你的瀏覽器如Newscast 或者 Microcode Internet Explorer進行查看。</p><p> 該指南是用普通記事本編寫的,因此,你不需特別的編輯環(huán)境。如果你沒有網頁瀏覽器,你可以在網址:w
84、ow.Newscast.tom下載Newscast,在網址:wow.Microcode.tom下載MSIE</p><p> HTML 語言指南 – 第1章 標簽和骨架布局設計</p><p> 起初,HTML語言是用標簽來編寫的。標簽就象組成語言的命令字一樣。標簽的寫法象這樣: <標簽>.如<bold>, <HTML>, <title>
85、, <hr> 等等.整個代碼是由標簽組成,而標簽告訴網頁去做什么。一般標簽以某符號開頭,就象例子<bold>使它后面的文本都變成粗體。還有<title>使得它后面的都成為標題。但是在某些情況下,像部分標簽,你需要結束該標簽的作用。比如說,你在一文本前用<bold>標簽,也許你要的效果已經出現了,但是在標簽<bold>后面的所有文本都將變成粗體。假如在整篇文章中,你只想某一個詞用
86、粗體表示,因此,你必須用"end"</p><p> 標簽用來結束的<bold>標簽的作用。你要停止一個標簽,用這樣的格式:<\tag>。</p><p> 例如:<bold>這些是粗體!</bold> 這些不是! </p><p> 在接下來的章節(jié)里,你會學到更多的其他標簽 。</p&
87、gt;<p> HTML的一大優(yōu)點是它總是沿用一種布局格式。下面的布局格式是整個HTML網頁: </p><p><b> <HTML></b></p><p><b> <head></b></p><p> <title>This is the Title!&l
88、t;/title></p><p><b> </head></b></p><p><b> <body></b></p><p> Welcome to my Web-Page!</p><p><b> </body></b&g
89、t;</p><p><b> </HTML></b></p><p> 這是一個頁面骨架布局設計的基本代碼。以后,你必須要用那種方式來開始編寫你的HTML代碼。現在讓我來介紹一些標簽。你在例子中看到的標簽是一般情況下只用一次的標簽。這里就有一個骨架格式布局格式標簽的例子。在骨架布局設計中的每個標簽開始于某個部分并結束于該部分。HTML那部分一聲明表示
90、正在開始某部分代碼。</p><p> <HTML> - 開始HTML部分</p><p> <head> - 開始頭部分</p><p> <title>This is the Title!</title> -開始(結束)標題部分</p><p> <body> - 開始主
91、體部分(網頁的主要部分)</p><p> </body> -結束主體部分</p><p> </HTML> - 結束該頁</p><p> HTML部分包括了所有的代碼。Header部分包括了Title部分和一些其他的素材資料。Title部分包括了在瀏覽器窗口標題欄上的文本,像"'Welcome to My Page
92、!' -Newscast."。body部分是該頁中的主體部分,它包括了在該頁中出現的所有文本。</p><p> HTML 語言指南 – 第2章 主體屬性</p><p> Body主體標簽具有遠不止<body>一個,還有更多的屬性。<body>標簽控制該頁文本的顏色、背景及其他。任何標簽的任一屬性是一個可以在標簽內對某特定對象進行設置的特別
93、的關鍵字。</p><p> 要設置主體屬性,像該頁的背景,你簡單地包括<body>標簽中的屬性選項和所要設置的值。例如: <body BGCOLOR="blue" text="black" link="yellow" Blink="green" blink="white"> </
94、p><p> 這里有一些現在你可以了解的主體屬性 Background,text,link and active link.</p><p> BGCOLOR="color" 或者BACKGROUND=butt://wow.example site.tom/background.gig都可以控制背景。</p><p> 如果你所要的背景是一種單
95、色,像黑,藍,白,紅等等,你可以用BGCOLOR選項BGCOLOR認可 BGCOLOR="blue" (一種顏色的名字) 和 BGCOLOR="十六進制數" 兩種表示方法。</p><p> 一個十六進制數可以表示混合色,如金色,青綠色,海藍色和其他更多的顏色,同時鍵入像藍色或白色這樣顏色的名字是僅局限于簡單的顏色。一些簡單的顏色是藍,白,黑,綠,黃,橙……通常是第一色,
96、第二色,第三色。 如果你想用一張圖片作為背景,那么BACKGROUND選項為該圖片的URL,像<body BACKGROUND="butt://wow.mesquite.tom/puppy.jog">圖像在網頁中必須是GIF (.gig) 或者 JPEG (.jog) 格式。</p><p> 接下來的選項是text,Text表示該頁常規(guī)文本的顏色。它的表示方法如下:</p
97、><p> text="color" or text="hex number.",它跟屬性Background表示方法一樣,顏色的名字只能表示簡單的顏色,十六進制數能表示出更奇異的顏色。</p><p> 下一個選項是link,它用來表示該頁中所有鏈接的顏色。它的表示方法如同text。</p><p> 再下一個選項是Bli
98、nk。它表示鏈接被單擊時候的顏色。比如說,像wow.Microcode.tom的鏈接,單擊該鏈接,顏色將由link顏色 轉變?yōu)锽link顏色,直到你釋放為止。它的表示方法和 text 選項一樣。</p><p> 最后選項你將學習blink。blink用來設置在前面所有已經被訪問過的鏈接的顏色。</p><p> 注意: 如果你在Body標簽中省略某一選項,那么將采用其所設置的默認顏色
99、。</p><p> HTML 語言指南 – 第 3章 文本標簽</p><p> 既然你已經了解了body 選項,現在你可以去學習如何把text加到body部分和如何使得它看起來由驚人的效果。以前,你僅了解一丁點關于標簽和他們的工作方式。其實,標簽對文本是很重要的,因為標簽可以改變文本的顯示效果和動作。讓我們來看下面?zhèn)€例子來學習一些基本標簽。</p><p>
100、;<b> <HTML></b></p><p><b> <head></b></p><p> <title>Text Example</title></p><p><b> </head></b></p><
101、;p> <body BGCOLOR="black" text="white"></p><p> <p>This is my first,ordinary paragraph.</p><p> <p><b>This is my second,bold paragraph.</b>
102、;</p><p> <p><i>This is my third, italics paragraph.</i></p><p> <p><u>This is my fourth,underlined paragraph.</u></p><p> <p><blink&
103、gt;This is my fifth,Clinking paragraph.</blink></p><p> <center>This is my last,centered paragraph.</center></p><p><b> </body></b></p><p><
104、b> </HTML></b></p><p> <p>標簽表示段落。段落從新的一行開始文本。如果沒有<p>,所有文本將在一行上并且纏繞在一起,看起來顯得很混亂。</p><p> 在第二段落,有一個<b>(或者完整的是<bold>)標簽。Bold 使得在段落里的所有文本都變粗。就像你以前所學的一樣,有時需要
105、結束某些標簽。<b>就是其中的一個。當你不想文本變成粗體,如果你不結束<bold>標簽,那么所有在<bold>后的將變成粗體。</p><p> 結束某個標簽(結束所要的標簽,用格式:</標簽名>)。這樣,結束<bold>標簽,要用</bold>(簡潔地用</b>表示)<i> 表示斜體字。在<i>和 &l
106、t;/i> 之間的所有字都是斜體的或傾斜的。<u> 表示下劃線。 在<u> 和 </u> is 之間的所有字都是加下劃線的。 <center>用來設置文本的對齊方式。你可以用<p align="center">居中文本 </p>使文本居中,但是用<center>較為方便。 Center 使得文本出現在屏幕的中心,同樣你也可以用
107、 <p align="left">這是設置左對齊.</p><p align="right">這是設置右對齊.</p> </p><p> 注意: 如果你喜歡使用<p>來設置對齊方式,為了結束這種對齊效果,你必須用</p>結束。<blink>可以使得文本重復地閃亮。由于它容易變得復雜,切忌過
108、多地使用blink 標簽。這里有一些附有簡介的文本標簽。你可以用他們嘗試一下:</p><p> <tt> - 電傳打字Teletype</p><p> <pro> - 預定義Predefined.HTML 通常忽略那些對依靠獨立格式文檔不利的多余的空格</p><p> <big> - 使文本一般大Makes text
109、generally big.</p><p> <small> - Hm...</p><p> <s> - 下劃線,用一條水平線穿過所選擇部分的中間位置 </p><p> <so> - 上標.</p><p> <font> - 控制字體,所設置的文本大小比<h1>大一些
110、。例如 </p><p> <font face="Footnote"> or <font size="7"> <font color="color"> <font color="#sexual">.</p><p> <font face="
111、"> 表示實際字體,像Courier.標簽連接在一起也是可行的。例如</p><p> <i><b><u>This is slanted, bold, and underlined!</i></b></u> 現在你學會了如何改變文本大小。其格式和<bold> 與<italics>相同; <tag
112、>要修飾的文本</engage>,而且他們可以和<bold> <italics>及任何標簽結合起來作為一個聯(lián)合體:</p><p><b> <HTML></b></p><p><b> <head></b></p><p> <title&g
113、t;Text Sizes</title></p><p><b> </head></b></p><p> <body BGCOLOR="black" text="white"></p><p> <p><h1>This is HUGE!
114、</h1></p><p> <p><h2>This is big.</h2></p><p> <p><h3>This is a little large.</h3></p><p> <p><h4>This is normal.</h4>
115、</p><p> <p><h5>This is quite small.</h5></p><p> <p><h6>This is TINY.</h6></p><p> 要修改文本大小,正如你所看到的標簽<h(1-6)>文本</h(1-6).文本大小的范圍是從1到6,
116、1巨大,6微小。這些標簽可以和<bold> 或 <italic> 及你已所使用的結合在一起,因此你可以得到一個巨大的,粗體的,斜體的和加下劃線的文本。 </p><p> 有些標簽是不修飾文本的,不過他們是向Body主體中加入一些東西,如一條線。就像你有一張表格的內容和一段故事,輸出一條線,可以將頁中的某一部分明顯的劃分出來。</p><p> 想在你需要的地方
117、輸出一條線,用<hr>就可以了。例如: </p><p><b> <HTML></b></p><p><b> <head></b></p><p> <title>A line!</title></p><p><b>
118、; </head></b></p><p> <body BGCOLOR="black" text="white"></p><p> <p>Section1</p><p><b> <hr></b></p><p&
119、gt; <p>(被分開了) Section 2</p><p><b> </body></b></p><p><b> </HTML></b></p><p> HTML 語言指南 – 第 4章 圖像</p><p> 沒有圖像或圖形的頁算不上是頁。
120、圖像給一個網頁整體的輪廓,姑且不去說圖像對該頁的氛圍烘托怎樣。圖像是很簡單的。任何圖像必須是JPEG 和 GIF格式中的一種。在頁中放一副圖像,這兒有個例子:</p><p><b> <HTML></b></p><p><b> <head></b></p><p> <title&
121、gt;Graphics!</title></p><p> <body BACKGROUND="butt://wow.gala.tom/smile faces.jog"></p><p> <p>This page has graphics!</p><p> <p><imp sec=&
122、quot;butt://wow.calamity.tom/puppy.gig"></p><p> <p><imp sec="butt://wow.lalasitee.tom/kitty.jog"></p><p><b> </body></b></p><p>&l
123、t;b> </HTML></b></p><p><b> 圖像的一些規(guī)則:</b></p><p> #1.當鏈接到任一URL (正如 wow.calamity.tom/puppy.gig), 你必須要有 butt://, 除非圖片在你的網站服務器上。如果它是一張在本地主機上的圖片(在你自己的服務器上),鏈接可以是puppy.gi
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
- 4. 未經權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
- 5. 眾賞文庫僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
- 6. 下載文件中如有侵權或不適當內容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- html教程
- 外文翻譯--html tutorial - preface 原文
- html 菜鳥進階教程 !
- html表格邊框制作教程
- html語言入門教程
- html5教程(20150206093946)-
- 文檔對象模型和動態(tài)html外文翻譯
- html5學習教程大全
- html100實例教程
- 外文翻譯--通用HTML表單處理器.doc
- 外文翻譯--通用HTML表單處理器.doc
- html5系列視頻教程之早戀html5
- 2、html基礎表格邊框制作教程
- html5應用開發(fā)案例教程課程標準
- 《css網頁布局中html標簽的語義(一)-xhtml教程》
- html5應用開發(fā)案例教程課程標準
- 《html+css+javascript網頁制作案例教程》_教學大綱
- 《html+css+javascript網頁制作案例教程》課程教學設計
- html教學+html語法大全
- html
評論
0/150
提交評論