Basic webpage
5 posts
Page 1 of 1
Hello guys this is a basic webpage just to teach you the basics of what you can do ![Very Happy :D](./images/smilies/icon_e_biggrin.gif)
<html> = This is an opening tag to show you that we are using html
<head> = This is opening the header of the html, this will contain Css, JS, Title ect
<title>My first webpage</title> = This is setting the title of the page to my first webpage
</head> = Here we are closing the head section of the html
<body> = We are starting the body of the page this is what is shown to your users
<b>This is bold Text</b> = The text in between <b> and </b> Will become bold
<u>This is underlined Text</u> = The text in between <u> and </u> Will become underlined
<s>This is striked Text</s> = The text in between <s> and </s> Will become striked
<img src="me.png" alt="This is me in Scotland" /> = This is linking an image wich would be one of me in scotland the alt is like a tooltip when you hover over it will show
<a href="www.codenstuff.com/" >The best site ever?</a> = This would say The best site ever? and if someone clicks it it will take them to coden stuff they will know its a link because the text will be underlined and blue by default
<a href="www.codenstuff.com/" ><img src="cdns.png" border="0" alt="CodeNStuff" /></a> = This would show an image about codenstuff and this wont have a border of purple because on the image we have written border = 0 if we diddnt write that a 3 pixel border will show around the image
</body> = This will close the body tag
</html> = This will close the html tag
Thanks for reading,
-Lewis Froom![Very Happy :D](./images/smilies/icon_e_biggrin.gif)
![Very Happy :D](./images/smilies/icon_e_biggrin.gif)
Code: Select all
This is a list of what each line does :<html>
<head>
<title>My first webpage</title>
</head>
<body>
<b>This is bold Text</b> <br />
<u>This is underlined Text</u> <br />
<s>This is striked Text</s> <br />
<img src="me.png" alt="This is me in Scotland" /> <br />
<a href="www.codenstuff.com/" >The best site ever?</a> <br />
<a href="www.codenstuff.com/" ><img src="cdns.png" border="0" alt="CodeNStuff" /></a> <br />
</body>
</html>
<html> = This is an opening tag to show you that we are using html
<head> = This is opening the header of the html, this will contain Css, JS, Title ect
<title>My first webpage</title> = This is setting the title of the page to my first webpage
</head> = Here we are closing the head section of the html
<body> = We are starting the body of the page this is what is shown to your users
<b>This is bold Text</b> = The text in between <b> and </b> Will become bold
<u>This is underlined Text</u> = The text in between <u> and </u> Will become underlined
<s>This is striked Text</s> = The text in between <s> and </s> Will become striked
<img src="me.png" alt="This is me in Scotland" /> = This is linking an image wich would be one of me in scotland the alt is like a tooltip when you hover over it will show
<a href="www.codenstuff.com/" >The best site ever?</a> = This would say The best site ever? and if someone clicks it it will take them to coden stuff they will know its a link because the text will be underlined and blue by default
<a href="www.codenstuff.com/" ><img src="cdns.png" border="0" alt="CodeNStuff" /></a> = This would show an image about codenstuff and this wont have a border of purple because on the image we have written border = 0 if we diddnt write that a 3 pixel border will show around the image
</body> = This will close the body tag
</html> = This will close the html tag
Thanks for reading,
-Lewis Froom
![Very Happy :D](./images/smilies/icon_e_biggrin.gif)
Last edited by Lewis on Sun Jan 03, 2010 6:18 pm, edited 1 time in total.
Nice tutorial, I hope you don't mind if I post one I made some while back?
I linked to your tutorial from my thread. Also a suggestion, can you space out the huge chunk of information please, it would be easier to read.
I actually like this tutorial, its short and to the point ^_^
I actually like this tutorial, its short and to the point ^_^
5 posts
Page 1 of 1
Copyright Information
Copyright © Codenstuff.com 2020 - 2023