Chapter 7Web Design

© 2012 Elsevier, Inc. All rights reserved.

HTML Hypertext Markup Language

Using HTML, text is formatted by wrapping it in a tag.The tags provide instructions to the browser (Safari, IE,

Firefox, Chrome, etc.) for how to render the text on screen.<h2>Text wrapped in an heading level 2 tag looks like this</h2>

START TAG END TAG

Tags – How Tagging Works?

Three Parts of an HTML Document

An HTML document is divided into three sections:

1)Declarations

2)Head

3)Body

1

2

3

{

{{

Nesting HTML tags

Anatomy of a basic tag

Anatomy of a complex tag

Spaces and line breaks in HTML

Special Characters

Anatomy of a URL (uniform resource locator)

Hierarchical Site Map

Box Layout

Coding the Box Layout

Three types of lists in HTMLAn Ordered List1.George Washington

2.John Adams

3.Thomas Jefferson

4.James Madison

5.James Monroe

An Unordered List

•Sugar•Salt•Milk•Bread•Cheese

A Definition List

AlgorithmA mathematical sequence or set of instructions for solving a problem.

AnalogA recording method that represents the physical properties of images or sound as a continuous signal.

AnimationThe illusion of visual motion created by the rapid projection of still images in two- or three-dimensional space.

Three types of lists – the code

Linking to content on a page and to files

Sample File Structure

Navigating Directory Paths in HTML

Linking images and using alternative text

Table Structure

Controlling link pseudo-classes in CSS