Internet preparation   Learn to Html   Learn to Flash
1.What is HTML?
2.Structure of HTML

3.
Tag related to the text
4.HTML character expression
5.How to set hyperlink of HTML
6.How to set Image/Sound of HTML
7.How to connect the document
8.How to draw up a table
9.How to divide the screen
10.CGI
 
1.What is HTML?
It is the abbreviation of Hyper Text Markup Language and this language is used to make a hyper text document. Hyper text means a document which is connected dynamically. It is generally referred as hyper text, but in fact, hypermedia would be the correct expression. It is because not only documents, but also every multimedia element like graphic, sound, and interactive images can be linked. The internet homepages you can encounter while surfing www sites are all composed of HTML documents.
2. Structure of HTML
HTML document is composed of <HTML> and </HTML>. <HTML> transfers the information that a pertinent file is a document composed of HTML tags to a browser. The expender of a file, .html also tells that the file is a HTML document and it has to be used that way. HTML document is composed of Header and Body.
The part shown on a title bar of a web browser
It contains the content of a document which will be indicated in a window territory of a browser.
 

<html>
  <head>
  À¥ ºê¶ó¿ìÀúÀÇ Å¸ÀÌÆ² ¹Ù¿¡ ³ªÅ¸³ª´Â ºÎºÐ
   </head>
  <body>
  ºê¶ó¿ìÀú À©µµ¿ì ¿µ¿ª¿¡ Ç¥½ÃÇÒ ¹®¼­ÀÇ ³»¿ëÀ» ´ã°í ÀÖ´Ù.
   </body>
</html>

3. Tag related to the text
 

Characteristics of <body>
Background color: background= This path is used to input an image instead of background color as a background.
text: font color /link: font color linked /vlink (visited link): font color of the link visited
alink (active link): The color presently in search, the color while clicking a mouse

1)Expressing preface
<hx> text line </hx> It can be specified up to x:1-6 and when text line is set as 1, it becomes the biggest character.
 2)Paragraph
<br> Simple line changing without any space between lines
<p> It's not just changing lines, but there will be a space between lines.
<hr> Distinguishing a space between paragraphs horizontally
<hr size= thickness of a line, width= how wide a line is, align=left/center/right noshade>
Expressed in a size % form or a number of pixel, noshade: the characteristic to eliminate a cubic effect of a line

3) Arrangement of characters
 * The characters formatted in advance
<pre> text line </pre> It is an abbreviation of PREformmatted text and it directly expresses the sentences in tag.
* Direct output
<xmp> text line </xmp> It is similar to pre tag, but xmp generates even the tag as it is.
* Arrangement direction
Based on center, left, and right, it prints to a browser.
<div align=left/center/right>....</div> It doesn't have a line change function.
* Block quotation
<blockquote>...</blockquote> It is used to quote other sources and indicated with a moderate space on the left.
* Indicating address
<address>....</address> It is used to indicate address or a signature, usually at the end of a document.

example)

<html>
<head>
<title>example1</title>
</head>
<body>
<pre>
aaaaa
  aaa
   a
</pre>
<xmp>
<pre>
example1
    example1
</pre>
</xmp>
ok example<p>
ok example<br>
ok example
<div align="left"><hr size=3 width=40%></div>
<address>
internet@internet
</address>
</body>
</html>



 4) Making a catalog

 * Catalog in a serial order

<ol start=number type=A/a/I/i/l> character
<li value=number type=A/a/I/i/l> character
<li .....>
.</ol>

start: Assign a number that a catalog in a serial order starts from
type: Marking a number and assign a type
A: capital letters, a: small letters I: Roman capital letters, i: Roman small letters, l: basic value of standard number

** Catalog in random order

<ul type=disc/circle/squire>text
<li type=disc/circle/squire>text
..........
</ul>

type: Assign a shape attached in front of a catalog in random order. If nothing is not assigned, the basic value (disc) will be used.
ul: (unordered list): It's not generated with attached numbers. Other factors are same as ol.

<dir> Tag used to make a directory catalog
<menu> Tag used to define a menu catalog
Internet information specialist/ general outline and general knowledge of internet/ user environment build up/ constitution of HTML
HTML document is composed of <HTML>.....</HTML>.
HTML document is composed of Header and Body. An extender of a file is html,htm.

example)

<html>
<head>
<title>example2</title>
</head>
<body>
<ol start=5 type=I>
<LI>ÀÎÅÍ³Ý Á¤º¸°Ë»ö»ç
<LI>ÀÎÅÍ³Ý ÀϹݰ³¿ä ¹× »ó½Ä
<LI>»ç¿ëÀÚ È¯°æ±¸Ãà
</ol>

<ul type=squire>
<li>HTMLÀÇ ±¸¼º
<ul>
<li type=circle>HTML¹®¼­´Â <HTML>......</HTML>·Î ±¸¼ºµÈ´Ù.
<li type=disc>HTML ¹®¼­´Â Header ¿Í Body·Î ±¸¼ºµÈ´Ù.
<li type=squire>ÆÄÀÏÀÇ È®ÀåÀÚ´Â html,htmÀÌ´Ù.
</ul>
</ul>

</body>
</html>


5) Definition catalog
It indicates a definition catalog of terms.

<dl>text
  <dt>text
  <dt>text
   ........
  </dl>

dl (definition list) assign a catalog of terms
dt: items to define
dd: represents explanation regarding items

example)

<html>
<head>
<title>example3</title>
</head>
<body>
<dl>
<dt>ÄÄÇ»ÅÍ
<dd>¸¶¿ì½º,¸ð´ÏÅÍ,Űº¸µå,º»Ã¼
<dt>ÄÄÇ»ÅÍÀÇ ³»ºÎ
<dd>HDD,FDD,BOARD,RAM,CPU,CDROM
</dl>
</body>
</html>

 

6) Making special characters
There are two ways to indicate special characters. One is to use <pre>tag, and the other is to use &code.
 

Special character code

the actual shape

Special character code

the actual shape

&gt;

>

&auot;

"

&lt;

<

&copy;

the original character c

&amp;

&

&nbsp;

space


 
   
Penpal
Club
Web Design Lecture
Essay
Korean Network
Korean Poets Associate in America
Korean School in Oversea
Positive Thinking
   
Home | About us | Learning Korean | ILDI Theme | Entertainment | Community


Copyright(c) 2002-2005  ILDI All rights reserved.
Customer support team: support@koreanstudy.net  Technical support team: webmaster@koreanstudy.net
Main Office (Korea) : TEL : 82-2-2040-6990 FAX : 82-2-2040-6995