SRL Archive - Web Development

Hey, I was working on a new HTML file, just to mess around, Ad I thought it looked nice, So I wanted to critisizem on if I did alright. here's the code ,

<HTML> 
	<head>
		<title> 
			Tutorial 
		</title>.
			<h1> 
				Tutorial 
			</h1>
		
			<ol>
				<li> 
					How we're going to start is by making HTML tags. 
					<ul>	
						<li>
							HTML tags look like this, "<HTML>".
					</ul>
				</li>
				<li> 
					Now that you have your HTML tags, you need to Make a heading.
					<ul>
						<li> 
							Head tags look like this, "<head>". Your code should look like this, now, "<HTML>
															<head>"
						</li>
					</ul>
				</li>
				<li> 
					Now, you're going to want to put a Title.
					<ul>
						<li>
							Title tags are what tells you what the Title is. Title tags look like this, "<Title> Put your title here. </Title>" Your code should look like this, now, "<HTML>
																									   <head>
						</li>
					</ul>
	</head>
</HTML>


<HTML>
	<p>
		Coded by Preston.
	</p>
</HTML>

Very… simple.

Yes, I know. I'm still learning. I'm going to put a background soon.

<marquee behavior="scroll" bgcolor="#ffffff" loop="-1" width="40%">This text will scroll from right to left.</marquee>

This is always fun to use. I used to love experimenting with html and such. Tried so hard to find out how to have text scroll like this.

You have your <head> tag all wrong and you're missing the DOCTYPE, should be like:

<!DOCTYPE html>
<html>
	<head>
		<title>Cool title here</title>
	<head>
	<body>
		Body content here
	</body>
</html>

You're missing the body tag, see above on how to use it.

You're way of doing the tags is very messy, try to keep them all on one line if possible.

You can only have one HTML tag per page, per W3C standards.

Make sure you close all your tags as well.

Here's a cleaned up version:

<!DOCTYPE html>
<html>
	<head>
		<title>Tutorial</title>
	<head>
	<body>
		<h1>Tutorial</h1>
		<ol>
			<li>
				How we're going to start is by making HTML tags.
				<ul><li>HTML tags look like this: <pre>&lt;html&gt;</pre></li></ul>
			</li>
			<li> 
				Now that you have your HTML tags, you need to Make a heading.
				<ul><li>Head tags look like this, <pre>&lt;head&gt;</pre>. Your code should look like this, now, <pre>&lt;html&gt;&lt;head&gt;</pre></li></ul>
			</li>
			<li> 
				Now, you're going to want to put a Title.
				<ul>
					<li>
						Title tags are what tells you what the Title is. Title tags look like this, <pre>&lt;title&gt; Put your title here. &lt;/title&gt;</pre> Your code should look like this, now, <pre>&lt;html&gt;&lt;head&gt;</pre>
					</li>
				</ul>
			</li>
		</ol>
	</body>
</html>

lol =) link

<!doctype html>
<title>HTML5 Tutorial</title>
<style type="text/css">
  * {
    font-family: Consolas;
    color: black;
    font-size: 5;
    margin-left: 4%;
    margin-right: 4%;
  }
  h1 {
    font-size: 10;
    margin-left: -3%;
  }
  h2 { font-size: 8; }
  h3 { font-size: 6; }
</style>
<h1>HTML5 Tutorial</h1>
<ol>
  <li>
    <h2>Doctype</h2>
    <p>Ok we need a doctype. A doctype tells the browser what standard to use to process your html file.</p>
    <ul>
      <li> 
        <h3>Syntax</h3>
        <p><pre>&lt;!doctype DOCTYPE&gt;</pre></p>
      </li>       
      <li>
        <h3>Parameters</h3>
        <p>DOCTYPE - The doctype you would like to use.</p>
      </li>
      <li>
        <h3>Example</h3>
        <p>
          HTML5 Doctype
          <pre>&lt;!doctype html&gt;</pre>
        </p>
      </li>
    </ul>
  </li>
  
  <li>
    <h2>Tags - html, head, body</h2>
    <p>There are html, head, and body tags, but we will ignore them as they are completely optinal as of HTML5.</p>
  </li>
  
  <li>
    <h2>Tag - Title</h2>
    <p>Now, you're going to want to put a Title, this will be the title the browser (and Google) identifies your page as.</p>
    <ul>
      <li>
        <h3>Syntax</h3>
        <p><pre>&lt;title&gt; TITLE &lt;/title&gt;</pre></p>
      </li>
      <li>
        <h3>Parameters</h3>
        <p>TITLE - The title you would like to use.</p>
      </li>
      <li>
        <h3>Example</h3>
        <p><pre>&lt;title&gt; My Title &lt;/title&gt;</pre></p>
       </li>
    </ul>
  </li>
</ol>

Also, NEVER use the marquee tag. We are in 2012, not 1980!

From: Kyle Undefined
Also, NEVER use the marquee tag. We are in 2012, not 1980!

lol, we had one on villavu not too long ago…

You don't declare a doctype, and you don't set the character encoding. Btw, it looks ugly because of the formatting you use..

Are you sure you're a good host for a contest? ;)

From: Kyle Undefined
Also, NEVER use the marquee tag. We are in 2012, not 1980!

Ahah :P dont hate!

Thanks, guys, I'll start on that right now. I wasn't meaning to make a website or anything, jus a basic little practice. Just to mess around, ya' know? Also, Kyle, I've only used marquee tags once, and decided that I hated it. I'll post update on my progress as I go.

Heres something I made for my mate, for his website development class.

http://static.frement.net/H10.html

That looks good, Frement. I am working on making more than one page in it, but I don't know how, yet.. Anybody have any ideas?

Links? set up links to other pages
Making buttons for links is the fun part, then again im more of a graphics person…

Troll the layout is disgusting (Code wise) You do know you don't have to indent everything? :P

Have a look at some other website codes
Right click the page and look for properties :)

also learn to use Div Tags :)

HTML = google; Although takes practice to master :).
Btw you should change title, and keep progressing with it until it's kinda in the intermediate level.

Good Luck Mate!

Thanks! I'm almost done with my new one. I need a domain that allows you to have a *.com for free. So you guys can see what the website looks like. :P

From: xXTrollXx
I need a domain that allows you to have a *.com for free.

What? You can use some free host like 000webhost or even host it at your house.

Updated! use the .rar file.