版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡介
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> 本頁我們將學(xué)習(xí)如何將用戶信息保持在我們的站點(diǎn)里(用Session
72、方法)和用戶間如何共享信息(用(Application方法)。這僅僅是對初學(xué)者的基本指南,因此只闡述了基本的用法。</p><p> Session 方法 </p><p> 當(dāng)某個(gè)用戶首次訪問我們站點(diǎn)的頁面時(shí),會(huì)引起建立連接和斷開連接的事件發(fā)生。</p><p> 在該過程中,服務(wù)器和客戶端將通過互發(fā)信息來確認(rèn)對方。通過信息的互發(fā),服務(wù)器將能夠識(shí)辨某個(gè)指定的
73、用戶,并把特定的信息給賦給特定的用戶。計(jì)算機(jī)之間的這種關(guān)系稱為會(huì)話-session.</p><p> 在會(huì)話活動(dòng)期間,可以用Session方法把信息賦給特定的用戶。下面我們將用例子來解釋這個(gè)方法:</p><p> 假設(shè)我們想允許特定的用戶來訪問我們站點(diǎn)或目錄上的信息,而且我們想在用戶訪問的所有頁面上顯示他的用戶名。在這種情況下我們將使用 Session方法。在這個(gè)例子中,我們用in
74、dex.ASP 頁面要求用戶輸入用戶名。</p><p> 讓我來解釋一下這個(gè)頁面如何運(yùn)作的?第一行的語句是用來檢驗(yàn)用戶是否通過表單提交信息的。如果不是,那么將顯示一張要求輸入用戶名和密碼的表單。在填寫和提交表單后,即所提交的表單內(nèi)容不為空,腳本將跳到16行。在16行,將檢查用戶名和密碼。如果用戶名是"Job" 密碼是 "please",這樣就建立了兩個(gè)變量給用戶(見行2
75、0-21)</p><p> Session("permission")="YES" </p><p> Session("Serenade")="Job" </p><p> 在會(huì)話活動(dòng)期間,這些變量將保存在服務(wù)器上(正常情況下,如果沒有激活,20分鐘后會(huì)話將終。)最后,如果用戶
76、名和密碼正確,一個(gè)有鏈接的首行為用戶名的響應(yīng)頁面將發(fā)送到客戶端。在這個(gè)例子中,如果用戶名和密碼不正確,響應(yīng)頁面為包含第35行的文本的頁面。</p><p> 現(xiàn)在,假如用戶單擊了"Page 1"鏈接(page1.ASP)。page1.ASP的代碼如下:</p><p> 第1行,檢驗(yàn)Session("permission")的值是否是 "
77、;YES"。如果答案為是,在客戶端將顯示信息。如果答案為否,將發(fā)送第12行的文本內(nèi)容。</p><p><b> 說明:</b></p><p> Session 方法適合于有限個(gè)訪問者的站點(diǎn)。對于有大量的站點(diǎn)訪問者,更可取的方法是將信息保存在客戶機(jī)上(使用cookies).</p><p> 要?jiǎng)?chuàng)建更多的與特定的用戶相關(guān)的變量
78、,我們可以更改Session("text")中引號里的內(nèi)容即可。 </p><p> 要授予客戶端瀏覽器的相應(yīng)的安全特性 </p><p> Application 方法</p><p> 用Session 方法我們已經(jīng)定義一個(gè)值Session("whatever")="Job",但是這個(gè)信息不能被其
79、他訪問站點(diǎn)的用戶共享 (對任何一個(gè)訪問站點(diǎn)的用戶來說,Session("whatever") 的值是唯一的)。</p><p> 為了可以共享信息,就要用Application方法了。</p><p> 為了更好的理解這個(gè)方法,我們會(huì)舉個(gè)計(jì)數(shù)器的例子來說明。為了運(yùn)行,把以下代碼復(fù)制到你的服務(wù)器上。</p><p> 在代碼的第一部分,App
80、lication方法被所有的客戶端共享,很有必要防止其他用戶同時(shí)修改在Application("page visits")里的信息。</p><p> Application.Lock 將阻止信息被共享,同時(shí) Application.Unlock 將允許信息再次被共享。第3行語句用來表示 計(jì)數(shù)器的值增加。最后以 HTML的形式發(fā)送給客戶端,包括了計(jì)數(shù)器的值</p><p&
81、gt;<b> 說明:</b></p><p> 如果服務(wù)器重啟,在指南中提到的以Application("whatever")保存的信息將被丟失。 </p><p> Session and Application 方法可以經(jīng)常用來創(chuàng)建一個(gè)簡單的聊天腳本程序</p><p> HTML語言指南-緒言</p&g
82、t;<p> HTML語言是一種極易學(xué)的語言。本緒言將介紹如何編輯HTML網(wǎng)頁,什么是HTML語言,還有如何用HTML語言編程。HTML語言表示超文本標(biāo)簽語言。它的唯一用處是編輯網(wǎng)頁。一張網(wǎng)頁其實(shí)就是一個(gè)程序,只不過非常極其簡單罷了。HTML語言的方便之處在于:1.不需要編譯;2.僅有簡單的代碼。沒有函數(shù)和循環(huán)。幾乎不可能產(chǎn)生"Bugs",即使有,也不容易修復(fù)。</p><p>
83、; 為了使用HTML語言,你當(dāng)然可以使用效果比本緒言的目的還強(qiáng)的HTML語言向?qū)Щ蛘哂靡粋€(gè)簡單的文本編輯器,將其保存為擴(kuò)展名為.HTML件(或者適合于Mackintosh機(jī)的.HTML文件),然后用你的瀏覽器如Newscast 或者 Microcode Internet Explorer進(jìn)行查看。</p><p> 該指南是用普通記事本編寫的,因此,你不需特別的編輯環(huán)境。如果你沒有網(wǎng)頁瀏覽器,你可以在網(wǎng)址:w
84、ow.Newscast.tom下載Newscast,在網(wǎng)址:wow.Microcode.tom下載MSIE</p><p> HTML 語言指南 – 第1章 標(biāo)簽和骨架布局設(shè)計(jì)</p><p> 起初,HTML語言是用標(biāo)簽來編寫的。標(biāo)簽就象組成語言的命令字一樣。標(biāo)簽的寫法象這樣: <標(biāo)簽>.如<bold>, <HTML>, <title>
85、, <hr> 等等.整個(gè)代碼是由標(biāo)簽組成,而標(biāo)簽告訴網(wǎng)頁去做什么。一般標(biāo)簽以某符號開頭,就象例子<bold>使它后面的文本都變成粗體。還有<title>使得它后面的都成為標(biāo)題。但是在某些情況下,像部分標(biāo)簽,你需要結(jié)束該標(biāo)簽的作用。比如說,你在一文本前用<bold>標(biāo)簽,也許你要的效果已經(jīng)出現(xiàn)了,但是在標(biāo)簽<bold>后面的所有文本都將變成粗體。假如在整篇文章中,你只想某一個(gè)詞用
86、粗體表示,因此,你必須用"end"</p><p> 標(biāo)簽用來結(jié)束的<bold>標(biāo)簽的作用。你要停止一個(gè)標(biāo)簽,用這樣的格式:<\tag>。</p><p> 例如:<bold>這些是粗體!</bold> 這些不是! </p><p> 在接下來的章節(jié)里,你會(huì)學(xué)到更多的其他標(biāo)簽 。</p&
87、gt;<p> HTML的一大優(yōu)點(diǎn)是它總是沿用一種布局格式。下面的布局格式是整個(gè)HTML網(wǎng)頁: </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> 這是一個(gè)頁面骨架布局設(shè)計(jì)的基本代碼。以后,你必須要用那種方式來開始編寫你的HTML代碼?,F(xiàn)在讓我來介紹一些標(biāo)簽。你在例子中看到的標(biāo)簽是一般情況下只用一次的標(biāo)簽。這里就有一個(gè)骨架格式布局格式標(biāo)簽的例子。在骨架布局設(shè)計(jì)中的每個(gè)標(biāo)簽開始于某個(gè)部分并結(jié)束于該部分。HTML那部分一聲明表示
90、正在開始某部分代碼。</p><p> <HTML> - 開始HTML部分</p><p> <head> - 開始頭部分</p><p> <title>This is the Title!</title> -開始(結(jié)束)標(biāo)題部分</p><p> <body> - 開始主
91、體部分(網(wǎng)頁的主要部分)</p><p> </body> -結(jié)束主體部分</p><p> </HTML> - 結(jié)束該頁</p><p> HTML部分包括了所有的代碼。Header部分包括了Title部分和一些其他的素材資料。Title部分包括了在瀏覽器窗口標(biāo)題欄上的文本,像"'Welcome to My Page
92、!' -Newscast."。body部分是該頁中的主體部分,它包括了在該頁中出現(xiàn)的所有文本。</p><p> HTML 語言指南 – 第2章 主體屬性</p><p> Body主體標(biāo)簽具有遠(yuǎn)不止<body>一個(gè),還有更多的屬性。<body>標(biāo)簽控制該頁文本的顏色、背景及其他。任何標(biāo)簽的任一屬性是一個(gè)可以在標(biāo)簽內(nèi)對某特定對象進(jìn)行設(shè)置的特別
93、的關(guān)鍵字。</p><p> 要設(shè)置主體屬性,像該頁的背景,你簡單地包括<body>標(biāo)簽中的屬性選項(xiàng)和所要設(shè)置的值。例如: <body BGCOLOR="blue" text="black" link="yellow" Blink="green" blink="white"> </
94、p><p> 這里有一些現(xiàn)在你可以了解的主體屬性 Background,text,link and active link.</p><p> BGCOLOR="color" 或者BACKGROUND=butt://wow.example site.tom/background.gig都可以控制背景。</p><p> 如果你所要的背景是一種單
95、色,像黑,藍(lán),白,紅等等,你可以用BGCOLOR選項(xiàng)BGCOLOR認(rèn)可 BGCOLOR="blue" (一種顏色的名字) 和 BGCOLOR="十六進(jìn)制數(shù)" 兩種表示方法。</p><p> 一個(gè)十六進(jìn)制數(shù)可以表示混合色,如金色,青綠色,海藍(lán)色和其他更多的顏色,同時(shí)鍵入像藍(lán)色或白色這樣顏色的名字是僅局限于簡單的顏色。一些簡單的顏色是藍(lán),白,黑,綠,黃,橙……通常是第一色,
96、第二色,第三色。 如果你想用一張圖片作為背景,那么BACKGROUND選項(xiàng)為該圖片的URL,像<body BACKGROUND="butt://wow.mesquite.tom/puppy.jog">圖像在網(wǎng)頁中必須是GIF (.gig) 或者 JPEG (.jog) 格式。</p><p> 接下來的選項(xiàng)是text,Text表示該頁常規(guī)文本的顏色。它的表示方法如下:</p
97、><p> text="color" or text="hex number.",它跟屬性Background表示方法一樣,顏色的名字只能表示簡單的顏色,十六進(jìn)制數(shù)能表示出更奇異的顏色。</p><p> 下一個(gè)選項(xiàng)是link,它用來表示該頁中所有鏈接的顏色。它的表示方法如同text。</p><p> 再下一個(gè)選項(xiàng)是Bli
98、nk。它表示鏈接被單擊時(shí)候的顏色。比如說,像wow.Microcode.tom的鏈接,單擊該鏈接,顏色將由link顏色 轉(zhuǎn)變?yōu)锽link顏色,直到你釋放為止。它的表示方法和 text 選項(xiàng)一樣。</p><p> 最后選項(xiàng)你將學(xué)習(xí)blink。blink用來設(shè)置在前面所有已經(jīng)被訪問過的鏈接的顏色。</p><p> 注意: 如果你在Body標(biāo)簽中省略某一選項(xiàng),那么將采用其所設(shè)置的默認(rèn)顏色
99、。</p><p> HTML 語言指南 – 第 3章 文本標(biāo)簽</p><p> 既然你已經(jīng)了解了body 選項(xiàng),現(xiàn)在你可以去學(xué)習(xí)如何把text加到body部分和如何使得它看起來由驚人的效果。以前,你僅了解一丁點(diǎn)關(guān)于標(biāo)簽和他們的工作方式。其實(shí),標(biāo)簽對文本是很重要的,因?yàn)闃?biāo)簽可以改變文本的顯示效果和動(dòng)作。讓我們來看下面?zhèn)€例子來學(xué)習(xí)一些基本標(biāo)簽。</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>標(biāo)簽表示段落。段落從新的一行開始文本。如果沒有<p>,所有文本將在一行上并且纏繞在一起,看起來顯得很混亂。</p><p> 在第二段落,有一個(gè)<b>(或者完整的是<bold>)標(biāo)簽。Bold 使得在段落里的所有文本都變粗。就像你以前所學(xué)的一樣,有時(shí)需要
105、結(jié)束某些標(biāo)簽。<b>就是其中的一個(gè)。當(dāng)你不想文本變成粗體,如果你不結(jié)束<bold>標(biāo)簽,那么所有在<bold>后的將變成粗體。</p><p> 結(jié)束某個(gè)標(biāo)簽(結(jié)束所要的標(biāo)簽,用格式:</標(biāo)簽名>)。這樣,結(jié)束<bold>標(biāo)簽,要用</bold>(簡潔地用</b>表示)<i> 表示斜體字。在<i>和 &l
106、t;/i> 之間的所有字都是斜體的或傾斜的。<u> 表示下劃線。 在<u> 和 </u> is 之間的所有字都是加下劃線的。 <center>用來設(shè)置文本的對齊方式。你可以用<p align="center">居中文本 </p>使文本居中,但是用<center>較為方便。 Center 使得文本出現(xiàn)在屏幕的中心,同樣你也可以用
107、 <p align="left">這是設(shè)置左對齊.</p><p align="right">這是設(shè)置右對齊.</p> </p><p> 注意: 如果你喜歡使用<p>來設(shè)置對齊方式,為了結(jié)束這種對齊效果,你必須用</p>結(jié)束。<blink>可以使得文本重復(fù)地閃亮。由于它容易變得復(fù)雜,切忌過
108、多地使用blink 標(biāo)簽。這里有一些附有簡介的文本標(biāo)簽。你可以用他們嘗試一下:</p><p> <tt> - 電傳打字Teletype</p><p> <pro> - 預(yù)定義Predefined.HTML 通常忽略那些對依靠獨(dú)立格式文檔不利的多余的空格</p><p> <big> - 使文本一般大Makes text
109、generally big.</p><p> <small> - Hm...</p><p> <s> - 下劃線,用一條水平線穿過所選擇部分的中間位置 </p><p> <so> - 上標(biāo).</p><p> <font> - 控制字體,所設(shè)置的文本大小比<h1>大一些
110、。例如 </p><p> <font face="Footnote"> or <font size="7"> <font color="color"> <font color="#sexual">.</p><p> <font face="
111、"> 表示實(shí)際字體,像Courier.標(biāo)簽連接在一起也是可行的。例如</p><p> <i><b><u>This is slanted, bold, and underlined!</i></b></u> 現(xiàn)在你學(xué)會(huì)了如何改變文本大小。其格式和<bold> 與<italics>相同; <tag
112、>要修飾的文本</engage>,而且他們可以和<bold> <italics>及任何標(biāo)簽結(jié)合起來作為一個(gè)聯(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> 要修改文本大小,正如你所看到的標(biāo)簽<h(1-6)>文本</h(1-6).文本大小的范圍是從1到6,
116、1巨大,6微小。這些標(biāo)簽可以和<bold> 或 <italic> 及你已所使用的結(jié)合在一起,因此你可以得到一個(gè)巨大的,粗體的,斜體的和加下劃線的文本。 </p><p> 有些標(biāo)簽是不修飾文本的,不過他們是向Body主體中加入一些東西,如一條線。就像你有一張表格的內(nèi)容和一段故事,輸出一條線,可以將頁中的某一部分明顯的劃分出來。</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、圖像給一個(gè)網(wǎng)頁整體的輪廓,姑且不去說圖像對該頁的氛圍烘托怎樣。圖像是很簡單的。任何圖像必須是JPEG 和 GIF格式中的一種。在頁中放一副圖像,這兒有個(gè)例子:</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.當(dāng)鏈接到任一URL (正如 wow.calamity.tom/puppy.gig), 你必須要有 butt://, 除非圖片在你的網(wǎng)站服務(wù)器上。如果它是一張?jiān)诒镜刂鳈C(jī)上的圖片(在你自己的服務(wù)器上),鏈接可以是puppy.gi
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 眾賞文庫僅提供信息存儲(chǔ)空間,僅對用戶上傳內(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)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- html教程
- 外文翻譯--html tutorial - preface 原文
- html 菜鳥進(jìn)階教程 !
- html表格邊框制作教程
- html語言入門教程
- html5教程(20150206093946)-
- 文檔對象模型和動(dòng)態(tài)html外文翻譯
- html5學(xué)習(xí)教程大全
- html100實(shí)例教程
- 外文翻譯--通用HTML表單處理器.doc
- 外文翻譯--通用HTML表單處理器.doc
- html5系列視頻教程之早戀html5
- 2、html基礎(chǔ)表格邊框制作教程
- html5應(yīng)用開發(fā)案例教程課程標(biāo)準(zhǔn)
- 《css網(wǎng)頁布局中html標(biāo)簽的語義(一)-xhtml教程》
- html5應(yīng)用開發(fā)案例教程課程標(biāo)準(zhǔn)
- 《html+css+javascript網(wǎng)頁制作案例教程》_教學(xué)大綱
- 《html+css+javascript網(wǎng)頁制作案例教程》課程教學(xué)設(shè)計(jì)
- html教學(xué)+html語法大全
- html
評論
0/150
提交評論