HannahI 0 Report post Posted October 12, 2009 (edited) If you do not have know the structure of HTML, please leave or go to http://forums.xisto.com/topic/97247-topic/?findpost=Okay Now that you have the basic programming skills to write website in HTML, we can move on to real web programming. In this lesson we will be learning all about HTML tags.We can start us off with how to make a link in HTML. If you are unsure what a link is, a link is some text the will take you to another page. Links use the a tag. A stands for anchor. To create a basic link to google.com you would use this code. Shown in Listing 2.1Listing 2.1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://forums.xisto.com/no_longer_exists/ First Page</title><meta http-equiv="content-type" content="text/html; charset=UTF-8"></head><body><a href="https://www.google.de/?gfe_rd=cr&ei=BwkjVKfAD8uH8QfckIGgCQ&gws_rd=ssl Me</a></body></html>Lets go take a look at what code is doing and means. If you look you will see the HTML structure that we learned last class. You will see that the a tag is there. Href is were the links goes to. If you look you will see that it looks like this. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://forums.xisto.com/no_longer_exists/ http-equiv="content-type" content="text/html; charset=UTF-8"></head><body><img src="http://upload.wikimedia.org/wikipedia/commons/thumb/b/b9/Cat_drawing.svg/322px-Cat_drawing.svg.png" alt="This is the title" /></body></html>That is the basic code to a image. You can add the height parameter and or the width parameter. Also you can add the alt parameter. The alt parameter is a parameter the defines what text will show up when you put your mouse over it, it is the title.That was all to learn in this lesson. If Edited October 13, 2009 by HannahI (see edit history) Share this post Link to post Share on other sites
wutske 0 Report post Posted October 13, 2009 HannahI, it's great that you're writing these tutorials, but imho it's best to teach people to follow standards as soon as they start programming. For example, in your previous tutorial you've forgotten to mention that people should declare the document type (DTD), coding, etc...eg: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://forums.xisto.com/no_longer_exists/;and a meta tag to place inside the head tags that tells the browser that it's a UTF-8 encoded html page.<meta http-equiv="content-type" content="text/html; charset=UTF-8"> In this example you've failed to close the img tag and you've forgotten the alt attribute.So it should be:<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/b/b9/Cat_drawing.svg/322px-Cat_drawing.svg.png" alt="a usefull line of text that explains what this image shows" /> Share this post Link to post Share on other sites
takerraj 0 Report post Posted October 13, 2009 A very well made tutorial for absolute beginner. But how can I upload it to my website. For example, I want this html to show up on example.com/html. How to do that? Share this post Link to post Share on other sites
HannahI 0 Report post Posted October 13, 2009 (edited) Hi Guys,Thanks for metioning those things.I'm not sure if that such a basic web page like this would be required, I will add it now.Thanks for reading and hope you enjoy,-Hannah Edited December 2, 2009 by HannahI (see edit history) Share this post Link to post Share on other sites
mahesh2k 0 Report post Posted October 14, 2009 Basic tutorial but helpful for beginners. Just be more detail about standards as mentioned above. Good work though, keep writing more basic tutorial. Share this post Link to post Share on other sites
HannahI 0 Report post Posted November 28, 2009 Thanks, starscream. I like sharing my knowledge! -Hannah Share this post Link to post Share on other sites
