You are on page 1of 15

Introduction to HTML

|   

 |  .

. Contents ‡ Getting Started. ‡ What is HTML? ‡ How to create and View an HTML document? ‡ Basic HTML Document Format ‡ The HTML Basic tags |   .

   .

à t t  following trm mn: ( Web server: a system on the internet containg one or more web site ( Web site: a collection of one or more web pages ( Web pages: single disk file with a single file name ( Home pages: first page in website T ink out t  followings for working your à pgs. ( Set the goals for the Web site. . ( Come up with a general structure for pages and topics. ( Think about the sort of information(content) you want to put on the Web. ( Organize your content into main topics.

and the second turns it off. and what props to use. ( A serises of tags that are integrated into a text document. @     ( surrounded with angle brackets like this ( <B> or <I>. |   . ( Most tags come in pairs ( exceptions: <P>. <br>. <li> tags « ( The first tag turns the action on.à t is HTML? ( Telling the browser what to do.

   .

( For example . ( The correct order is <HEAD><TITLE> Your text </TITLE></HEAD> ( not case sensitivity.<B> text </B> ( can embedded. for instance. ( For example. to do this: ( <HEAD><TITLE> Your text </HEAD></TITLE> it won't work. ( Many tags have attributes. ( Some browsers don't support the some tags and some attributes. <P ALIGN=CENTER> centers the paragraph following it. |   .( The second tag(off switch) starts with a forward slash.

   .

hsic HTML Documnt Formt  See what it  looks like:  .

 !  ! "#$    !"#$ ! |   .

   .

6. 3. This is called the Document Source.html document that you just created.Switch to Netscape 5.Click on File. 2.How to Crt nd Viw n HTML documnt? |.Open Netscape (or any browser) Off-Line 4. Open File and select the filename.Save the file as filename.Your HTML page should now appear just like any other Web page in Netscape.html on a PC. |   .Use an text editor such as Editpad to write the document.

 %  .

. |   ..You may now switch back and forth between the Source and the HTML Document Uswitch to Notepad with the Document Source Umake changes Usave the document again Uswitch back to Netscape Uclick on RELOAD and view the new HTML Document Uswitch to Notepad with the Document Source...Ë..

 &  .

( @   ( ·HEAD>.contains information about the document ( ·TITLE>.· HEAD>-.· TITLE>-.puts text on the browser's title bar.... |   ..

  .

<B></B> ( Crt  List ( Unordered list : <UL><li> ( Ordered list: <OL><li> ( Nested |   . ( @   ( Lt's tlk Tt ( Heading: <H|> </H|> ( Center:<Center> </Center> ( Line Break <P> .<Br> ( Phrase Markups: <I></I> .

 |'  .

gif width=50 height=50 align=right alt=³My image´> |   .height -Alt -Align -<Img src=my.( Add Imgs ( Use <IMG SRC=imagefilename> tags ( How to specify Relative pathnames ( Attributes of IMG tag -width.

 ||  .

or.com/home/ oo  opher://opher.nuri.( Add som Link ( Use <A href=filename|URL></a>tags ( How to specify Relative pathnames ( Kinds of URLs http://www. oo.kr |   .net  mailto:skrhee@women.com/  news://news.women.kr  tp:// tp.or.myhost.

 |  .

.( How to mk colors c ngs? ( Hexadecimal number : ( Color names : <Font color=white> ( Changing the Background color "#$")*##+.-| (%&.-| (%& ( Changing Text color "#$")*##+.-////// .

-//// 1 .0.

0.-//// ( Spot color 2#.

-//33.*##+.

 !2#.

 ( Image Background "#$"*0)+#4.

.5 6/ |   .

 |(  .

tml (C ild -your. tml (Typ t is . tml ( Sistr -your. ·A rf=. your. tml nd t  currnt dirctory is Im C:\. tml ( Im -my.How to specify Relative pathnames T  currnt HTML documnt is my. tml (Typ t is . ·A rf=your. tml>Your link · A> C:\. tml>Your link · A> C:\. ·A rf=..( Mot r -your. tml -your. ·A rf=C ild your. Sistr your.(Im -my. tml (Typ t is . tml (Typ t is .( Im -my. tml>Your link · A> C:\. tml>Your link · A> (Go to hck |   ..(Im -my.

 |  .

.<= (   = 96 : i 9  > ·  SRC=draon ly.i  (  =7/:96/ *.i  =7/:96/ *./ mae/draon ly.i  (  =7/:96/ *.<= (  = 96 : i 9  > ·  SRC=./draon ly..<= (   =7/:96/ i 9  > ·  SRC=.i  (  = 96 : ( Go to hck |   .<= (  = 96 : i 9  > ·  SRC= mae/draon ly.How to specify Relative pathnames  738   96 :7    /: 7/:96/ *.

 |  .