Page 1 of 2
[HTML]making web pages from scratch
Posted: Sun Mar 19, 2006 5:28 pm
by 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
<!-- comment goes here --> 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
Posted: Sun Mar 19, 2006 8:09 pm
by BEEF!!!
Very good!
Keep up the good work.
Posted: Mon Mar 20, 2006 1:51 pm
by PlasmaGhost
if i ever plan to make a site with html ill use this
gj

Posted: Mon Mar 20, 2006 1:59 pm
by H3X
thanks guys. when im done with my next mod ill do the second one.
Posted: Mon Mar 20, 2006 2:48 pm
by PlasmaGhost
ill be waiting for it

till then....back to C#
Posted: Mon Mar 20, 2006 3:56 pm
by H3X
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
Posted: Tue Mar 21, 2006 7:14 pm
by nsilva
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.
Posted: Wed Mar 22, 2006 2:25 pm
by H3X
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?
Posted: Wed Mar 22, 2006 3:51 pm
by Doctor
*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
Posted: Wed Mar 22, 2006 4:41 pm
by H3X
thanks doctor
I am also guessing that HTML is the second script, following CSS. lol thats just a random guess.
Posted: Thu Mar 23, 2006 3:43 am
by PlasmaGhost
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
Posted: Thu Mar 23, 2006 12:31 pm
by nsilva
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.
Posted: Thu Mar 23, 2006 2:04 pm
by Doctor
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!
Posted: Thu Mar 23, 2006 3:12 pm
by nsilva
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.
Posted: Thu Mar 23, 2006 9:09 pm
by live2board
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.
Posted: Fri Mar 24, 2006 7:45 pm
by H3X
actually, that phrase represents that the browser should read this as HTML v. 4
please stop flaming me and leave my post
Posted: Sun Mar 26, 2006 7:17 am
by PlasmaGhost
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
Posted: Sun Mar 26, 2006 11:24 am
by nsilva
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.
Posted: Sun Mar 26, 2006 4:16 pm
by Doctor
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!
Re: [HTML]making web pages from scratch
Posted: Sun Mar 26, 2006 7:58 pm
by SMASH
[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
<!-- comment goes here --> 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