variasi font ( editing html )

Report as inappropriate Your report has been received

Shared by: mznzain

Tags

Menu Styles, consectetuer adipiscing elit, Lorem ipsum dolor sit amet, Joomla templates, News Item, Template Parameters, Joomla template, color variation, Image Slideshow, corporation websites, how to, colour scheme, Web design, free version, free edition,

Stats

views:: 315
posted:: 6/23/2011
language:: English
pages:: 4

Public Domain

Document Sample

							VARIATION FONT

Without our intervention, the HTML document using the default font from Windows
(Computer Operating System) or browsers (Internet Explorer), usually Times New Roman
size 12 point. We can change the type, color and font size in accordance with our tastes using
diikut <FONT> tag with attributes. For example to change the font type we use the FACE
attribute:

<HTML><BODY>
Ini adalah font <FONT FACE="Arial">Arial</FONT>, ini adalah font <FONT
FACE="Verdana">Verdana</FONT>, dan ini adalah font <FONT
FACE="Impact">Impact</FONT>
</HTML></BODY>



When viewed in a browser, it will look like this:

Ini adalah font Arial, ini adalah font Verdana, dan ini adalah font Impact

To change the font size, use the attribute SIZE:

<HTML><BODY>
<FONT SIZE="1">Font Size 1</FONT>, <FONT SIZE="2">Font Size 2</FONT>, <FONT
SIZE="3">Font Size 3</FONT>, <FONT SIZE="4">Font Size 4</FONT>, <FONT
SIZE="5">Font Size 5</FONT>, <FONT SIZE="6">Font Size 6</FONT>, <FONT
SIZE="7">Font Size 7</FONT>
</HTML></BODY>

When viewed in a browser, it will look like this:

Font Size 1,   Font Size 2,   Font Size 3, Font Size 4, Font   Size 5, Font   Size 6,
Font Size 7
As for changing the text color, using the attribute COLOR:

<HTML><BODY>
<FONT COLOR="blue">Tulisan warna biru</FONT>, <FONT COLOR="red">Tulisan
warna merah</FONT>, <FONT COLOR="yellow">Tulisan warna kuning</FONT>
</HTML></BODY>

When viewed in a browser, it will look like this:

Tulisan warna biru, Tulisan warna merah, Tulisan warna kuning

In a one DIV tag we can combine more than one attribute. Consider the following example:

<HTML><BODY>
<FONT FACE="Arial" SIZE="2">Font Arial ukuran 2</FONT>, <FONT
FACE="Verdana" COLOR="red">Font Verdana warna merah</FONT>, <FONT
FACE="Impact SIZE="5" COLOR="blue">Font Impact ukuran 5 warna biru</FONT>
</HTML></BODY>

When viewed in a browser, it will look like this:
Font Arial ukuran 2, Font Verdana warna merah,            Font Impact ukuran 5 warna
biru
To change the default font for an HTML page, used tag <BASEFONT> <HEAD> placed
between the tag and </ HEAD>. Example:

<HTML>
<HEAD>
<BASEFONT FACE="arial" SIZE="10" COLOR="blue">
</HEAD>
<BODY>
Font default untuk semua tulisan pada halaman ini adalah font arial dengan
ukuran 10 dan warna biru.
</HTML></BODY>

Try to create an HTML file and then see the results in the browser!

Subscript and superscript

Subscript is the writing that is rather small and it was located at the bottom while the
superscript is the writing that is rather small and located slightly above. To write a subscript
we use is to write tag <sub> we use superscript tag <SUP>. Here's an example:

<HTML><BODY>
Tulisan Normal<SUB>Tulisan Subscript</SUB>
<P>Tulisan Normal<SUP>Tulisan Superscript</SUP>
</HTML></BODY>

Thus the results in the browser:

Tulisan NormalTulisan Subscript
Tulisan NormalTulisan Superscript

The good, you practice a bit. Try to make the following works:

Rumus kimia Asam Sulfat adalah H2SO4
Luas kolam 150 m2 sedang volume kolam 300 m3

Easy, right?

LINK
Now we will learn to create links that are characteristic of web documents. Link is a text or
image that when clicked on will take you to other parts of web documents. A link is usually
indicated by underlined blue text or the mouse pointer changes to a pointing finger hand. To
create a text or image into a link, we are doing with the clamp with an opening tag and
closing tag <A HREF> </ A>. So the formula is approximately as follows:

<A HREF="lokasi_tujuan">link</A>

Sample link to other sites: hidayatullah online. This is the source code:

<A HREF="http://www.hidayatullah.com">hidayatullah online</A>


Based on the location of the goal, the link can be distinguished by:

  Link to the homepage (first page) of a site
  Link to another page within the same site
  Link to another page in another site
   Link to a specific section (bookmark) in the same page.
   Link to a specific section (bookmark) in different pages
   Links that point to a file that can be displayed in the browser, such as image files (pictures)
or animation like GIF, JPG, BMP and so on.
   Links that point to a specific file that can not be displayed or executed within the browser
for example: program files (EXE), file compression (ZIP), audio files (like MP3, RM), video
files, and others. If such a link is clicked, a dialog box will appear asking if you want to save
(save) the file in a hard drive or run it with the appropriate program. The process of retrieval
and storage of such files is called downloading.
   Link that leads to your email address. When the link is clicked will open a window sending
mail from an email program installed on a user's computer (eg Microsoft Outlook). In the
destination email (To:) is listed destination email address.

For each type of link above, which is important to know is how to write the address or
location (URL) of the site or file designated by the link. This location is written between the
quotes after the href attribute =. Provisions are as follows:

   Link to the homepage (first page) from another site, simply write the URL address of the
website, for example: href = "http://www.situs.com".
   Link to another page in another site, then we have to write down the URL address and the
location of the file.
   For example: href = "http://www.situs.com/sini/situ.htm".
   Link to other pages within the same site, then simply written down the location of the file,
without writing the URL address of the site. In this case there are several possibilities:
   a) When the file is located in the same folder with the file from the link then simply write
the name of the file, for example: href = "freeware1.htm".
   b) If the destination file is located in another folder under the folder that is occupied by the
link, it must be written the name of the folder. For example: href = "javascript/js001.htm".
   c) Meanwhile, when the destination file is located in another folder on the folder that is
occupied by the file from the link is then written as follows: href ="../ rainbow.gif ".
   d) When the file is located two levels above it is written twice a colon like this: href ="../../
rainbow.gif "and so on.
   To create a link that leads to a certain part of a web page, first we need to name the place /
location to be addressed it by stating the tag <a name="bagian"> </ a> in the row to be
addressed it. Only then can we create a link to that section. In this case there are two
possibilities.
   a) If the destination is contained within the same page with the link then simply write the
name of the field. For example: href = # sections.
   b) If the destination is located on another page then it should be written from the page's file
name new place names. For example: href = "lain.htm # part".
   Links that point to a file instead of an HTML file for example program files, audio,
images, and other ways of writing the same way with the HTML file as in point 1, 2 and 3
above.
   Link that contains the email addresses are written like this: href = "mailto:
adifitrah@maktoob.com".

We already know that when a link is clicked the browser will display the intended page by
the link. How to bring up the browser page, there are two kinds of goals.

  Published in the same window. That is, the page where the link will be replaced by pages
that are intended by those links. This is a default appearance.
   Displayed on another window. That is, will the new window appears that displays the
intended page. To create a link of this kind, we must add the attribute TARGET = "_blank" in
the tag <A HREF>. Example: <a href="webpage.htm" target="_blank">.