Learn PHP, Website, HTML, MySQL for Newbie

HTML Basic - Important Tags (part 1)

2010-07-30T18:28:00.000-07:00

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).

HTML Element (Part 3)

2010-07-20T15:18:00.000-07:00

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.

HTML Element (Part 2)

2010-07-19T19:17:00.000-07:00

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.

HTML Element (Part 1)

2010-07-17T18:30:00.000-07:00

HTML elements, what is that? Now, in the last learning HTML tutorial, you've tried to make your first HTML page and understand how to create it. Next, you have to understand about HTML elements and how to write it. You will need these basic definitions in the process of learning HTML you do throughout the tutorial here. Refer the following important instructions.

Remember these important guidelines: HTML document is a text file consisting of HTML elements. Well, the HTML element that is defined using what are called HTML tags.

The following points will help you remember and understand the terms of HTML tags:
- HTML tag used to mark (mark-ups) HTML elements
- HTML tags are located between two markers following characters <and>
- Karekter marker is called with square brackets
- HTML tags are usually always in pairs like <b> and </ b>
- Tag first is the opening tag, and the second tag is a closing tag
- Text in between these two tags is called "content element
- HTML tags are not case sensitive, <b> has the same meaning as <B>

HTML Introduction (part 3)

2010-07-13T21:13:00.000-07:00

You've learn to make your very first HTML code in my former posting. Easy right? Or still confused? Ok, we'll see an explanation of the example earlier. Please review HTML code from former post.

Each tag indicated by less or greater signs. You can see that the first tag is <html>. HTML tags are generally always have a pair who has the same tag with a little extra slash "/", and you can see a couple of <html> at the end of the script tag is </ html>.
<html> Tag tells the browser that this is the beginning of an HTML document. Tag partner that is </ html> states that this is the end of the HTML document. This tag partner called colosing tag.

Text in between <head> and </ head> is the text of the header information. This header information is not displayed in the browser window.

Text in between <title> is the title of your document. This title will be displayed in the browser's caption (see at the top right corner of your browser).

<body> Text between the tags is the text to be displayed in your browser window.
And lastly, the text in between <b> and </ b> will be shown in bold.

Well, with this explanation you must have started to feel comfortable with HTML. You see, I've proved that it's very easy to learn HTML.

Now we'll see about the file extension.

As already mentioned in the beginning, we can create an HTML file with two extensions are. Htm and. Html. Now extensions .htm is intended for the operating system supports only the past three letter extensions. While the extension .html will be safer to use if the OS and application support to indicate that this is an HTML file.

Just for the record, each one of you make changes to your HTML file, then you must refresh your browser to see the changes. Remember, that HTML only work one at a time, HTML code will only be executed once for every session. Every time you ask for a web page, then this web page will only executed one time. You can't create continuous process like you can do with C, VB or Java.

Ok, an introductory tutorial session to learn HTML enough, we will proceed to the next level of HTML elements.

Check back soon for new tutorials.

HTML Introduction (Part 2)

2010-07-12T05:29:00.000-07:00

What is HTML file?

- HTML stands for Hyper Text Markup Language
- An HTML file is a text file containing markup tags
- Tags markup tells the browser how to display a page
- HTML file must have the extension of htm or html
- HTML files can be created using a text editor you usually use.

Wanna try?

Let's begin by opening Notepad (on Windows XP click Start, Programs, Accessories, Notepad).
Type the following text:

<html>

<head>

<title>Page Title</title>

</head>

<body>

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

</body>

</html>

Save with the name "mypage.htm" (do not forget to add double quotes in file name. If forgotten, then the file name will use the default extension: .txt and become mypage.htm.txt).

Open your browser (e.g. Internet Explorer). Kilk File, Open, Browse and select the location of the file you've made earlier mypage.htm. Click OK, and the browser will display the page that you created earlier.

Easy right? Or still confused? Ok, we'll see an explanation of the example above in the next post.

HTML Introduction (part 1)

2010-07-10T19:22:00.000-07:00

Learn HTML for free, easy and fun at www.briando.com. Now, let's start. Learning HTML is generally the first process done by web programmers. After you've done with learning HTML, then you will have the ability to create static web pages. Next you might want to make a web page that has the ability to interact with visitors in a more intense. That's when you need to start learning PHP. After learning PHP, then you can continue to learn MySQL to add your PHP skills with database.

I want to briefly explain the following again to make you get the whole view of this learning website stuff.

HTML is required primarily to make the web interface, PHP to add the ability to interact with visitors and the ability to store data will be supported by MySQL. But of course, web programming is not limited to it. In addition to learning HTML, PHP and MySQL, of course you can also learn another scripting language that will further beautify the look of your website and facilitate the process of web design you like CSS and Javascript. You might also need to increase your skills in creating web design using variety of applications such as Dreamweaver and FrontPage as well as learn image processing applications such as Fireworks and Adobe.

But for now we will concentrate on learning the material that became the basis of all web programming ... HTML.

I need to say here that even though you've mastered a variety of applications that simplify web design, but in the end however you will still need the ability to perform hands-on programming manual to perform various tuning in your program.

Learn the Difference: HTML, PHP, MySQL

2010-07-08T07:36:00.000-07:00

You might've known HTML before, for example when you try to create a static web page using dreamweaver or frontpage.
But to make a complete, dynamic web pages, you'll have to learn PHP and MySQL in addition. Before that, I'd like to show you the correlation among them.

As you know, HTML responsible to display web pages so your browser can see you web page. HTML consist of series of tags that you can use to manipulate the way you want your pages to be.
Unfortunately, HTML is kind of dumb programming language. HTML cannot, for example calculate even simplest addition process like 1+1. Nor can connect to a database.
So, to create a dynamic web site, you'll need another help. And thanks to PHP, now you can do that calculation easily. PHP also have the capability to connect to database.
You have to understand, that PHP still send it's output to HTML, where you can perform various action to make PHP output looks prettier on your browser.
Last but not least, in a dynamic web sites, you'll need to save data. You can use MySQL to save your data, and access it later using PHP.
So, in short I can describe the simple process when you try to display a dynamic page.
The data will be stored ini MySQL. PHP will retrieve that data and process them if necessary. PHP will send the result to HTML. HTML will display them in a good format to your browser.
Quite simple, right?
Hope this post is usefull for you.
Warm regards.

Walkthrough

2009-06-21T08:43:00.000-07:00

Well, now it's time to start.
For you who just start to know about web development process, you need to know that that process is not difficult. Based on my experience, learning to create a web site expecially the hardest part whish is PHP is a lot easier than learning other programming language such C or Delphi.

To create your own web site, you'll need to know HTML, PHP dan MySQL. That's why, I will divide all my tutorials into 5 chapters:

Introduction
Learn HTML
Learn PHP
Learn MySQL
Learn to put it all together

Trust me, it's easy. Even I who came from a developed country like Indonesia can understand it easily. And so will you...
Next question for newbies will be what the hell is HTML, PHP and MySQL? What is the different? What is their function ini web site development?
We will discuss about it in my next posting.
So, come back shortly...
Warm Regards.

Learn PHP Blog

2009-06-12T06:53:00.000-07:00

It's been a while I run a web site about Learning PHP for newbies in Indonesia. Now, I'll make it available for you who use english.
Have a nice learn.
Warm regards.
Adhi Prasetio