[Log-in]
   Home > Community > Lecture  Korean / English
  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
 
4. HTML character expression
In HTML character expressions, there are a physical style and a logical style.
1)Physical style
An absolute character to a font gets to be assigned.

Tag

Explanation

<B>

Form

<B> Text</B>

Function

characters expressed in bold

<I>

Form

<I> Text  </I>

Function

characters expressed in Itali

<TT>

Form

<TT>Text  </TT>

Function

characters expressed as typed

<U>

Form

<U>Text</U>

Function

 characters expressed as underlined

<BIG>

Form

<BIG>Text</BIG>

Function

characters expressed bigger than others

<SMALL>

Form

<SMALL>Text</SMALL>

Function

 characters expressed smaller than others

<SUB>

Form

<SUB>Text</SUB>

Function

 characters expressed as subscripts

<SUP>

Form

<SUP>Text</SUP>

Function

 characters expressed as superscripts

 

¿¹Á¦

<html>
<head>
<title>example4</title>
</head>
<body>
<b>internet</b>
<i>internet</i>
<tt>internet</tt>
<u>internet</u>
<big>internet</big>
<small>internet</small>
<sub>internet</sub>
<sup>internet</sup>
</body>
</html>

2)Logical style
An assigned style gets to be generated based on a browser.

 

¿¹Á¦

Tag

Explanation

<EM>

Form

<EM>Text</EM>

Function

characters expressed in Italic

<STRONG>

Form

<STRONG>Text</STRONG>

Function

 characters expressed in bold

<CITE>

Form

<CITE>Text</CITE>

Function

 characters expressed as citations

<CODE>

Form

<CODE>Text</CODE>

Function

 characters expressed as typed in English

<SAMP>

Form

<SAMP>Text</SAMP>

Function

 characters expressed similar to CODE tag

<KBD>

Form

<KBD>Text</KBD>

Function

 a ruler expressed as inputted from a keyboard

<VAR>

Form

<VAR>Text</VAR>

Function

 used when characters need to be replaced at a special place or to a variable name

<DFN>

Form

<DFN>Text</DFN>

Function

sed when characters need to define something and generally expressed in Italic

<AU>

Form

<AU>Text</AU>

Function

 used to indicate a name of an author

<BLINK>

Form

<BLINK>Text</BLINK>

Function

 characters gets to blink


<html>
<head>
<title>example5</title>
</head>
<body>
<em>internet</em><p>
<strong>internet</strong><p>
<cite>internet</cite><p>
<code>internet</code><p>
<samp>internet</samp><p>
<kbd>internet</kbd><p>
<var>internet</var><p>
<dfn>internet</dfn><p>
<au>internet</au><p>
<blink>internet</blink>
</body>
</html>

 

 

 

3)Set up the character size
<basefont size=n color="#rrggbb" face="specification of character style"> It affects to the whole document.
<font size=n color="#rrggbb" face="specification of character style">It specifies the relative size.
5. How to set hyperlink of HTML

HTML boasts the link between other parts in document or other document and text or image. Browser uses underline or color to display text or image, it is called 'hypertext link'.
The one tag relevant to hypertext in HTML is <A>tag.
<a href="http://www.naver.com>Naver</a>
<a href="mailto:ruru@hanmil.net>e-mail</a>

Usage url

Protocol

URL

HTTP

 http://www.hitel.net

FTP

 ftp://ftp.sun.ac.kr

Gopher

 gopher://gopher.dacom.co.kr

Usenet

 news:comp.lang.c

E-mail

 mailto:sdw@kyungho.or.kr

PC

 file:///c:html/index.html

 
6.How to set Image/Sound of HTML

1)Image
Most of web browser can print image with text in document.
The extension of graphic file, which can be printed, is XBM,GIF,JPEG etc.
To see a graphic file of other extension, you should have outside program.

 

<img src="Image file name" align="top/bottom/middle"
width=the number of pixel/percentage
height=the number of pixel/percentage
border=the number of pixel, set the image outline
vspace=the number of pixel, space in the upper and bottom side of image
hspace=the number of pixel, space in the left and right side of image
alt=alternative letter> For the browser, that is printed only text, display this

2)Audio, Video file
 -To use link
Video file supports only AVI extension, so if you execute MOV, MPEG file, you should install outside program.
Ex) <a href="Sound/Video file">...</a>
-To use outside program
<embed src="Audio/Video file name/width height>
autostart=true, it is executed automatically, if you click false button, it is executed.
7.How to connect the document
How to Appoint the path in the one document
<a href=#A>Go to A</a>
hrefIt appoints the place you want to transfer by hypertext link.
It can include URL, or the specified name by NAME trait.
<a name="A>document name to connect</a>
nameIf you want to mark the specified part in HTML document, which will be connected by hypertext.
 
   
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