Assalamualaikum w.b.t. Alhamdullilah, we are given an opportunity to learn about HTML. So what is HTML? Generally speaking, HTML is a language for describing web pages.

Notepad that we used

To make it brief,

HTML stands for Hyper Text Markup Language
HTML is not a programming language, it is a markup language
A markup language is a set of markup tags
HTML uses markup tags to describe web pages

HTML Tags

HTML markup tags are usually called HTML tags

HTML tags are keywords surrounded by angle brackets like <html>
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
Start and end tags are also called opening tags and closing tags

HTML Documents = Web Page

The purpose of a web browser (like Internet Explorer or Firefox) is to read HTML documents and display them as web pages. The browser does not display the HTML tags, but uses the tags to interpret the content of the page. For example :

Example Explained

The text between <html> and </html> describes the web page
The text between <body> and </body> is the visible page content
The text between <h1> and </h1> is displayed as a heading
The text between <p> and </p> is displayed as a paragraph

Example of HTML using notepad

The outcomes of HTML

HTML Tables

Tables are defined with the tag.

A table is divided into rows (with the tag), and each row is divided into data cells (with thetag). td stands for “table data,” and holds the content of a data cell. A tag can contain text, links, images, lists, forms, other tables, etc.

Table Example

How the HTML code above looks in a browser:

row 1, cell 1	row 1, cell 2
row 2, cell 1	row 2, cell 2

HTML Images – The <img> Tag and the Src Attribute

In HTML, images are defined with the <img> tag.
The <img> tag is empty, which means that it contains attributes only, and has no closing tag.
To display an image on a page, you need to use the src attribute. Src stands for “source”. The value of the src attribute is the URL of the image you want to display.

For the next post, we will share the tutorial about XML. But we will gladly to share the differences between HTML and XML so that you will get a vision what is XML is all about.

The differences between HTML and XML

HTML	XML
Displaying information	Carrying information
Display data	Transport and store data
No need to have Closing Tag	All elements Must Have a Closing Tag
Tags are not case sensitive	Tags are case sensitive

This is a link that provide you HTML tutorials. Hope you enjoy! =)

So thats all for today, take a good care until then :)

Monday, 8 October 2012

HTML Tutorial