The first thing I'll start with is HTML (Hypertext Markup Language).. my teacher suggested it be learned before more advanced languages are put to good use.
as it is rather easy and can be learned in a quick time!
The first thing to consider is that you'll need an actual web file to start working on.. the easiest method
is: right click desktop>new file>text document
now change the extension of the text to .HTML, check if you've done it correctly by running it.. if it
launches in your favorite web explorer then your set.
When you open it you should end up in a white page with nothing in it (its new right?)
Since we will be editing it we will be using a text editor. personally I will be using Notepad because all I want is to quickly write it because formatting text you'll write will be a rather waste of time (Code isn't supposed to be pretty huh..)
Tip: Don't close the web page with your explorer. when you save it in notepad you'll just need to refresh the page instead of running it all again.
Now while writing in HTML there are some simple stuff to know:
1)It uses tags to perform tasks.. tags share this form : <Tag>, some also need an end tag </tag> (the / tells the page its an end tag, things written between those tags are affected by them.
2)It doesn't matter how you organize code, some write it like this:
Stuff
Stuff2
etc...
others (usually more skilled persons) will write tags with common goal in one line:
Stuff Stuff2
Hint: You won't need to write stuff, we need tags in the program right? I'll use first form because its easier
to study and check for errors in it.
Enough of those stuff.. lets begin with the real things:
1)Your page begins with <HTML> and ends with </HTML>
2)normal Text is written plainly without the need to use tags (unless you want to format it).
3)If you want the program to start writing in a new line.. use tag <br>
4)A page is split into two main parts.. the headder and the body:
<HEAD> </HEAD> are the tags for the headder part.. this part is rather less useful for us since we will be focusing on programming not designing a page (Easily.. many web pages will design awesome pages in seconds, just google for them), text between those tags build up the head part.. make sure its written between the HTML tags.
<BODY> </BODY> those tags tell the page that body part exists between them (same goes for all tags that have an end tag and they are not forced to exist in same line, you might not even to end some of them and they'll work).
5)Did I mention its not case sensetive at all (the best thing about it).
6)Putting too many spaces to seperate text will be ignored by HTML. (Who need that in web pages, it'll ruin design too)
Here is an example and a screenshot of its product shown in firefox:
<HTML>
<HEAD> <TITLE> My Title </TITLE> </HEAD>
<BODY>
Welcome to my test program <BR> Dah did break row work :P.
</BODY>
</HTML>
The above program will basically show an exact copy of the screenshot above unless you made some mistakes.
<TITLE> </TITLE> tell page that text between them is the title of your page (Look at screenshot)
<BR> will tell program to start new line (obvious above right).
Did you know: All this blog has been written with HTML!!
Next post will be about doing some neat stuff with text and we'll learn some useful tags on the way.
sometimes when commenting I want to put it in html with a word of my blog title but I get some error like Target A something...
ReplyDeleteim not really a web techie i'm really so noob in anchor text
Hi @Air.. I need more info.
ReplyDeletewere you commenting like in here or while writing a blog??
My next post (Saturday) will contain lots of tags. you might want to check it when I post it!