[HTML]making web pages from scratch

H3X · Post by **H3X** » Sun Mar 19, 2006 5:28 pm

HTML codes

OK, so you want to learn HTML, or make a web page without using one of those auto HTML things. This tutorial/list explains what each code does in your document.

To make an HTML document, open notepad or textedit, then type the codes you want. Save your file anything.htm, and then open it in your browser to view it. To open it in Firefox, go to file>open file, then, navigate to where you saved your .htm file and open it. For Internet Explorer, go to file>open, then navigate to your .htm file and open it.

Note that this is only the basics of HTML. The next tutorial I make, which will be a quick one, will just explain how to add pictures to your document.

Basic document layout
<html>
<head>
<title> everything you want to show up, like text, etc goes here</title>
</head>
<body>
Visible text goes here
</body>
</html>

Headers
<h1>text goes here</h1> ---biggest heading

<h2>text goes here</h2>

<h3>text goes here</h3>

<h4>text goes here</h4>

<h5>text goes here</h5>

<h6>text goes here</h6> ---smallest heading

Text Elements
<p> Inserts a blank line. Put this if you want a blank line for paragraphs, etc

<br> line break. Does not inert a blank line, just moves the text to a new line

<hr> Horizontal rule. Makes a black line go across your document

<pre>text here</pre> Pre-formatted text

<p>paragraph goes here</p> wrap your paragraphs in this for a paragraph

Logical Styles
<em>text goes here</em> Makes the text emphasized

<strong>test goes here</strong> Makes the text strong

<code>code goes here</code> Used for computer codes

Physical styles
<b>text goes here</b> Makes the text bold

<i>text goes here</i> Makes the text italic

Bulleted list
<ul>
<li>first item</li>
<li>next item</li>
</ul>
add as many items as you want

Numbered List
<ol>
<li>first item</li>
<li>next item</li>
</ol>
add as many items as you want

Definition list
<dl>
<dt>First term</dt>
<dd>Definition</dd>
<dt>Next term</dt>
<dd>Definition</dd>
</dl>
like a dictionary

Tables
<table border="1">
<tr>
<th>someheader</th>
<th>someheader</th>
</tr>
<tr>
<td>sometext</td>
<td>sometext</td>
</tr>
</table>
I find it easier just to make excel graphs a picture, then import

Other Elements
 Comments will not show up. They are just little notes

<blockquote>quote goes here</blockquote> Used to quote things

<address>
Address 1<br>
Address 2<br>
City<br>
</address>

Well, that

BEEF!!! · Post by **BEEF!!!** » Sun Mar 19, 2006 8:09 pm

Very good!
Keep up the good work.

PlasmaGhost · Post by **PlasmaGhost** » Mon Mar 20, 2006 1:51 pm

if i ever plan to make a site with html ill use this

gj

H3X · Post by **H3X** » Mon Mar 20, 2006 1:59 pm

thanks guys. when im done with my next mod ill do the second one.

PlasmaGhost · Post by **PlasmaGhost** » Mon Mar 20, 2006 2:48 pm

ill be waiting for it

till then....back to C#

H3X · Post by **H3X** » Mon Mar 20, 2006 3:56 pm

ya and after that you would like the scripting with GCI script or javascript tut. ooh and maybe I include pop-ups in the graphics one lol. I once made a site on freewebs where when you go on it over 25 pointless popups come up and it freezes your computer lolz

nsilva · Post by **nsilva** » Tue Mar 21, 2006 7:14 pm

1. HTML sucks. Learn CSS, PHP, AJAX, more java, MySQL, PostGre, Oracle, MSSQL (Thoose last 4 arent coding i know), and alot more! JUST FOR WEBSITES!
2. You are a noob. HTML stands for Hyper Text Markup Language, it is in no way a coding language. It is MARK UP. And to any programmer, it is not a coding language. Calling it that is wrong, and unprofessional.

H3X · Post by **H3X** » Wed Mar 22, 2006 2:25 pm

1. HTML is the most complex code in internet language because it allows GCI script. most of the other scripts are basic
2. If you havent yet noticed, this forum is called SCRIPTING and programming, and HTML is a script the last time I checked. I also disagree with you there on saying that HTML is not a coding language. HTML is a coding language because just bacause something says its "mark up" doesn't necessarily mean its automatically "mark up". If you want to disagree with me there then you would agree visual basic is realllly basic bcause its "visual" and its "basic"
3. hey, and we all mod and script and whatever for fun, right?

Doctor · Post by **Doctor** » Wed Mar 22, 2006 3:51 pm

*clap clap*

I like the tutorial, I like the speech pro HTML, and I think this should be stickied. Or least comemorated

Btw nsilvia, you don't have to attack the post just because he posted a tutorial on a langauge 'you don't prefer'. Personally, I prefer HTML: it is simple and easy to use. If I am not mistaken (I might be) HTML was one of the origianl website scripts.

H4x,

And the Doctor is out, 8

H3X · Post by **H3X** » Wed Mar 22, 2006 4:41 pm

thanks doctor

I am also guessing that HTML is the second script, following CSS. lol thats just a random guess.

PlasmaGhost · Post by **PlasmaGhost** » Thu Mar 23, 2006 3:43 am

HTML is a coding language and it is very good. the other languages r a bit more complex but i'd stick with HTML. its all u need for sites

nsilva · Post by **nsilva** » Thu Mar 23, 2006 12:31 pm

HTML cant do *******. Go get yourself a PHP book.

And im not calling it markup just because its Hyper Text Mark Up Language

It really is Mark-Up, go ask any real professional coder.

Doctor wrote: Btw nsilvia, you don't have to attack the post just because he posted a tutorial on a langauge 'you don't prefer'. Personally, I prefer HTML: it is simple and easy to use. If I am not mistaken (I might be) HTML was one of the origianl website scripts.

Im not attacking. Im just telling him hes wrong, and its unprofessional.

It is a Mark-Up language yes.

HTML was the first ever way to script. It is client side. It comes default on all OS'.

H3X wrote:1. HTML is the most complex code in internet language because it allows GCI script. most of the other scripts are basic

<? include('lolwhatfile.php') ?> is a script. HTML is not a script. HTML is basic Mark-Up.

HTML is the LEAST complex thing ever on the internet. PHP, AJAX, Java, etc... It all kicks HTML in the rump.

Most are the other scripts are basic? LMAO. You couldnt even make .12 percent of this site in HTML.

This site was made in PHP, so is all the other dynamic sites. HTML is mark-up, and it is used to do things like forum feilds, buttons, links, thats about it, tables, HTML and CSS only defines the look of a site basically.

And i would know. So dont go arguing with me.

Doctor · Post by **Doctor** » Thu Mar 23, 2006 2:04 pm

nsilva wrote:HTML cant do *******. Go get yourself a PHP book.

And im not calling it markup just because its Hyper Text Mark Up Language

It really is Mark-Up, go ask any real professional coder.

Doctor wrote: Btw nsilvia, you don't have to attack the post just because he posted a tutorial on a langauge 'you don't prefer'. Personally, I prefer HTML: it is simple and easy to use. If I am not mistaken (I might be) HTML was one of the origianl website scripts.
Im not attacking. Im just telling him hes wrong, and its unprofessional.

It is a Mark-Up language yes.

HTML was the first ever way to script. It is client side. It comes default on all OS'.

H3X wrote:1. HTML is the most complex code in internet language because it allows GCI script. most of the other scripts are basic
<? include('lolwhatfile.php') ?> is a script. HTML is not a script. HTML is basic Mark-Up.

HTML is the LEAST complex thing ever on the internet. PHP, AJAX, Java, etc... It all kicks HTML in the rump.

Most are the other scripts are basic? LMAO. You couldnt even make .12 percent of this site in HTML.

This site was made in PHP, so is all the other dynamic sites. HTML is mark-up, and it is used to do things like forum feilds, buttons, links, thats about it, tables, HTML and CSS only defines the look of a site basically.

And i would know. So dont go arguing with me.

So what if it is a Mark-Up anway? It is still easy to use, and the most used (internet). I don't care about your other internet languages. Go up to view>page source, or ctrl+U. The first line is:

Code: Select all

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Go onto anyother webpage. The basis is HTML.

So meh.

P.S. ALL HE DID WAS POST A TUTORIAL, MAN!

nsilva · Post by **nsilva** » Thu Mar 23, 2006 3:12 pm

Doctor wrote: Go up to view>page source, or ctrl+U. The first line is:
Code: Select all
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Go onto anyother webpage. The basis is HTML.

So meh.

Actually. That is proper. Its put there because of the w3c certification to a site. That does not mean the basis is HTML.

Veiw Source doesnt show you source either. It converts what you see into mark up. So dont be calling me a dumbass.

http://www.halomods.com/forums/posting.php

Try looking at pages on websites. Most will end in php. All the ones here do. BECAUSE THERE IN PHP!!!!

SO shut the &*$%^&)$ up. And end it. I only explaind his errors, and you noobs got to flood me saying that its coding and it rocks. Its not ad it doesnt. Go learn PHP. Actually. Dont learn any coding, because your an insult to the interweb. I leave this topic. Now.

live2board · Post by **live2board** » Thu Mar 23, 2006 9:09 pm

H3X wrote:1. HTML is the most complex code in internet language because it allows GCI script. most of the other scripts are basic
2. If you havent yet noticed, this forum is called SCRIPTING and programming, and HTML is a script the last time I checked. I also disagree with you there on saying that HTML is not a coding language. HTML is a coding language because just bacause something says its "mark up" doesn't necessarily mean its automatically "mark up". If you want to disagree with me there then you would agree visual basic is realllly basic bcause its "visual" and its "basic"
3. hey, and we all mod and script and whatever for fun, right?

Lol #1 is quite amusing.

H3X · Post by **H3X** » Fri Mar 24, 2006 7:45 pm

actually, that phrase represents that the browser should read this as HTML v. 4

please stop flaming me and leave my post

PlasmaGhost · Post by **PlasmaGhost** » Sun Mar 26, 2006 7:17 am

hey, if ur like me and u just want a site, any coding language will work for me. why would i want php in my crappy geocities site? does geocities even support php? who cares if html isnt the best out there. its still a nice thing to learn. you can call it an introduction to XML (supposedly the future of configuration files...replaced the INI configuration already) and even if it isnt id like to learn html just cause its sumthing to learn. i code C# and i know a bit about RSS feeds which are XML and XML is similar to HTML in style. so again....why use this advanced language to make a site when you have NO SITE MAKING EXPERIENCE and NO CODING EXPERIENCE, and NO INTENTION OF MAKING THE BEST LOOKING SITE EVER!?!?

nsilvia, you are an asshole

nsilva · Post by **nsilva** » Sun Mar 26, 2006 11:24 am

PlasmaGhost wrote: nsilvia, you are an ****

Yup, im trying to correct you and make you look a little more professional... Im an ass, big ass.

Doctor · Post by **Doctor** » Sun Mar 26, 2006 4:16 pm

nsilvia, leave the post. All you have to do here is flame. You think your cool because your on Bacon's goodside.

Meh, it was just a TUTORIAL man!

SMASH · Post by **SMASH** » Sun Mar 26, 2006 7:58 pm

[quote="H3X"]HTML codes

OK, so you want to learn HTML, or make a web page without using one of those auto HTML things. This tutorial/list explains what each code does in your document.

To make an HTML document, open notepad or textedit, then type the codes you want. Save your file anything.htm, and then open it in your browser to view it. To open it in Firefox, go to file>open file, then, navigate to where you saved your .htm file and open it. For Internet Explorer, go to file>open, then navigate to your .htm file and open it.

Note that this is only the basics of HTML. The next tutorial I make, which will be a quick one, will just explain how to add pictures to your document.

Basic document layout
<html>
<head>
<title> everything you want to show up, like text, etc goes here</title>
</head>
<body>
Visible text goes here
</body>
</html>

Headers
<h1>text goes here</h1> ---biggest heading

<h2>text goes here</h2>

<h3>text goes here</h3>

<h4>text goes here</h4>

<h5>text goes here</h5>

<h6>text goes here</h6> ---smallest heading

Text Elements
<p> Inserts a blank line. Put this if you want a blank line for paragraphs, etc

<br> line break. Does not inert a blank line, just moves the text to a new line

<hr> Horizontal rule. Makes a black line go across your document

<pre>text here</pre> Pre-formatted text

<p>paragraph goes here</p> wrap your paragraphs in this for a paragraph

Logical Styles
<em>text goes here</em> Makes the text emphasized

<strong>test goes here</strong> Makes the text strong

<code>code goes here</code> Used for computer codes

Physical styles
<b>text goes here</b> Makes the text bold

<i>text goes here</i> Makes the text italic

Bulleted list
<ul>
<li>first item</li>
<li>next item</li>
</ul>
add as many items as you want

Numbered List
<ol>
<li>first item</li>
<li>next item</li>
</ol>
add as many items as you want

Definition list
<dl>
<dt>First term</dt>
<dd>Definition</dd>
<dt>Next term</dt>
<dd>Definition</dd>
</dl>
like a dictionary

Tables
<table border="1">
<tr>
<th>someheader</th>
<th>someheader</th>
</tr>
<tr>
<td>sometext</td>
<td>sometext</td>
</tr>
</table>
I find it easier just to make excel graphs a picture, then import

Other Elements
 Comments will not show up. They are just little notes

<blockquote>quote goes here</blockquote> Used to quote things

<address>
Address 1<br>
Address 2<br>
City<br>
</address>

Well, that

HaloMods "Classic" Read-only Archive

[HTML]making web pages from scratch

[HTML]making web pages from scratch

Re: [HTML]making web pages from scratch