First time in ages and stuck

Jonster · 09-04-2012, 03:02 PM

A quick poorly written lesson:

Starting your document:
To start your document, you must define the documents type and open both the HTML and head tags. The head tag is effectively short for header. You can define the title of the webpage, link or create a stylesheet and so forth. For example:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD      XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
       <head>
              <title>My first webpage!</title>
              <link rel="stylesheet" type="text/css" href="style/style.css">
       </head>

The <title> tag sets the title displayed in the browser, and the <link rel="stylesheet"...> links to an external stylesheet, found in the folder "style" with the filename "style.css". You then close the head tag using </head>.

Adding Content
You will then want to add content to your webpage.

Code:

       <body>
              <h1>Welcome!</h1>
              <p>This is my first webpage!</p>
       </body>

The above opens and closes the body tag, displaying a heading with a small paragraph.

Closing your document:
Finally, you will want to close the HTML tag, completing the webpage.

Code:

</html>

--

You only have ONE: HTML, head and body tag. Your final document should look similar to this:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD      XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
       <head>
              <title>My first webpage!</title>
             <link rel="stylesheet" type="text/css" href="style/style.css">
       </head>
       <body>
              <h1>Welcome!</h1>
             <p>This is my first webpage!</p>
       </body>
</html>

Indenting your code will truely help you to follow it too. It is far easier to read and allows you to pinpoint sections.

I trust this will help you.

:.justben.: · 09-04-2012, 08:57 PM

The code works so does it rly matter?

---------- Post added 09-04-2012 at 08:59 PM ----------

I do not rly know css im just doing basic html

Jonster · 09-04-2012, 10:20 PM

...Of course it matters. You have random tags thrown everywhere, and not to mention that it's extremely poor practice. You will never learn if you consistently do it wrong, so why bother learn at all?

:.justben.: · 10-04-2012, 01:36 PM

Originally Posted by Jonster

...Of course it matters. You have random tags thrown everywhere, and not to mention that it's extremely poor practice. You will never learn if you consistently do it wrong, so why bother learn at all?

*Removed*

Edited by Jordan (Forum Super Moderator): Please do not be rude to others

**dbgtz** · 10-04-2012, 02:08 PM

Originally Posted by :.justben.:

*Removed*

What he's saying is completely true though. What's the point in asking for help if you don't take what is said into consideration and just insult the person who is helping?

Pegle · 10-04-2012, 02:27 PM

[2] to the above.

Indenting will help you, because you can see which bits of code are which. It's like using spaces in between words; What is easier to read:

This:
helloiamnotusingspaces

Or this:
hello i am using spaces

Same with indenting.

Thread: First time in ages and stuck

Thread Tools

Posting Permissions