Learn PHP, Website, HTML, MySQL for Newbie

Friday, July 30, 2010

HTML Basic - Important Tags (part 1)

The most important HTML tags are tags that define headings, paragraphs and creating new line.

Like most other programming languages, the best way to learn HTML is by much practice. Exercise of course needs a tool. Well, basically you can make an HTML file using notepad, but of course a lot of software to write with various facilities that make it easy. Just go to download.com or search with keyword HTML Editor and you'll get plenty of them.

Now.... the title tag.

HTML Title Tag

The title is defined by using tags <h1> until> h6>. <h1> letter defines the title of the greatest, and smallest <h6>. For exercise you try to make the following HTML file and note the results.
<h1> This Title </ h1>
<h2> This Title </ h2>
<h3> This Title </ h3>
<h4> This Title </ h4>
<h5> This Title </ h5>
<h6> This title </ h6>
HTML automatically adds an empty line before and after the title.

Paragraph

Paragraphs are defined by using tags <p>.
<p> This is a paragraph </ p>
<p> This is another paragraph </ p>
Just like the title, HTML automatically adds an empty line before and after paragraphs.

Do not forget the closing tag

You've certainly never been Seeing that the paragraph could be written without the closing tag </ p> like this:
<p> This is a paragraph
<p> This is another paragraph
Just examples can be used on almost any type of browser, but do not rely on that. HTML versions of the future will not allow you to skip the closing tag.
Closing all HTML elements with a closing tag is a powerful way to write HTML that is compatible with browsers smeua and future development. It also makes our code easier to understand (either read or in the browser).

Tuesday, July 20, 2010

HTML Element (Part 3)

Still curious about the lower case? Here's the explanation.

We have discussed earlier that HTML tags are not case sensitive: <B> has the same meaning with <b>. If you surf the web again, you will notice that many web sites use uppercase HTML tags in the source code. But in the example above, we use lowercase letters. Know why?

If you follow the latest web standards, you should always use the tags in uppercase. World Wide Web Consortium (W3C) recommends the use of lowercase letters in their HTML 4 recommendation, and XHTML (the next generation of HTML) require the tag in lowercase.

Ok, you've just learned about HTML elements. And this time mustinya you've got used to the term tag. If you have not familiarize yourself with this term, because in the process of learning HTML, you have to familiar with the word tag. Lha wong HTML tags so that it co.
Next, we will discuss about some basic HTML TAG particularly interesting to change the appearance of paragraphs, headings, etc..

Hopefully useful.
Warmest regards.

Monday, July 19, 2010

HTML Element (Part 2)

We have seen an example of simple HTML document in my previous post. Now I'll start to explain about HTML Element.

Remember this example of HTML code in our previous tutorial:

<html>
<head>
<title> Title Page </ title>
</ Head>
<body>
This is my first page. <b> This text is bold </ b>
</ Body>
</ Html>

This is an HTML element:

<b> This text is bold </ b>

This HTML element starts with the opening tag: <b>
The contents of the HTML element is: This text is bold
HTML element ends with a closing tag: </ b>
<b> Tag function is to define an HTML element that must be shown in bold.

Now a little bit more complex example. This is also an HTML element:

<body>
This is my first page. <b> This text is bold </ b>
</ Body>

This HTML element starts with <body> opening tag, and ends with a closing tag </ body>
The function of the tag is to define the <body> HTML element that contains the body (content) of our HTML document.

Why do we use the tags in lowercase?

We will discuss that in my next post.