HTML

HyperText Markup Language

__HTML __

Web pages are created by using a language called //HyperText Markup Language//. This is abbreviated to HTML. What does HTML look like?

 My First Heading  My first paragraph.  ||   ||= =My First Heading = My first paragraph. ||
 * = HTML Code || [[image:abcprogramming/white filler.JPG width="111" height="79"]] ||= Webpage ||
 * = <!DOCTYPE html>

The way HTLM works is by using "Tags". In the code on the left, these are the < > symbols with some text in them. For example the tag //// is an instruction to your browser to make some text bold. A list of common tags might be:


 *  || Bold ||
 * <span style="font-family: 'Comic Sans MS',cursive; font-size: 140%;"> || <span style="font-family: 'Comic Sans MS',cursive; font-size: 140%;">Underline ||
 * <span style="font-family: 'Comic Sans MS',cursive; font-size: 140%;"><i> || <span style="font-family: 'Comic Sans MS',cursive; font-size: 140%;">Italics ||
 * <span style="font-family: 'Comic Sans MS',cursive; font-size: 140%;"><H1> || <span style="font-family: 'Comic Sans MS',cursive; font-size: 140%;">Large heading ||
 * <span style="font-family: 'Comic Sans MS',cursive; font-size: 140%;"> || <span style="font-family: 'Comic Sans MS',cursive; font-size: 140%;">Paragraph ||
 * <span style="font-family: 'Comic Sans MS',cursive; font-size: 140%;"><Title> || <span style="font-family: 'Comic Sans MS',cursive; font-size: 140%;">Title ||
 * <span style="font-family: 'Comic Sans MS',cursive; font-size: 140%;"><Body> || <span style="font-family: 'Comic Sans MS',cursive; font-size: 140%;">? ||

<span style="font-family: 'Comic Sans MS',cursive; font-size: 140%;">For every tag you start, you have to end it also i.e. **This text will be shown in bold** <span style="font-family: 'Comic Sans MS',cursive; font-size: 140%;"></b> is the end tag.

__<span style="font-family: 'Comic Sans MS',cursive; font-size: 160%;">Browsers __

<span style="font-family: 'Comic Sans MS',cursive; font-size: 140%;">So why do we see the webpage and not the HTML when we surf the web? We use a special piece of software called a Browser. Some of the most common Browsers are:


 * <span style="font-family: 'Comic Sans MS',cursive; font-size: 140%;">Internet Explorer
 * <span style="font-family: 'Comic Sans MS',cursive; font-size: 140%;">Safari
 * <span style="font-family: 'Comic Sans MS',cursive; font-size: 140%;">Firefox
 * <span style="font-family: 'Comic Sans MS',cursive; font-size: 140%;">Chrome

<span style="font-family: 'Comic Sans MS',cursive; font-size: 140%;">There are many more types of Browser and they translate HTML and display the webpage. However, you do not need to learn HTML to create a webpage, you can use a program called a 'Web Page Editor', sometimes called a WYSIWYG (What You See Is What You Get!). Examples are:


 * <span style="font-family: 'Comic Sans MS',cursive; font-size: 140%;">Kompozer
 * <span style="font-family: 'Comic Sans MS',cursive; font-size: 140%;">Komodo
 * <span style="font-family: 'Comic Sans MS',cursive; font-size: 140%;">Frontpage Express

<span style="font-family: 'Comic Sans MS',cursive; font-size: 140%;">You can even use some application software such as Microsoft Publisher. However, the World Wide Web is much more than electronic pages full of text, we can also add Audio, Video, Graphics and animation etc.

||
 * <span style="color: #ff0000; font-family: 'Comic Sans MS',cursive; font-size: 200%;">Task
 * <span style="font-family: 'Comic Sans MS',cursive; font-size: 140%;">However, the Code Academy has a series of lessons that gets you started and teaches you how to write HTML There are a series of lessons and you can track your progress. Access the website at:

<span style="font-family: 'Comic Sans MS',cursive; font-size: 140%;">[|http://www.codecademy.com]

<span style="font-family: 'Comic Sans MS',cursive; font-size: 140%;">The only way to learn writing in HTML is to just dive in.............Use codecademy to work through the 13 lessons in the HTML 1 unit and then create your very first website! ||

<span style="display: block; font-family: 'comic sans ms',cursive; font-size: 140%; text-align: left;">There are a number of good videos on Youtube to help you create a website using notepad. media type="youtube" key="GOfhmzNLWzY" height="315" width="560"