http://galore.co.za/blog/feed/rdf/ http://galore.co.za/blog/feed/rss/ http://galore.co.za/blog/feed/ http://galore.co.za/blog/feed/atom/ http://galore.co.za/blog/comments/feed/

html

HTML Title Element

The HTML title Element

The <title> tag defines the title of the document.

The title element is required in all HTML/XHTML documents.

The title element:

  • defines a title in the browser toolbar
  • provides a title for the page when it is added to favorites
  • displays a title for the page in search-engine results

A simplified HTML document:

<html>
<head>
<title>Title of the document </head>

<body>

The content of the document.

</body>

</html>

Understanding html Forms

HTML Forms

A form can contain input elements like text fields, checkboxes, radio-buttons, submit buttons and more. A form can also contain select lists, textarea, fieldset, legend, and label elements.

The <form> tag is used to create an HTML form:

<form>

.

input elements

.

</form>

Input Elements

There are many different Input elememts, These different elements determain how the form will render in a browser. The most
popular inpute Elemements are:

Text Fields

<input type=”text” /> defines a one-line input field that a user can enter text into:

<form>

First name: <input type=”text” name=”firstname” /><br />

Last name: <input type=”text” name=”lastname” />

</form>

The above coding will show as follows in a browser

Name:

Grade:

Password Field

<input type=”password” /> defines a password field:

<form>

Password: <input type=”password” name=”pwd” />

</form>

The above coding will show as follows in a browser

Password:

Radio Buttons

<input type=”radio” /> defines a radio button. Radio buttons let a user select ONLY ONE of a limited number of choices:

<form>

<input type=”radio” name=”True” value=”True” /> True<br />

<input type=”radio” name=”False” value=”False” /> False

</form>

The above coding will show as follows in a browser

Male

Female

Checkboxes

<input type=”checkbox” /> defines a checkbox. Checkboxes let a user select ONE or MORE options of a limited number of choices.

<form>

<input type=”checkbox” name=”food” value=”Chicken” /> I eat Chicken<br />

<input type=”checkbox” name=”food” value=”Beef” /> I eat Beef

</form>

The above coding will show as follows in a browser

I eat Chicken

I eat Beef

Submit Button

<input type=”submit” /> defines a submit button.

A submit button is used to send form data to a server. The data is sent to the page specified in the form’s action attribute. The file defined in the action attribute usually does something with the received input:

<form name=”input” action=”html_form_action.asp” method=”get”>

Username: <input type=”text” name=”user” />

<input type=”submit” value=”Submit” />

</form>

The above coding will show as follows in a browser

Username:

Tables and Nested Tables

HTML Tables

The following is the html coding to creat a table, This is how the coding should look in your text editor, for example gedit.

<table border=”1″>
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<row 1, cell 1</td>
<row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

This is how the html code would show in a browser, as a table. This is a simple table,

Header 1 Header 2
row 1, cell 1 row 1, cell 2
row 2, cell 1 row 2, cell 2

Nested Tables

nested tables are a little more complicated as you creat a table within a table, the coding is as follows

<table width=”100%” border=”1″>
<tr>
<td>
<table border=”1″ cellpadding=”3px” cellspacing=”2px”>
<tr><td>content</td></tr>
<tr><td>content</td></tr>
<tr><td>content</td></tr>
<tr><td>content</td></tr>
<tr><td>content</td></tr>
<tr><td>content</td></tr>
</table>
</td>
</tr>
</table>

This is how the html code will show in a browser, as a table

content
content
content
content
content
content

HTML5!

What is HTML5?

HTML5 will be the new standard for HTML, XHTML, and the HTML DOM.

The previous version of HTML came in 1999. The web has changed a lot since then.

HTML5 is still a work in progress. However, most modern browsers have some HTML5 support.

How Did HTML5 Get Started?

HTML5 is a cooperation between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG).

WHATWG was working with web forms and applications, and W3C was working with XHTML 2.0. In 2006, they decided to cooperate and create a new version of HTML.

Some rules for HTML5 were established:

  • New features should be based on HTML, CSS, DOM, and JavaScript
  • Reduce the need for external plugins (like Flash)
  • Better error handling
  • More markup to replace scripting
  • HTML5 should be device independent
  • The development process should be visible to the public

New Features

Some of the most interesting new features in HTML5:

  • The canvas element for drawing
  • The video and audio elements for media playback
  • Better support for local offline storage
  • New content specific elements, like article, footer, header, nav, section
  • New form controls, like calendar, date, time, email, url, search

Browser Support

HTML5 is not yet an official standard, and no browsers have full HTML5 support.
But all major browsers (Safari, Chrome, Firefox, Opera, Internet Explorer) continue to add new HTML5 features to their latest versions.

New Elements in HTML5

The internet has changed a lot since HTML 4.01 became a standard in 1999.

Today, some elements in HTML 4.01 are obsolete, never used, or not used the way they were intended to. These elements are deleted or re-written in HTML5.

To better handle today’s internet use, HTML5 also includes new elements for better structure, drawing, media content, and better form handling.

Videos on the Web

Until now, there has never been a standard for showing a video or movie on a web page. Today, most videos are shown through a plugin (like flash). However, different browsers may have different plugins.

HTML5 defines a new element which specifies a standard way to include video: the <video> element.

For tutorials, more information and lists of new tags go to www.w3schools.com

html briefly explained

What is HTML?

HTML is short for HyperText Markup Language. How the language got so hyper is beyond me, too much caffeine maybe, but anyway, web pages are built using html tags.

So that you understand what a “tag” is, here is an example:

<html>

Each tag consists of the containers, which are the lesser than (<) and greater than (>) arrows, and the HTML element within them. The arrows and the HTML element together are commonly called an HTML tag, or an HTML command by some. The example tag above is the beginning of an HTML document. It tells the browser the document is a page written in the HTML language so it can be interpreted and displayed according to the specifics of that language.

There are dozens of tags, but only a few that you have to know to make a simple web page. If it looks confusing, just play along, it really isn’t that difficult.

To begin with, you’ll need a browser, (d-oh!) and a text editor. There are HTML editors that make web page building easier for some people Such as gedit, It is best to learn to code by hand even if you plan on using an HTML editor later on. That’s the only way you’ll know how to troubleshoot problems, and problems do arise from time to time even for the most skilled webmasters.

Visit the following site for an easy tutorial and further information on html… http://www.boogiejack.com/html_step1.html

Difference’s between ordered and unordered .html lists

The most common HTML lists are ordered and unordered lists:

An ordered list:

  1. The first list item
  2. The second list item
  3. The third list item

An unordered list:

  • List item
  • List item
  • List item

HTML Unordered Lists

An unordered list starts with the <ul> tag. Each list item starts with the <li> tag.

The list items are marked with bullets (typically small black circles).

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

How the HTML code above looks in a browser:

  1. Coffee
  2. Milk

HTML Definition Lists

A definition list is a list of items, with a description of each item.

The <dl> tag defines a definition list.<br/>

The <dl> tag is used in conjunction with <dt> (defines the item in the list) and <dd> (describes the item in the list):

<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>

How the HTML code above looks in a browser:

Coffee
– black hot drink
Milk
– white cold drink