Tuesday, 9 October 2012

XML Tutorial

Alhamdullilah, we are fortunate to meet once again. As what we had promised earlier, this is the tutorial about XML. Hope you enjoy reading and hopefully you will find something useful in this post :D

XML

Stands for Extensible Markup Language
Not replacement for HTML as they were designed with different goals
Created to structure,store, and transport the information
Just a plain text. Any software that can handle plain text can also handle XML
XML languages has no predefined tags
Works as a compliment to HTML not as replacement
The description for XML is software- and hardware-independent tool for carrying information

XML Simplifies Data Sharing

XML data can easily be exchanged between incompatible systems
XML data reduce a lot of time for exchanging data between incompatible systems over the internet

XML Simplifies Platform Changes

As XML data is stored in text format it makes it easier to expand or upgrade to the new operating system,new applications or new browsers without losing data

XML Makes Data More Available

Since XML is independent of hardware ,software and applications,XML can make our data more available and useful.
Our data can be access from different applications and available to all kinds of 'reading machines (i.e: hands (i.e: hands helds computer, voice machines and others. It make a more available for people with disabilities.)

Well formed XML Document

A "well formed" XML document has correct XML syntax
The syntax rules are :

XML Syntax Rules	Explanation
XML document must have a root elements	XML document must contain one element that is the parent of all elements The elements is called root elements
XML elements must have closing tags	In XML it is illegal to omit the closing tag. All elements must have closing tag: <p>……………..</p>
XML tags are case sensitive	XML elements defined using XML text With XML, the text <Letter> is different from the tag <letter>
XML element must be properly nested	In XML all elements must be properly nested within each other: <b> <i>………………………</i> ,</b>
XML attribute values must be quoted	In XML the attribute value must always be quoted “quoted”

Example of XML

The outcomes

To have further clarifications about XML, click here.

Monday, 8 October 2012

HTML Tutorial

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