Html Code Recognition by mznzain

VIEWS: 50 PAGES: 6

More Info
									Along with the number of netters (Internet users) worldwide, including in Indonesia, the
more people who wish to have your own homepage or website. This is reasonable
considering the benefits we can get by having your own website. Have an email address, now
this is no longer something special. But it has its own website as possible for most people is
still something coveted. That's what we try to make this practical tutorial that can be learned
and practiced by the netter who wish to become webmasters (website manager). Hopefully
with the ability to create a website, we can participate and disseminate knowledge and
information beneficial to all mankind, both globally and in the hereafter.

How can display your own website on the internet? There are several stages and steps that we
must go through to create a website that actually exist on the internet. This means that the
website in terms of the typographical arrangement is not "pathetic", in terms of content is not
"perfunctory" and in terms of visitors only "glance". To create a website we first need to learn
the HTML language that is a "programming language" that allows us to create web pages that
can be displayed in the browser (Internet Explorer, Netscape, Opera, etc.). Once we master
the basics of HTML, then we try to make plans and design of website design and content that
we wish to make. Then we pour the draft in the form of Web pages are integrated. When
finished, or "leads to a finished", we must register it to the web hosting to our website
"installed" and can be accessed on the internet. Finally, who is also equally important is how
to promote the website to be known and visited by the netter.

Well, now we start from the first step is to learn the HTML language.
LEARNING HTML

Today, almost all Web documents created with the language of HTML (Hypertext Mark-up
Language). Although you could create a web page (web page) without the slightest
understanding of HTML, ie using various WYSIWYG HTML editor like Microsoft
FrontPage, Adobe PageMill or Netscape Composer, but highly recommended almost
required, so that you understand the HTML language. Mainly so you can make optimum use
of various facilities browser and remember that there are a number of weaknesses in the
WYSIWYG editor as above. For that first step for those who aspire to have their own website
is to learn HTML.

HTML (Hypertext Markup Language) is a programming language used to write a document
format that can be used in the Web. With HTML, ASCII text (*. txt files) can be polished (in-
mark-ups) with certain codes, called tags to a HTML document (file *. htm or *. html).
Therefore, to create an HTML document, you can use any plain text editor program, ranging
from Notepad to MS Word. For simplicity, we use the Notepad program. Open the Notepad
program. If you do not know how, click Start> Programs> Accessories and then Notepad.
Now follow carefully the following exercises one after another.

HTML CODE RECOGNITION

In your Notepad program, write like this:

<HTML>
</ HTML>

Each line above is called a tag. Tags are used to code-mark-up (polish) ASCII text into
HTML file. Each tag enclosed in pointy brackets. There is an opening tag and a closing tag
<HTML> ie </ HTML> are marked with a slash (slash) in front of the early writings. Tag at
the top gives faidah that will be written between these two tags is the content of an HTML
document. You should know that html tags can be written in uppercase or lowercase. That is,
writing or <html> or <html> <HTML> the same results. But keep in mind that writing tag is
wrong even if only one character will affect your HTML document, it can even result in your
HTML document can not be displayed in the browser.

Now we will turn to the next tag. Add the tag as follows:

<HTML>
<BODY>
</ BODY>
</ HTML>

The contents of the HTML document that is actually written between tags <BODY>. Try
writing:

<HTML>
<BODY>
This paper will appear in the browser.
</ BODY>
</ HTML>

Now save this file by clicking File menu and then Save As. In the dialog box that appears,
first click the small arrow at the right end of the Save as type box and then select All Files
(*.*). After that, fill in the File name box with the name of the file you want eg: latih1.htm.
Do not forget the addition of extensions. Htm behind the file name! Finally, click the Save
button then the file will be saved as a web document. Now, close your Notepad program.
Now open another browser (Internet Explorer) in addition to the browser window that you
read this. Click the File menu and Open. In the dialog box that appears, click the Browse
button. Latih1.htm Find and select the file and click Open. Well, look at your work first!

This paper will appear in the browser

Is the BODY tag marker functionality beyond the body or the contents of web documents?
No, in this BODY tag we can insert a variety of attributes that will affect the format or
display a web page as a whole. On this occasion we take the example of how to change the
background color and text color of a web page by adding attributes to the BODY tag.

Now look back to your browser that is displaying the file latih1 earlier. Click the View menu
and then Source. With this instruction will emerge Notepad program in which the visible
source code or HTML code that you created earlier. For example we will make this latih1
web page be colored yellow background with red writing. For that, we need to add the
attribute BGCOLOR and TEXT into the body tag as follows:

<HTML>
<BODY BGCOLOR="yellow" TEXT="red">
This paper will appear in the browser.
</ BODY>
</ HTML>
Keep back this file (click File and then Save). To see how it works, go back to the browser
that displays web pages latih1 earlier. Click the View menu and then click Refresh or Refresh
button on the toolbar or also by pressing the F5 key on the keyboard. Thus, the browser will
redial latih1 file that has now changed. Then it will behold the result:

This paper will appear in the browser

Please note that the determination of color in HTML can with color names (in English) and
can also be color-coded. Color code is written in hex format # RRGGBB. Below are the 16
names and their color code in hex format (please note that writing 0 is the number zero, not
letter O).
black #000000         blue #0000FF            olive #808000         white #FFFFFF

fuchsia #FF00FF       green #008000          red #FF0000            gray #808080

teal #008080          yellow #FFFF00         silver #C0C0C0         navy #000080

lime #00FF00          maroon #800000         purple #800080         aqua #00FFFF

Thus, the HTML code for the example above could be written as follows:

<HTML>

<BODY BGCOLOR="#FFFF00" TEXT="#FF0000">

This paper will appear in the browser.

</ BODY>

</ HTML>

By using the hex color code, color variations can be made more. Click here to see a list of
other color codes!

Thus the BODY tag glimpse of the function. Now turn back to the source code, aka HTML
code. Still remember, do not you do? (Click the View menu and then Source). Add tags
below:

<HTML>

<HEAD>

<TITLE> </ TITLE>

</ HEAD>

<BODY BGCOLOR="yellow" TEXT="red">

This paper will appear in the browser.
</ BODY>

</ HTML>

Here we see that we add tags and tag <TITLE> <HEAD>. HEAD tag serves to enclose a
variety of functions and information that are pleasing to the relevant web pages. In practice
this time, we enter the TITLE tag between the HEAD tag. As the name implies, this TITLE
tag serves to enclose the phrase that became the title of the web page. Now let us write down
the title of this web page:

<HTML>

<HEAD>

<TITLE> Work First </ TITLE>

</ HEAD>

<BODY BGCOLOR="yellow" TEXT="red">

This paper will appear in the browser.

</ BODY>

</ HTML>

Save the file again by clicking on File then Save. Now we'll see how changes in the browser.
Refresh do it again as above. Then you will see on the top line (called the Title Bar) of the
browser will display the title or titles from your web page is: Work First. Alhamdulillah, we
finished the first practice.

Tampering with CAPITALS

In this second exercise, we will study some of the tags that are relatively easy to remember.
These tags serve to change the font type to bold (bold), to make italics (italic) or underline
(underline). Open another program such as Notepad and then write the following:

<HTML>

<HEAD>

<TITLE> Types of Text </ TILE>

</ HEAD>

<BODY>

There are three types of writings are most often used in writing the document. The third type
is bold, italics and underlined text. Two types of letters can also be combined eg bold and
italic, bold and underlined or italics and underlined. Even these three can also type text at a
time merge into one form of bold, italic and underlined.

</ BODY>

</ HTML>

Save the file. Do not forget to follow the steps to save the HTML file that we have learned in
the first practice first. Once the file is saved, open the file with Internet Explorer. Notice that
all the writings that the document is still uniform. Now, we'll make a few changes in some
words and sentences that were there so it becomes like this:
There are three types of writings are most often used in writing the document. The third type
is bold, underlined text miringdan posts. Two types of letters can also be combined eg bold
and italic, bold and underlined or italics and underlined. Even these three can also type text at
a time merge into one form of bold, italic and underlined.

How? Open source code from the earlier document (press F5), then add the following tags.
The tags are <B> to thicken (bold) text, <I> to tilt (italic) text and to highlight <u>
(underline) text:

<HTML>

<HEAD>

<TITLE> Types of Text </ TITLE>

</ HEAD>

<BODY>

There are three types of writings are most often used in writing the document. The third type
is the writing <B> bold </ B>, writing <I> italics </ I> and writing <u> underlined </ U>.
Can also be combined two types of letter writing <B> <I> eg bold and italic </ B> </ I>,
written <B> <u> bold and underlined </ B> </ U> or writing <I> <u> italic and underlined </
I> </ U>. Even these three can also type text at a time merge into one form of writing <B>
<I> <u> bold, italic and underlined </ B> </ I> </ U>.

</ BODY>

</ HTML>

After you add all the tags, save (Save) source code files that document and do a Refresh on
the web that appear on your browser program. Look at the changes! If anything goes wrong,
try to pay close attention to your writing the tags, ranging from <HTML> opening tag to </
HTML> There is nothing wrong not to write even a single character. For example: if tag </
TITLE> you write </ TILE> then the browser will not display anything in writing your
document. If you do not believe it, try to write source code that is wrong like that, to keep
(save) then refresh your document and see the results!

For more mempermantap skills you get from this second exercise, a good idea to try to make
the following HTML document. Make a document with the title (title): Establishment types
text, the contents of which are written as follows:

Because HTML files are actually plain ASCII files, then you can use simple text editors such
as WordStar (WAS), Notepad, MS Write, and others. Text editors can guide you to learn
HTML codes are inside and out. However, you may be a little frustrated at having to type all
the HTML code line by line in its development will become very complicated. However,
using a text editor to create web pages is the best way to really understand the structure of an
HTML file.

If you have saved it, open it and see in the browser program.

								
To top