Images, Links and Paragraphs: Design the Web | Lesson 3

Today will be talking about how to add images, make links, and make paragraphs. I will also be talking about a Mistake that I made last week, I forgot about a pretty important tag. So will go over that.

First off, I completely forgot about the <!DOCTYPE> tag. I thank and give credit to Renegade (from TekSocial.com) for seeing and commenting about my mistake. "Doctype is the first line of any HTML page and tells the browser how to interpret the HTML."(from: drupal.org/node/340119). So basically it tells the Browser what the crap it was looking at.

Now, time to learn about images. The Image tag usually looks like this: <img> , You usually don't have to close it, but it makes you comfortable, please do. You call to a image file by typing out the source, like this: <img src="imagefile.png">. So it's not too complicated. In a later lesson, when we move on to css and how to really style your site, I will show you how to align, give a border, and control the height of a image tag.

    Lets talk links...Links are like little portals to other pages, when you click them, it usually takes you somewhere, or is a download link for something. There is of course many uses, but today we are going to cover 1 of them. That use it how to link to other pages. The link tag or Anchor tag usually is formatted like this: <a></a>, notice I have a closing tag, Unlike the image tag, they DO have to have a closing tag, or it won't work.

Now lets talk about paragraphs. Paragraph tags are usually used for big amount of text. The tag looks like this <p></p>. As you probably have noticed, It does need a closing tag. If you don't close it, it will make all the text on the page a paragraph, or just not work as it's suppose to.

I don't have enough time to write up the code to add new things to the page as promised. But next week we will definitely be adding some stuff. Next week we will learn different types of menus and how you can put different ones together. We will also talk about how to style them.

Original post: http://journal.zerostudio.co.cc/2010/09/imageslinks-and-paragraphs-%E2%80%93-design-the-web-lesson-3