This is a noob friendly tutorial on HTML basics, since i was bored.
What is HTML?HTML is a website coding language, which is used in most of the websites. If you are on google chrome, you can right this page click and click on view source. Then you will see a big HTML source code.
What HTML is used forHTML is used for the template of the page, together with css you can make a site look really good.
What is a HTML Tag?A HTML tag is basicly a function so the code next to it knows what to do. bit hard to explain lol
Example opening tag: <html>
What is a closing HTML Tag?A closing HTML tag, is very important in html. If you don't close your html tag it can course big problems on a page.
Example closing tag: </html>
What is CSSIt means stylesheet, basicly it helps the html page with a template.
Now for the basic codes.
<html></html><html></html> Does not do much, it declares the version of HTML, the standard version is html5. Also more advanced stuff, which i am not going to get into today.
<head></head>Very important, for advanced HTML. You can include css files and js files here. These are needed for the template of page, we might get back to that in another topic. Scripts also go in here. You can also put your page title in here you do this by using the <title></title> tag.
Example <title></title> tag: <title>The page title!</title>
<a></a><a></a> is usually used for linking (href) images or text.
Example <a></a>:
- Code:
-
<a href = "link here">text here</a> If you dont close this all text will have the link on the page, so important to close.
<body></body>In simple HTML coding, you don't need this. But for styling your website out, you will need this.
<br></br>This will create a new line
<font></font><font></font> Is very important in HTML, how ever if you are using CSS you do not have to us this. Since you can can give font colors or size in there too. (much easier). However, <font></font> is usually used for font colors or size.
Example <font></font>:
- Code:
-
<font color="green" size="15"><a href = "link here :P">LINK<a/></font> How ever, in this code <a href = ""></a> does not work. You will need CSS to change link colors. :)
Okay, this is the end of the tutorial. Hope you learned something today.
PS: <a href = ""></a> should be used without the spaces next to =. I couldnt use it normally, since the forum detects it as a link
So here is a basic html page - Code:
-
<html>
<head><title>My first web page!</title></head>
<body>
<a href = "thisisalink">My first web page!</a><br>
<font size="10" color="purple">Hello world!</font>
</body>
</html>
And the result