As time progresses, our Web Layout & Design class gets even more exciting. As usual we began class with a brief revision of the previous class. We were once again reminded that HTML is about semantics, structure, meaning and not necessarily presentation. In addition, we learnt some new tags. These are <ins> (insert), <li> </li> (list items), <del> (delete). We were also introduced to the Anchor Tag which is <a> </a>. For every Anchor Tag there must be a title attribute as it gives it a description.
By using the Anchor Tag, we learnt how to link our web pages and also, how to create a link to another website foe eg <a href="http://www.youtube.com">. We also, learnt how to create a link to someone's email for eg <a href="mailto:yanikeelloyd@gmail.com.
Next piece of info I learnt was that by using href="..//..//home.html you can navigate from a page back to home. This of course is an example for you could have just put the name the page instead of the dots.
Last but not least, we learnt how to add photos to our web page by way of <img src="(name of the photo).jpg".
Looking forward to next week's class!!
Hey Yanikee,
ReplyDeleteJust to add to your 'online' notes.
Image tags carry other attributes also. For example alt, title, width, height, id, class. They may be some more.
The alt attribute serves to give an alternate text just in case the image fails to load.
The title attribute serves to give the image a description. This description can be seen when the mouse is hovering over the image.
Width, height is self explanatory.
Id and class you should be already familar with. So a typical image tag would look like this.
<img src="example.jpg" alt="example.jpg" title="This is an image example" />