recitation5 notes

The browser does not display the html tags but uses

Info iconThis preview shows page 1. Sign up to view the full content.

View Full Document Right Arrow Icon
This is the end of the preview. Sign up to access the rest of the document.

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: Version Year 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: XHTML 1.0 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> HTML 4.01 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> HTML5 is much simpler, and is what we recommend you use: HTML5 <!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

Ask a homework question - tutors are online