HTML 5 - Tutorial

What is HTML 5

Web pages can be created by using HTML

Almost every website on internet is built using HTML

HTML is fun to learn

This tutorial will make you an HTML pro

HTML Examples

This tutorial contains hundreds of examples

Examples are simple and easy to use

You can copy and run the examples in your favourite editor

What is HTML 5

(Video Transcript)

Hi I am Aysel, the Co-Founder of "thecodinggirls.com" and today I will be telling you about HTML.

People use language to talk to each other and so does the computers. The basic language of computers is binary language which is nothing more than the series of zeros and ones. When computers display the information on the Internet they use a special language called HTML which stands for hypertext markup language. The HTML was created three decades ago by Tim Berners Lee in 1990.

According to wikipedia, Hypertext is text displayed on a computer display or other electronic devices with references (hyperlinks) to other text that the reader can immediately access. So basically Hypertext is the process of linking objects to each other so that when 1 object is clicked the link in object can be viewed.

Using HTML to build websites on internet doesn't make you a programmer, instead, the hypertext markup language contains a variety of markup tags that are used to put information in different categories. The web browser then reads these markup tags and transform them into beautiful webpages. Most web browsers allow you to view the HTML Page source code for any web page.

In Windows, Clicking Ctrl + U in almost any webbrowser will bring up the web page source. For mac however, Command + U is valid for firefox. And for other webbrowsers pressing Option in addition to Command and U will bring up the web page source. In the web page source, We see that some words are enclosed in angled brackets, we call them tags or markups. Every web page contains these markups or else the page cannot be classified as the web page. These markups or tags are basically the HTML tag, these tags are not displayed themselves, rather, they tell the browser how the page is supposed to be displayed to its user.

The head tag contains special instructions such as title of the page, language, character set and meta information for search engine optimization. The body tag contains the information that is visible on the web page. For majority of the tags, each tag has a corresponding closing tag so that the web browser knows when to stop reading the tag, however there are few tags which do not require the closing tags.

Tags can also have attributes that add additional styling to the elements like color, alignment and font-size etc. Additional styling is generally denoted by having the attribute name, a collin sign and the attribute value in quotation marks.

There are many softwares out there for creating websites, some are free and some are very expensive. Softwares such as Dreamweaver allow you to drag and drop what you want where you want it without ever having to write a single line of code. These editors are called WYSIWYG or what you see is what you get editors. In real life, to build a website from scratch, all you really need is a simple text editor such as notepad for windows or text edit for mac and a web browser.

HTML is fun and easy to learn.