Tutorial 6

CSS
SDD3013/1CS0217 Web Designing

Name: ...........................................................

SCSJ ID: ........................................................... Date:................................................

Add image element.

1. Write the following code.

2. Save the html file as tutorial6.html.

3. Add this code in between <header> .. </header>:

4. Add this code after <h2> Your next adventure is only a paddle
away ....</h2>

5.
Download kayakdc.gif and hero.jpg from the tutorial 6 folder to your computer.

Image links

1. Download home.gif, tours.gif, reservation.gif and contact.gif from the BB to your

computer. Save the images files at same folder with html file.

2. Use the same code in tutorial6.html.

3. Add this code in between <style> ... </style>

4.
Modify

<nav> with the following code:

5. Save tutorial6.html.
Background multiple image

1. Write the following code:

2. Save as coffeebg.html

3. Download coffeepour.jpg and coffee.gif from the BB to your computer. Save the
images files at same folder with html file.

4. Add the code below in between <style> ... </style>

5. Save the html file and view on browser.