In this tutorial we will be using more “Tag’s” like in the first tutorial.
This time we will be using Tag’s that will come handy in webdesign.
If you have question’s or want to know something specific then leave a post and ill awnser it in time.
In this tutorial we will learn:
Last tutorial we ended with:
We will use this file again but make it better.
Let’s fill the website with more content, in what Tag we will do this?? …
Body Tag (<BODY></BODY>)
Delete Wow… My website is the best!
And put a table there.
We want a table that contains the: Title/Menu and Information.
3 things so we will need atleast 3 cells.
We want the title on the top offcourse and the menu and information next to eachother.
Add the next code into your Body tag.
Save your work and view the file.
So… with a table you can set the interface position of your website.
Every TR Tag is needed for a new row.
And every TD Tag is need for a cell inside the row.
When you got the wanted cells in a row you will need to close the TR Tag and open it again for the next row.
Got everything ready ? then close the Table Tag.
TD colspan=”2″ -> A colspan will melt your cells together here it will melt 2 cells into 1 big cell.
Let’s place something better then current title.
Delete Title comes here. and put:
<img src="http://i372.photobucket.com/albums/oo170/LANTE_17/evil-smiley-face.jpg" /
Save your work and look at your file.
You got an image now… wasn’t that hard was it?
IMG is the Tag with a function “src=” that will find the source of the image (URL).
Lets do the menu, delete Menu comes here and put in place:
Save and view your website again.
UL tell’s the browser to sart a list every LI in it will put tekst into that list with a dot in front of it. Make sure you close your Tag’s aswell!
Now we have a nice menu, but can’t click on it.
Change you menu code into this code:
Save again, and view the file.
You will see you can click it now but it will generate errors.
To solve this you will need to make new files again, don’t call them index.html again but like in your menu “photos.html“.
An A Tag has a function HREF this can call objects on the internet like website’s, files, photo’s etc. aswell the A Tag supposed to be closed again! Everything between the A Tag’s will be displayed as an A Tag (Let’s you click on the thing you place between the Tag’s like images or text).
That is it for today!
Finish the website further.
Make the menu complete and create other files to link to through the menu.
Make your own title and text.
If you can put it online aswell then do it, i would like to see what you made (and suppose other will like it to).
Everyone likes to see others work.