Today is Friday, July 30th, 2010

Weblog Popular 1Malaysia

Learn HTML Tutorial – Brief Introduction

March 10th, 2010 • Related • Filed Under

So, what is an HTML document? HTML document is a plain text (also known as ASCII) file that can be created using any text editor (eg. Notepad, TextPad).

You can also use a word processor like Microsoft Word and save the document as “text only” or “text only with line breaks”.

These are the basic that you should know.

HTML documents are text files made up of HTML elements.
HTML elements are defined using HTML tags

In a few minutes, you’ll learn what are HTML elements and tags. But, first, let’s discuss about HTML editors.

Learn HTML Tutorial – HTML Editors

You can easily edit HTML files with an HTML editor. Beginners would find WYSIWYG HTML editor quite useful.

WYSIWYG is an acronym for “what you see is what you get”. It means that you can design your HTML document visually, the way you use a word processor – instead of writing the markup tags in a plain text file. An example of WSYIWYG HTML Editor is Microsoft Frontpage.

You can use Microsoft Frontpage after learning some basic HTML tagging.

My choice of HTML Editor is the free, 1st Page 2000. It’s both a plain text editor and a WYSIWG HTML Editor.

I love it for it’s simplicity and powerful functions.

Learn HTML Tutorial – HTML Elements & HTML Tags

Remember the basic about HTML documents?

HTML documents are text files made up of HTML elements.
HTML elements are defined using HTML tags

An element is a fundamental component of the structure of a text document. For example: heads, tables, paragraphs and lists. Elements can contain plain text, other elements or both.

You can use HTML tags to mark the elements of an HTML document.

HTML tags consist of a left angle bracket (<), a tag name and a right angle bracket (>). Tags are usually paired.

For example,
<B>
and
</B>
to start and end the tag instruction.

The end tag looks just like the start tag except a slash (/) precedes the text within the brackets.

HTML tags are used to mark-up HTML elements

HTML tags are surrounded by the two characters (<) and (>)

The surrounding characters are called angle brackets

HTML tags normally come in pairs like <b> and </b>

The first tag in a pair is the start tag, the second tag is the end tag

The text between the start and end tags is the element content

HTML tags are not case sensitive, <b> means the same as <B>

Some elements may include an attribute, which is additional information that is included inside the start tag.

For example, you can specify the alignment of images (right, center or left) by including the appropriate attribute with the image source HTML code.

The following tag defines an HTML table: <table> With an added border attribute, you can tell the browser that
the table should have no borders: <table border=”0″>

Attributes always come in name/value pairs like this: name=”value”.
Attributes are always specified in the start tag of an HTML element.
Attributes and attribute values are also not case-sensitive.

HTML is not case sensitive. <image> is equivalent to <IMAGE> or <iMaGe>.

If you want to follow the latest web standards, you should always use lowercase tags. The World Wide Web Consortium (W3C) recommends lowercase tags in their HTML 4 recommendation, and XHTML (the next generation HTML) demands lowercase tags.

Learn HTML Tutorial – The Minimal HTML Documents

Every HTML document should contain certain standard HTML tags.

Each HTML document consists of head and body text. The head contains the title, and the body contains the actual text that is made of paragpraphs, lists and other elements.

The required elements are shown in the example below:

<html>

<head>

<TITLE> One simple HTML Document</TITLE>

</head>

<body>

<P> Let’s learn HTML. It’s easy to use. This is the first paragraph.</P>

<P> This is the second paragraph.</P>

</body>

<html>

This is what the above HTML document will look like in a browser.

I Love HTML

Let’s learn HTML. It’s easy to use. This is the first paragraph.

This is the second paragraph.

The required elements are the <thtml>, <head>, <title> and the <body> tags (and their corresponding end tags).

Popularity: 1% [?]

There Are 4 Responses So Far. »

Comment by siti fairus on 10 March 2010:

thanks!
siti fairus´s last blog post ..Things From My Backyard..

[REPLY]
Comment by chugie on 10 March 2010:

this is a really good info to share! nice entry..

cheers..
chugie´s last blog post ..Fatin dapat kawan baru

[REPLY]
Comment by Shareen on 10 March 2010:

Thanks for sharing. Very useful ^___^
Shareen´s last blog post ..Preview of My Snugg Mei Tai

[REPLY]
Comment by zh-ena on 11 March 2010:

thanks for the info
zh-ena´s last blog post ..Dah Pandai Demand – Macam Artis plak

[REPLY]