Charas-Project
Off-Topic => Really Old Stuff => Archive => HTML & DHTML => Topic started by: PyroAlchemist on October 07, 2005, 09:11:31 PM
-
Ever want to make your own site from scratch without having to use a crummy WYSIWYG?(what you see is what you get) Well after reading my lessons you may well be on your way. Depends on how much you paid attention :p Anyway to begin.
----------------------------------------------
Materials:
All you need is wordpad and a computer.
----------------------------------------------
All "coding" must go between these <>. It lets it know that you are wanting to perform a special function. After declaring you must end it like this
A little example.
My first webpage
Hello world.
Time to break it down.
lets it know that is the webpage language your using. Another is PHP but I know nothing about that :p
lets it know that thats the head of the webpage.
tells it the name of webpage you are creating.<br /><body> lets it know that you are working on the body of the site.<br />Hello World - The text that will appear.<br /><br />Well there you go. Basics.<br /><br />
</dd>
<dt class="postheader">
Title: <strong></strong><br />
Post by: <strong>Osmose</strong> on <strong>October 07, 2005, 11:06:34 PM</strong>
</dt>
<dd class="postbody">
*NOTE: As for making the actual page, simply type up the HTML in Notepad, go to File->Save, make sure the filetype at the bottom dropdown box is "All", and save the file as filename.html<br /><br />**NOTE: Some tags can only be placed within another tag. An example of this is in the above example: The <title> tag can only be placed within <head> tags.<br /><br />To make your webpage fancy, you'll want to format your text. The following are a few common tags used for such a purpose. Unless stated otherwise, all text affected will be place between a beginning and end tag.<br /><br /><b> - Makes text <strong>bold</strong>.<br /><i> - <em>Italicizes</em> text.<br /><u> - <span class="bbc_u">Underlines</span> text.<br /><strike> - Puts a [STRIKE]line through[/STRIKE] your text.<br /><h1> - Sets text at a large header size.<br /><h6> - Sets text at a small header size.<br /><br> - DOES NOT NEED A CLOSING TAG! Will move text to the next line, as if you hit the enter button.<br /><pre> - Preformats text, so that you don't have to use the <br> tag.
</dd>
<dt class="postheader">
Title: <strong></strong><br />
Post by: <strong>AsakuraHao2004</strong> on <strong>October 07, 2005, 11:30:10 PM</strong>
</dt>
<dd class="postbody">
Also note that the tags moose posted don't have to be closed in the order they're opened, as an HTML book lied to me about.
</dd>
<dt class="postheader">
Title: <strong></strong><br />
Post by: <strong>Osmose</strong> on <strong>October 07, 2005, 11:43:00 PM</strong>
</dt>
<dd class="postbody">
The book didn't lie. Closing them in a random order is bad coding and will screw up older browsers. The only reason it works now is because most browsers realised that people will be lazy and protected themselves against it. But it can still cause nasty errors in some situations.<br /><br />It is best to close them in the order you open them. That is, <tag1><tag2>Lard</tag2></tag1>
</dd>
<dt class="postheader">
Title: <strong></strong><br />
Post by: <strong>PyroAlchemist</strong> on <strong>October 08, 2005, 03:18:16 PM</strong>
</dt>
<dd class="postbody">
Yah. Well I was going to cover that next but you've seemed to get it. Guess I'll get started on backgrounds, links, and images. :D
</dd>
</dl>
<div id="footer" class="smalltext">
<span class="smalltext" style="display: inline; visibility: visible; font-family: Verdana, Arial, sans-serif;"><a href="http://www.charas-project.net/forum/index.php?action=credits" title="Simple Machines Forum" target="_blank" class="new_win">SMF 2.0.10</a> |
<a href="http://www.simplemachines.org/about/smf/license.php" title="License" target="_blank" class="new_win">SMF © 2015</a>, <a href="http://www.simplemachines.org" title="Simple Machines" target="_blank" class="new_win">Simple Machines</a>
</span>
</div>
</body>
</html>