What Else Do I Need To Start Learning?

Naphier · Sep 18, 2012

Right, so I'm not the brightest kid, but I'm 13 and here's what I can write in HTML without a problem so far.

<!DOCTYPE html>
<html>
<body>

<title>RaGEZONE<title>
<font face="Vrinda">
<h>Header</h>
</hr>
<p>Paragraph>
</hr>
<a href="http://forum.ragezone.com" target="_blank">RaGEZONE Forums</a>
<img src="http://goo.gl/fXqwH">
</body>
</html>
</font>

What should I start learning now? Like as in HTML, what tags etc. should I start learning?

Smitty · Sep 18, 2012

The html you have there is incomplete.

To start, I would recommend you run your markup through the validator here:

You must be registered to see links

It will let you know the stuff you're currently doing wrong. IE) No closing for your image tag, no closing paragraph tag, etc.

Grenadier · Sep 18, 2012

I would go for <tr> and tables. And then you must learn CSS if you want your designs to be stylish. All websites mainly depend on CSS IMO.

Example.

<html>
<head>

<body>

<div id="banner">

</div>
</html>
</head>
</body>

Now to style that banner you need CSS.

}

#banner

margin: 100px;
background-color: #0000;
position: top;
{

forgive me if i have made any mistakes its been a while since i have coded raw CSS like that without working off a template.

What i am trying to get at, for a beginner like you i would start off with coding your websites in div tags, its much easier and thats how i started out

Naphier · Sep 18, 2012

Smitty said:
The html you have there is incomplete.

To start, I would recommend you run your markup through the validator here:
You must be registered to see links

It will let you know the stuff you're currently doing wrong. IE) No closing for your image tag, no closing paragraph tag, etc.

I made a typo on the paragraph, but there's no closing on the image tag, and the mark up is fine. :S

Smitty · Sep 18, 2012

Luke said:
I made a typo on the paragraph, but there's no closing on the image tag, and the mark up is fine. :S

Your markup is not fine.

#1 Your </html> tag should be the very last tag in your document. You have a </font> tag. That is malformed.
#2 You start your font tag after your body tag and html tag, but you close the font tag after those tags. Also incorrect. You must nest elements appropriately.
#3 Your title is not in your head section and you have no </head>
#4 </hr> should be <hr />
#5 Every opening tag should have a closing tag. Your image tag should be <img src="http://goo.gl/fXqwH" />
#6 Your image tag should have an alt (so users who can't render the image can still navigate, and so blind reader software can tell the user what the image is)
#7 there is no web-accessible "vrinda" font
#8 Don't use a font tag, use CSS to style your elements

I can go on, but if you actually go to the link I gave you and actually validate your markup, it tells you all this.

Solo2 · Sep 18, 2012

Go search youtube for Bucky's tutorials on HTML and CSS.
Bucky isn't a good teacher but he did a good job on the basic stuff and will teach you everything you want to know right now.

Naphier · Sep 18, 2012

Smitty said:
Your markup is not fine.

#1 Your </html> tag should be the very last tag in your document. You have a </font> tag. That is malformed.
#2 You start your font tag after your body tag and html tag, but you close the font tag after those tags. Also incorrect. You must nest elements appropriately.
#3 Your title is not in your head section and you have no </head>
#4 </hr> should be <hr />
#5 Every opening tag should have a closing tag. Your image tag should be <img src="http://goo.gl/fXqwH" />
#6 Your image tag should have an alt (so users who can't render the image can still navigate, and so blind readers can tell the user what the image is)
#7 there is no web-accessible "vrinda" font
#8 Don't use a font tag, use CSS to style your elements

I can go on, but if you actually go to the link I gave you and actually validate your markup, it tells you all this.

</hr> is a horizontal rule, and it's correct. I went on W3 schools, and they corrected my original </html> being the last, claiming it was wrong. Vrinda is a font, it's preinstalled.

This isn't supposed to be a working document.. This is just some of the tags I know.. lol.

Smitty · Sep 18, 2012

Luke said:
</hr> is a horizontal rule, and it's correct.

<hr /> or <hr> tags are for a horizontal rule. </hr> is nothing.

Luke said:
I went on W3 schools, and they corrected my original </html> being the last, claiming it was wrong. Vrinda is a font, it's preinstalled.

W3 schools did not tell you that </html> being the last tag in your document was incorrect. You misunderstood.

As for the font, that is a common misconception. Fonts on your computer are not web-compatible fonts. They will not render in the browser. I would recommend looking at the list by Googling "Web safe fonts." Or, if you really want some fancy fonts, Google "Google Web Fonts."

Luke said:
This isn't supposed to be a working document.. This is just some of the tags I know.. lol.

You've made this post asking for advice on what to learn next. The problem is, you haven't learned the basics yet. If you can post fully functioning and correctly formatted html markup, then we could move on, but you don't seem to understand what you've done wrong. Moving on now will simply cause more confusion in your future.

Naphier · Sep 18, 2012

Smitty said:
<hr /> or <hr> tags are for a horizontal rule. </hr> is nothing.

W3 schools did not tell you that </html> being the last tag in your document was incorrect. You misunderstood.

As for the font, that is a common misconception. Fonts on your computer are not web-compatible fonts. They will not render in the browser. I would recommend looking at the list by Googling "Web safe fonts." Or, if you really want some fancy fonts, Google "Google Web Fonts."

You've made this post asking for advice on what to learn next. The problem is, you haven't learned the basics yet. If you can post fully functioning and correctly formatted html markup, then we could move on, but you don't seem to understand what you've done wrong. Moving on now will simply cause more confusion in your future.

Nope, </hr> is right, it works and has worked for me ever since I learnt the tag. And the basics? I think I've pretty much covered most of the basics lmfao, and no I did not interpret anything incorrectly, if you load the TryIt Editor </html> is the last tag listed, goodbye.

Smitty · Sep 18, 2012

Luke said:
Nope, </hr> is right, it works and has worked for me ever since I learnt the tag.

Find me one link where a tutorial tells you to use </hr>. Having it work and having it be correct are two completely different issues.

Naphier · Sep 18, 2012

Smitty said:
Find me one link where a tutorial tells you to use </hr>. Having it work and having it be correct are two completely different issues.

No actually, if you add </hr> to a HTML file, publish it, it'll work perfectly for you and anyone who uses your site, you're not helping at all, Space-Grape has been the only one to actually ANSWER my question and not criticize what wasn't supposed to be a valid and working mark up. For the second time, GOOD BYE.

SuperLJ · Sep 18, 2012

What Smitty said. Anyways, just do what Solo said. Go search for thenewboston on youtube.

Smitty · Sep 18, 2012

Luke said:
No actually, if you add </hr> to a HTML file, publish it, it'll work perfectly for you and anyone who uses your site, you're not helping at all, Space-Grape has been the only one to actually ANSWER my question and not criticize what wasn't supposed to be a valid and working mark up. For the second time, GOOD BYE.

You need to calm down. Believe it or not, I'm trying to help. You say you want to move on, but you're not ready.

This isn't a matter of you making a small mistake and me picking it out, the fact is, with the markup you posted above, there is more wrong with it, than there is right. I've pointed out mistakes you've made, and instead of acknowledging them and learning from it, you've decided to plug your ears and ignore it.

I've been building websites longer than you've been alive (how weird is that? God I feel old), and one thing you learn, is you need learn to take criticism from those who have been in the trenches, so to speak.

Caustik · Sep 18, 2012

Luke said:
No actually, if you add </hr> to a HTML file, publish it, it'll work perfectly for you and anyone who uses your site, you're not helping at all, Space-Grape has been the only one to actually ANSWER my question and not criticize what wasn't supposed to be a valid and working mark up. For the second time, GOOD BYE.

Need to start learning how to listen.
Also, MDN is a great resource for client-side docs.

jMerliN · Sep 18, 2012

Luke said:
No actually, if you add </hr> to a HTML file, publish it, it'll work perfectly for you and anyone who uses your site, you're not helping at all, Space-Grape has been the only one to actually ANSWER my question and not criticize what wasn't supposed to be a valid and working mark up. For the second time, GOOD BYE.

You should spend some time with

You must be registered to see links

. It's important to get the basics right before you try to move onto more complicated things.

Code:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>RaGEZONE</title>
  <style>
    h1, p, a {
      font-family: "Vrinda"
    }
  </style>
</head>
<body>
  <h1>Header</h1>
  <hr>
  <p>Paragraph</p>
  <hr>
  <a href="http://forum.ragezone.com" target="_blank">RaGEZONE Forums</a>
  <img src="http://goo.gl/fXqwH" alt="">
</body>
</html>

The reason malformed HTML sometimes works as you intended it in browsers is because they have very lenient parsers that try to auto-correct human mistakes. It's unfortunate they do this instead of issuing a parse error and requiring you to fix it before the page renders, because most websites don't have valid markup.

Welcome!

What Else Do I Need To Start Learning?

Naphier

Photoshop Design

Smitty

Junior Spellweaver

Grenadier

Grenafukindear

Naphier

Photoshop Design

Smitty

Junior Spellweaver

Solo2

Junior Spellweaver

Naphier

Photoshop Design

Smitty

Junior Spellweaver

Naphier

Photoshop Design

Smitty

Junior Spellweaver

Naphier

Photoshop Design

SuperLJ

Newbie Spellweaver

Smitty

Junior Spellweaver

Caustik

Custom Title Activated

jMerliN

Ginger by design.

About Us

Online statistics

Forum statistics

RaGEZONE Sponsor