|
|
|||||||
| Register | FAQ | Members List | Arcade | Dev Directory | HB Bank | Calendar | Search | Today's Posts | Mark Forums Read |
| HTML / XHTML / CSS Discuss HTML, XHTML and CSS coding in this forum. |
| Have A Look At Some Of Our Webmaster Related Sponsors! | |||||
 Script Directory |
 Advertise Here |
 Market Leverage |
 Free Templates |
 3D Guide-characters |
 Advertise Here |
 |
|
|
LinkBack | Thread Tools | Display Modes |
07-05-2007, 09:16 AM
|
#1 (permalink) |
|
Member
|
Html Intro....
Introduction:
HTML stands for HyperText Markup Language. It is used it webpages to send instructions to your browser that get interpreted into all the text and images you see on your screen. Now, before we begin, if you don't already know what HTML is, I suggest you right click anywhere on your screen and select "View Source" from the options that appear. That will bring open up the HTML code that is used to create the page you're reading right now in NotePad. The first line is what is called a comment. It's not particularly important -- it just lets whoever is reading the source code know what type of document it is. A comment is made in this form: <!-- Comment Text Here --> using HTML. Anything in between those two markers is ignored by the browser. These are helpful when organizing your source code, especially if more than one person is creating the code. Please note that this: <! -- Comment Text Here --!> is incorrect. The exclamation point only goes in the beginning. You can stretch it out over as many lines as you need. If you want to see what your webpage will look like without a certain part of the code without actually removing a code, you can just place a <!-- before it and an --> after it, then remove the comment markers later if you want that code to be active again. Okay now let's look at the next few lines: <html> <head> <title>Psycho Possessor - Psycho Possessor</title> <html> begins the HTML code. Notice that all of these words have greater than/less than signs on either side of them. HTML works by using something called "tags". A tag is the word in between the <> signs. They are commands that tell the browser what to do. There are many types of tags. The tag <head> is used to include the title, stylesheet and sometimes the HTML code that appears at the top of the page. A stylesheet, which is what this: <style type="text/css"> and everything that appears after it and before the closing </style> tag is. It is called CSS, and is used to modify the text, images and over all design of the page. You'll learn more about that in the CSS board. As for this: <title>Psycho Possessor - Psycho Possessor</title> If you look up at the top of your browser, that is what appears in the title bar. That's the bar above the menu: File | Edit | View | Go | Bookmarks | Tools | Help The title tags must be placed in between the <head> tags. If you are creating your own page you can use <title>Your Title Here</title> to set the title of your page. After the title, stylesheet, and a few other things, eventually there will be a closing </head> tag, and then a new tag: <body> The bulk of the code for the webpage goes in between body tags. You'll notice that </body> doesn't appear until the end of the file, before the </html> In case you're wondering, case is not very important in HTML. It doesn't matter whether you use <html> or <HTML> , but it's better to keep your tag case consistent. If you use <HTML> don't close it with </html> and never use something like <Body> or <Html>. It's all caps or none. All lowercase is becoming the more common preference. Now that we've learned about tags, let's see what we can do to create our own HTML webpage. You don't need to be on the internet to create or view your very own HTML page. All you need is a text editor like NotePad and your web browser and you're set. Open up a new file in notepad. You can do this by going to Start > Run and typing in notepad then hitting enter. You now have a blank page. Start it out like this: <html> <head> <title>Your Title</title> </head> <body> Hey look, it's some text! </body> </html> Copy and paste that into the notepad window, then select File > Save As... Where it says "Save As Type..." choose "All Files". This is important. Now for the filename, type in "Mypage.html" then choose where you want to save it. Your Desktop would be a good choice. Once you've saved the file, don't close notepad. Leave it open, but minimize it and find the HTML file on your desktop. It should have a blue explorer icon on it. Double click it, and it will open with Internet Explorer. The page will be mostly white, except for some text in the top left that says: Hey look, it's some text! Congratulations, you've created your first webpage. Close it and go back to notepad, and change the text to something else. Then Ctrl+s to save, and open it once again. The text in the browser window will obviously change as well. As you can imagine, there are ways to change the way this text looks. You can center it, make it bigger, change the font, and change the color. We'll cover that in the next section. |
|
|
|
04-15-2008, 03:55 AM
|
#18 (permalink) |
|
New Hunter
|
wow..its a good tutorials....
Thanks for sharing it with us... you have done a great job for writing the basics of HTML... The HTML language is an easy and simple language to create the static web pages... So the basic tags of HTML are:- <html>,<head>,<title>,<body> with their ending tags..... Last edited by MANDY; 04-15-2008 at 03:57 AM. |
|
|
|
|
06-04-2008, 08:37 AM
|
#20 (permalink) |
|
Senior Moderator
|
Guys LOOK AT THE LAST TIME THIS WAS POSTED ON. 2007....bit far of a time don't you think?
__________________
+-(X)HTML, CSS, JavaScript, SEO, PHP, Flash-+ Code:
<style type="text/css"> u { text-decoration: none; } </style>
|
|
|
|
Nice one
Linear Mode
