This preview shows page 1. Sign up to view the full content.
Unformatted text preview: g,
including the tags:
<p>This is a paragraph.</p> Web Browsers
The purpose of a web browser (such as Google Chrome, Internet Explorer, Firefox, Safari) is to
read HTML documents and display them as web pages. The browser does not display the HTML
tags, but uses the tags to interpret the content of the page: Screenshot of browser displaying sample heading and paragraph text removed due to copyright restrictions.
Refer to: Step 4 in HTML Editors. HTML Page Structure
Below is an example of HTML page structure:
<html> <body> <h1>This a heading</h1> <p>This is a paragraph.</p> <p>This is another paragraph.</p> </body> </html> HTML Versions
Since the early days of the web, there have been many versions of HTML:
HTML 1991 HTML+ 1993 HTML 2.0 1995 HTML 3.2 1997 HTML 4.01 1999 XHTML 1.0 2000 HTML5 / XHTML5 2012 The <!DOCTYPE> Declaration
The <!DOCTYPE> declaration helps the browser to display a web page correctly.
There are many different documents on the web, and a browser can only display an HTML page
100% correctly if it knows the HTML type and version used. Declarations
Before HTML5, it was common to declare the HTML version at the start with something messy:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
HTML5 is much simpler, and is what we recommend you use:
<!DOCTYPE html> Topic 2: CSS
Here are screenshots of some sample P1.2's The functionality is present in all these pages, but the sites themselves are visually unappealing.
(In fact, perhaps good visual design is essential to your site's functionality - e.g. people
abandoned MySpace as a social networking tool since they couldn't tolerate looking at the
cluttered, eye-soring p...
View Full Document
- Spring '13