HTML - How Does It Work?
HTML made up of various tags which are codes made up of letters and numbers and their associated attributes. The tags or elements are instructions to the web browser on how the document should be structured or references to content to include within the rendered document.
HTML Tags are alway enclosed in right angle brackets and most of the tags used will have opening and closing elements. For example the paragraph tag which is <P> which will contain a block of text. The closing tag for the text will be </P>
<P> The quick red fox jumped over the lazy brown dog. </P>
Basic Structure of an HTML Document
<!DOCTYPE html>
<HTML LANG="en">
<HEAD>
<META CHARSET="UTF-8">
<TITLE>Web Page Title </TITLE>
<META NAME =" description" CONTENT= "Short description of page content" >
<LINK REL="stylesheet" TYPE = "text/css" HREF= "stylesheetname.css" >
</HEAD>
<BODY>
<H1>Headline </H1>
<P>Text - The quick red fox jumped over the lazy brown dog. </H1>
</BODY>
</HTML>
Web Page Examples Showing What HTML and CSS Does
HTML5 is supposed to be the latest and greatest iteration
HTML5 introduces several so called Semantic Tags to be used in place of DIV at least in part. Named for the purpose for which they are intended to be used. Most Semantic Tags seem to be of more benefit to search engines and non-human readers of webpages than they are for the web developer.
A simple webpage example using some of the new HTML5 Semantic Tags
The use of DIV is as relevant with HTML5 as it is with HTML4. It remains to be seen how widely accepted these new elements will become particulary since there is no Windows XP compatible version of Microsoft Internet Explorer which recognizes the new HTML5 tags.
Adding Functionality to a Webpage With Javascript
HTML is a markup language used to format a webpage. Javascript is a programming language that can be used to dynamically change the content of a webpage, sort html tables and do a host of other things to improve the web visitors experience.