MARGINS and OTHERS
Dear, in this part we'll study more abt the body tag, and this time we will look at the margins of a page. To set the margin, we will have to add the attributes of "topmargin" and "leftmargin". The use of margins is to set the wordings, images, tables, etc to the arrangement u want. Normally, if u don't put any margin attributes(like previous tutorials) the computer will automatically put some margins for you. But if u need to increase or decrease the margin that computer put, then u can use the margin attributes.
If you notice the coding for this page, I set the leftmargin to 15 and the topmargin to 5. That's why u'll see that the space on left margin is bigger than the top one. If you click on this link : Margin 1 you'll see a page that has no margins. And if you click on this link : Margin 2 you see a page with some margin and how it affects the width of the page.
Next, we move to more extensions of what we have covered earlier. This one is abt the "a href" tag. Previously I taught u abt making links to another page, etc. Now, we'll look at how to make a link for an email address. Dear, if you notice that in our Home, I often ask ppl to contact us, then I gave them our email addresses that can be clicked. If clicked, then it will connect to the email service that was decided in ur PC, and ask you to compose an email. This will be helpful for ppl that uses Microsoft Outlook email software. Normally, home users and offices will use a lot of Microsoft Outlook, and it will be the email software decided by the PC when we click on the link.
See the coding on how we do the email links below:
(i) thetaisa@hotmail.com
(ii) EMAIL ME~!
If we put "target=NewWindow" like in (ii), then the email service will open in new screen when clicked.
Next, we study further abt the "img src" tag. In our past tutorials, u have studied abt putting images in many ways, using the attributes "vspace", "hspace", "border", etc. Today we study another attributes, that is the "alt". This one, when u put ur cursor on the image/pic, after some seconds, wordings will come out near mouse cursor to describe the pic. ;) The wording u will type with the "alt" tag (see coding on how it's done). This attribute is useful when we need to inform ppl abt the image we put(see first example below. put ur cursor on the pic and wait), or if the image can't come out, then at least ppl can know what u wanted to show(see second example below).


Umm, that's all for this week dear~! ;) A bit difficult than previous tutorials huh? But don't worry, if there's any question, teacher Jordy is always around to help u. ;) Next week we will cover new things, but u must understand the table tag fully. It's one of the most important and useful ones. OK, see student Cloudy in next week's class~! Wish student have good rest and drive home safely~!!. Teacher loves you very much~!!! :*
Click here : ASSIGNMENT 4