Maxwell - HTML: Quick Start Guide: Learn The Basics Of HTML and CSS in 2 Weeks

Chapter 1: A Brief History of HTML

On the first week of the lesson, its best that you first get to know what HTML is really about.

HTML stands for Hyper Text Markup Language, which consists of a set of markup tags, and are described by HTML tags.

Markup tags make up the foundation of HTML where the use of nesting lines, such as or

are prevalent. This makes it a cornerstone technology, together with JavaScript and CSS . This makes it easy for whats on the web to also be shown on mobile deviceswhich is important these days because everyones mostly on their phones or tablets, and that is why you have to make sure that the websites you create are optimized for mobile devices.

The development of HTML is widely attributed to Tim Berners-Lee, also known as the creator of the World Wide Web (www). Back in 1989, he was still a contractor as CERN, and while working there, he wrote a memorandum proposing for a hypertext system that will be based on the internet.

He then began to write server and browser software based on HTML back in the 1990s, and also created an encyclopedia based on it that CERN used as the foundation for the websites they created.

Berners-Lee was also the first one to use the term HTML Tags as the first available description of HTML. It was composed of 18 essential elements that made up the relative HTML design, and 11 of these elements are still used up to this day and age.

HTML was also defined for a time as one of the main applications of SGML, or Standardized Generalized Markup Language. It stayed that way up until 1993 when the first HTML Draft for the internet came into fruition. However, it just had to take 6 months before the said draft expired.

In 1994, the HTML Working Group was created and in turn, HTML 2.0 was finally completed in 1995, and in 1996, specifications for HTML started to be maintained. In 1999, HTML 4.1 was published, and in 2004, HTML 5 began to be developedproving how innovative the said language is.

Interactive forms, objects, and images are then easily embedded to websites with the help of HTML. Then, with the help of structural semantics. Quotes, links, lists, and paragraphs are all embedded, as well. HTML also works with JavaScript and CSS in such a way that browsers would be able to have scripts embedded in them.

Ever since 1997, programmers were encouraged to use HTML instead of CSS or Cascading Style Sheets for websites.

Chapter 2: Framework and Tags Cheat Sheet

The framework of HTML is made up of the following:

1. The document type is described with the DOCTYPE declaration.

2. Document information is provided in the text between

and .

3. An HTML document is described in the text between and

.

4. The documents title is provided in the text between .

5. The text between

are known as headings. It could also go for H2, H3, H4, and so on.

6. The content of the documentor what youd read onscreengoes on the text between

and .

7. And, a paragraph could then be created in the text between

and

Tags Cheat Sheet

Now, when it comes to tags, you have to keep in mind that they usually come in pairs, as you have seen in the framework above. Whats on the left side is the beginning of the tag (also known as start tag), and the end tag looks almost the samebut only with a slash (/) in the beginning.

Here are the tags that youre mostly going to use:

NAME this pertains to a section on the page

HREF this is used for hyperlinking, or for adding the name of the URL that you are referring to

onCLICK this is the script that runs so that the user will be able to click on the anchor (i.e., for things such as google.com , this script has to run so that the user would really be directed to a link after clicking)

Anchor

TITLE this is the title of the document that is being opened

onMOUSEOUT this is the script used to determine that the mouse is no longer on the anchor text

TARGET This shows the window where the document has to go into. Variations include: parent | black | top | shelf | window name

onMOUSEOVER this shows that the mouse is right over the anchor text

CODEBASE this is the path that would take you to the applet class

CODE this determines the app that is currently running

HEIGHT the height of the applet

WIDTH this determines the applets width

ALIGN this would determine how the surrounding text would show up onscreen

HSPACE this is the horizontal space between the surrounding text and the applet