HTML for Beginners

A Complete Free HTML course for beginners

Quick List

<html>
<head>
<title>Document name goes here</title>
</head>
<body>
Visible text goes here
</body>
</html>

HTML Colors

Html colors - it goes in the “body” tag at the beginning of your document. If you don’t have a “body” tag, you can put one right after your /title or /head tags. This can be seen in the example for this page .

HTML Background

Color Property
 we want all headlines in a document to be dark red. The headlines are all marked with the HTML element<h1>. The code below sets the color of <h1> elements to red.
Colors can be entered as hexadecimal values as in the example above (#ff0000), or you can use the names of the colors (”red”) or [...]

HTML Image

 HTML  images are defined  <img> tag. 
The <img> tag is empty, it contains attributes only and it has no closing tag.

HTML Forms

While almost all other elements in HTML are for controlling the display and presentation, HTML FORM and INPUT tags add interactivity to the web site. The HTML forms handle very important operations at the website like taking orders, surveys, user registration and so on. You will hardly find a single web site without forms.
[...]

HTML Lists

 we need a tag to begin and end the entire list. The opening tag is <ul>, and the closing tag is… yep, you guessed it… </ul>. Now, to set off each item in your list, you use the <li> tag, followed by your text, then close each list item with the </li> tag. Here is [...]

HTML Tables

HTML tables are coded in the <BODY> section of the Web document. Some authors call this the <BODY> “container”. Tables, out of necessity, are rectangular in shape. There are the same number of columns in each row and you cannot code a table having a shape other than a square or a rectangle.
[...]

HTML Frames

<FRAMESET> creates a “table of documents” in which each rectangle (called a “frame”) in the table holds a separate document. In its simplest use, <FRAMESET …> states how many columns and/or rows will be in the “table”. You must use either the COLS or the ROWS attributes or both. For example, this code creates a [...]

HTML Links

The <a> (anchor) tag to create a link to another document.
An anchor can point to any resource on the Web.
<a href=”url” mce_href=”url”>Text displayed</a>
The <a> tag is used to create an anchor to link from, the href attribute is used to address the document to link. the words between the open and close of the anchor [...]

HTML Formatting

How you can format text in an HTML document.
<html>
<body>
<b>This is bold text </b>

HTML Tag Attributes

HTML Tag Attributes.
HTML tags can have attributes. Attributes provide additional information to an HTML element.Attributes are always specified in the start tag of an HTML element.

HTML Tags

To help define the hierarchy and the structure of a web page, headings can be used.  (These are not the same as the <HEAD></HEAD> tags. used to demarcate the header section of an HTML source code document.)

HTML Elements

HTML tags are used to mark-up HTML elements.
HTML tags  two characters < and > .
The characters are called angle brackets .
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.

HTML Introduction

HTML is a Hyper Text Markup Language…
HTML file is a text file  small markup tags.
The markup tags tell the Web browser how to display the page.
An HTML file must have htm or html file extension.
An HTML file can be created using a simple text editor.
   You Want Try It…

HTML History

This chapter is a short history of HTML. Its aim is to give readers some idea of how the HTML we use today was developed from the prototype written by Tim Berners-Lee in 1992. The story is interesting - not least because HTML has been through an extremely bumpy ride on the road to standardization, [...]

Nested Tables

Yes we can nest tables in each other. If you are going to design complicated web pages you will always do this. For example you need a table with border size of 3 in a specific part of a web page. To fix position of that table in your desired place you will need a [...]