Hellopayton
Retired Staff
Posts: 5616
Registration date: 2008-01-28
 | | Subject: Let's learn stuff with Payton May 2nd 2010, 11:07 am | |
| Okay so today on Let's learn stuff with Payton we're going to learn how to make a nicer HTML page than just something like this: | Code: | <html>
<head>
<title>nurr hurr</title>
</head>
<body>
derp
</body>
</html> |
First open up a text editor of your choice. Notepad, TextEdit, etc. all work, but you do have the option of better programs, like Notepad++ or jEdit or something...
Anyways, this is my preferred HTML "template," that I use whenever I create pages.
| Code: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Page title</title> <meta name="description" content="Your page's description." /> <meta name="keywords" content="a, keyword, or, two, or more, separated by commas" /> <link rel="shortcut icon" href="favicon.ico" /> </head> <body> <p>HELLO THANK YOU FOR VIEWING MY WEBSITE I LIKE YOU A LOT</p> </body> </html> |
And here is the commented version, in case you don't understand some things:
| Code: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://w3.org/TR/html4/loose.dtd"> <!-- This is the doctype. It is required in XHTML, as it shows that the page is ... in XHTML --> <html xmlns="http://www.w3.org/1999/xhtml"> <!-- The XMLNS attribute: http://www.w3schools.com/TAGS/att_html_xmlns.asp --> <!-- The XMLNS attribute is required for valid XHTML --> <head> <title>Page title</title> <meta name="description" content="Your page's description." /> <!-- Your site or page's description --> <meta name="keywords" content="a, keyword, or, two, or more, separated by commas" /> <!-- Keywords, probably for SEO --> <link rel="shortcut icon" href="favicon.ico" /> <!-- If you have a favicon, you'll put this in, otherwise, remove it --> </head> <body> <p>HELLO THANK YOU FOR VIEWING MY WEBSITE I LIKE YOU A LOT</p> <!-- If you're going to be using style sheets, you'll want to get into the habit of using the p tag --> </body> </html> |
Now go research |
|
Flatfoot18
Drifter
Posts: 29
Registration date: 2009-09-07
| | Subject: Re: Let's learn stuff with Payton May 2nd 2010, 11:10 am | |
| *falls asleep* Wuh? What's the homework? |
|
Bronze
Vanguard
Posts: 4730
Registration date: 2009-05-24
| | Subject: Re: Let's learn stuff with Payton May 2nd 2010, 1:59 pm | |
| I already knew this! *in proud, overconfident tone*
Thanks anyway.
Last edited by BronzeRevolution on May 2nd 2010, 3:24 pm; edited 1 time in total |
|
.H0oligan
Beholder
Posts: 264
Registration date: 2010-03-23
| | Subject: Re: Let's learn stuff with Payton May 2nd 2010, 3:01 pm | |
| Next on LLSWP, browser exploits. :D |
|
Hellopayton
Retired Staff
Posts: 5616
Registration date: 2008-01-28
| | Subject: Re: Let's learn stuff with Payton May 2nd 2010, 8:16 pm | |
| | .H0oligan wrote: | | Next on LLSWP, browser exploits. :D |
Woo hoo reading tutorials from Hack Forums yeah |
|
Chub 777
The Epic Guy
Posts: 7027
Registration date: 2008-06-09
| | Subject: Re: Let's learn stuff with Payton May 3rd 2010, 2:36 am | |
| My sister once taught me simple HTML. I made a "website" with it. |
|
FlyingKanga
Super-Human
Posts: 3161
Registration date: 2009-04-15
| | Subject: Re: Let's learn stuff with Payton May 3rd 2010, 3:44 am | |
| Hmmm wha - whaat?
Nah I'll let Dreamweaver do everything for me. :D |
|
Bronze
Vanguard
Posts: 4730
Registration date: 2009-05-24
| | Subject: Re: Let's learn stuff with Payton May 3rd 2010, 4:36 am | |
| | Kanga wrote: | Hmmm wha - whaat?
Nah I'll let Dreamweaver do everything for me. :D |
Lul, just aim and click. The joys of WYSIWYG editing. |
|
Hellopayton
Retired Staff
Posts: 5616
Registration date: 2008-01-28
| | Subject: Re: Let's learn stuff with Payton May 3rd 2010, 2:13 pm | |
| | Kanga wrote: | Hmmm wha - whaat?
Nah I'll let Dreamweaver do everything for me. :D |
You should feel awful, because you are a terrible person and will never have a job doing anything coding related, and I hate you.
Die.
but really dreamweaver is for people who can't do anything on their own |
|
Emess
Adept
Posts: 1556
Registration date: 2009-03-02
| | Subject: Re: Let's learn stuff with Payton May 3rd 2010, 4:31 pm | |
| Yup, nice info over here. I use Geany. :) |
|
