Basic HTML Exercises Using Notepad - HFT 3444

45 downloads 188 Views 156KB Size Report
1. Assignment - HTML. (20 Points). Basic HTML Exercises Using Notepad. 1- Getting started and creating a directory for your files. 1. Create a folder on your ...
Assignment - HTML (20 Points)

Basic HTML Exercises Using Notepad

1-Getting started and creating a directory for your files 1. Create a folder on your desktop to save your HTML pages in (call it ‘My web page’. 2. To start Notepad: Go to Accessories and click on Notepad. 3. Type in the following document tags : My First web page

2-Now save the file to the html directory you created Click File, save it as index.html 1. Start with 2.

title for the page;

Any title of your choice

3. 4.

1

Add a heading that is bold & in italics

Your Name: This is my first homepage



Add an image. Save it under “My web page” folder



then add a horizontal rule,




then add a paragraph,

This is my first web page, when it’s finished, it will include:



and then an unordered list:

  • Movies
  • Games
  • Music


Now save the page and view it. Open the browser: click File, and Open and then browse to find the folder and file

2

you should see your new page appear in the browser, looking something like this:

Your name: My First Page This is my first web page, when it’s finished, it will include:   

Movies Games Music

Note that you can view changes anytime by saving your file in Notepad and then going back to the browser and clicking on the Reload button.

5- To change the back ground color, copy and paste the following code in the notepad document: or ANY OTHER COLOR CODE FROM THE LIST BELOW 6- To add a link, I'm currently attending Rosen College of HM


7- Please repeat to add a table: 3

You can create headers
1 2 3

8- To embed movies, copy and paste the next line.

My Movie

9- Embed a youtube movie in the HTML ducomne 10. 11. Color Name

HEX Code

black

#000000

white

#ffffff

red

#ff0000

blue

#0000ff

green

#008000

yellow

#ffff00

orange

#ffa500

violet

#ee82ee

Color

4

purple

#800080

pink

#ffc0cb

silver

#c0c0c0

gold

#ffd700

gray

#808080

aqua

#00ffff

skyblue

#87ceeb

lightblue

#add8e6

fuchsia

#ff00ff

khaki

#f0e68c

5