Monday, July 29, 2013

HTML : Tutorial 2 Links

 Now that we learn the basics to building a heading and paragraph. Now that we covered the basic's of heading and paragraph , lets look into another basic component that every website has links. The web is built on inward and onward links that connect individual webpages that combine into the internet. Ok enough talk lets start!!
As always start out with the basic template

<html>
<body>

</body>
</html>

Now lets add a header and a small paragraph. Also we will add a link which I will explain how it works after you have typed it and save the file as learn2.html .

<html>
<body>
<h1> Learn Links </h1>

<p> How to add links </p>

<a href="http://www.androidfreegamesapps.forumotion.com">Click here</a>

</body>
</html>
Now double click on the Learn2.html after you saved it. It should look like this

Notice the link is high lighted in purple and when you click on it, you get taken to a new page. If it didn't work just comb over your code very carefully to make sure you typed it right and you didnt forget to close tags <> </> . Now to explain the code.
<a href=""  tells the browser your putting in a link. The link goes inbetween the " " brackets. Now after you put the link inbetween the " " brackets you type > to close that portion. Now after the > you type the words that you want to show up in place of the link on the screen. After you place the words then you close the tags by putting </a> .

<a href=" the website goes here" >   thats the 1st part that declares the website you want to point to.
>your text here</a>                           This is were you declare what text you want in place of the link. Later on I will teach you how to put an image instead of a text. Thats it great job and if you didn't understand anything please leave a comment or read the lesson over.    Lesson 3 here   Click here for lesson 3










No comments:

Post a Comment