Dean Grey - Introduction to Website Design and Development

Index

Unit I

Qui c k Start

W eb de s ign is a mix of fun and details. The details are not really i n teresting u n til y ou h av e had some fun. So w e will start with some fun. Then w e will foll o w up with some details, once y ou kn o w w h y they are im p orta n t to y ou.

Chapter

HTML T ags

Here is a w ebpage. Key it in. Then w e will discuss it and customize it.

This is some bold text. This is some normal text.

This is some italic text. This is some normal text.

src=don.jpg>

Notice that there is some co n te n t, Dons W eb P age, that is surrounded b y the tags,

Exam Quest i on (p . ):

In HTML what tag is used to ide n tify a le v el-1 header?

Required Ans w er:

h1

Exam Quest i on (p . ):

In HTML what w ords d o es the h1 tag stand for?

header one

Next w e h av e more co n te n t. Normal text. Bold text. Italic text.

is the b old tag. It s p ecifies that the co n te n t should b e prese n ted in b old fo n t. marks the end of the b old co n te n t.

Exam Quest i on (p . ):

In HTML what tag is used to prese n t b old co n te n t?

Required Ans w er:

b

Exam Quest i on (p . ):

In HTML what w ord d o es the b tag stand for?

Required Ans w er:

b old

is the italic tag. It s p ecifies that the co n te n t should b e prese n ted in italic (sla n ted) fo n t. marks the end of the italic co n te n t.

Exam Question (p . ):

In HTML what tag is used to prese n t oblique (italic) co n te n t?

Required Ans w er:

i

Exam Question (p . ):

In HTML what w ord d o es the i tag stand for?

Required Ans w er:

italics

is the image tag. It designates an image to b e included in the w ebpage. There is no co n te n t. There is no tag. The image tag is called a v oid tag b ecause it d o es not h av e a n y co n te n t. I kn o w, it seems li k e the picture itself is the co n te n t. But w e cou n t as co n te n t the things that ap p ear b e tw een the start tag and the end tag.

Exam Question (p . ):

In HTML what tag is used to insert a picture?

img

Exam Quest i on (p . ):

In HTML what w ord d o es the img tag stand for?

Required Ans w er:

image img

1.1 Seeing Y our W ebpage

T o share y our w ebpage, y ou m ust put it on a w eb ser v er. Y our w ebpage m ust h av e a name b y whi c h p eople can request it. That name is called its URL.

Exam Quest i on (p . ):

What w ords d o es URL stand for?

Required Ans w er:

uniform resource l o cator

The language used for writing w ebpages is called HTML.

Exam Quest i on (p . ):

What w ords d o es HTML stand for?

Required Ans w er:

h y p er-text markup language

Chapter

V alid HTML

W e w ere pl a ying fast and l o ose with our first w ebpage. Strictly s p eaking, it w as not v alid HTML. There are formal rules for HTML, and when w e foll o w those rules, our w ebpage should w ork with all br o wsers in pret t y m u c h the same wa y . When w e do not foll o w those rules, the br o wsers are free to guess what w e mea n t, and they m a y guess differe n tly from ea c h other.