UGN Security Forums
My ProfileMember DirectoryLogin
Search our ForumsView our FAQView our Site Rules
View our CalendarView our Active TopicsGo to our Main Page

UGN Security Store
 

Network Sites UGN Security, The GoNix Initiative, Elite Web Gamers, Back of the Web, EveryDay Helper, VNC Web Design & Development
Sponsored Links
Latest Postings
Latest Reviews
Topic Options
Rate This Topic
#18447 - 12/11/02 04:33 PM Basic HTML Tutorial
BlackSpider Offline
Junior Member

Registered: 09/23/02
Posts: 71
What does HTML stand for?
HTML = Hypertext Markup Language

What does "hypertext" mean?
Text stored in electronic form with cross-reference links between pages.

Can you create Web pages with Microsoft Word or WordPerfect?
Yes, you can use them. You can also use Notepad, which is mostly and commonly used.

What are the two parts of an HTML command?
Closing tag and Opening tag

Which tags should enclose the entire document?
Code:
<HTML> ... </HTML>
Basic Website Coding
When making your first webpage, these tags (ex: ) most be included to make you HTML file a success!
Code:
<HTML>
<HEAD>
<TITLE>My First Web Page</TITLE>
</HEAD>
<BODY>Your Content...</BODY>
</HTML> 
Other Tags Within HTML Document
There are many more tags that you can use to enhance the look of your website.

[code]
Adding Text Color:
Adding Text Size:
Adding Text Style:
Bolding Text: TEXT
Italizing Text: TEXT
Underlining Text: TEXT
Strong Text: TEXT
Align A Paragraph:


Links: NAME
Mailing Links: TEXT
Spacing:

[code]
Please note, these are just the basics of HTML and what it can do. No one, except you is repsonible for the use and content of your HTML file.

Also [code] isn't a real html tag, so please don't take it as one. Its there because the post won't correctly display information if I end it. Sorry!

For more information and codes please visit Webmonkey CheatSheet For HTML


Top
Sponsored Links
      
#18448 - 12/18/02 12:49 AM Re: Basic HTML Tutorial
Cold Sunn Offline
UGN GFX Whore

Registered: 03/03/02
Posts: 574
Loc: us
Also note,
is a line break tag, like adding a return to the page.

Other HTML editing tools:
Notetab, the notepad replacement. http://www.notetab.com
It is a basic text editor with some extra html features, and also has a tabbed multiple document thing.

There are some WYSIWIG (what you see is what you get) editors out there. Frontpage is one made by microsoft and comes with MS Office. It adds way too much code for things that are very easy to do. Word XP adds a ridiculous amount of code to a page, and I do not recommend anyone use it to make webpages.

Dreamweaver is the most popular among designers. It is more of an advanced editor. I don't have much experience with Dreamweaver, but I am pretty sure it doesn't add a bunch of gay unnecessary code.

After you get the basics of html down, another important skill is tables. Tables are used for aligning things in webpages, ot just adding a look.

You start the table with the table tag, use a table row tag, then a table data tag, and end it all.

Example:

Code:
<table>
  <tr>
    <td>content here
    </td>
  </tr>
</table>
Table starts the table.
tr is a table row. All td's inside a table row tag are on one row. So, if you want to have several cells on top of each other, you have to have several table rows with table data's inside them.
td is a table data tag. All the content in a table needs to go inside one of these, or it will throw off everything. These always go inside a table row.

Then there are properties to those tags.
here is how it works:

Code:
<table width=100% height=200 cellpadding=0 cellspacing=4 border=1 bordercolor=ffffff bgcolor=000000>
  <tr>
    <td bgcolor=555555 bordercolor=ff00ff align="center" valign="top" width=100%>some stuff
    </td>
  </tr>
</table>
Width can be in either percent or pixels. if it is in pixels, you only need to use the number, but percent must have the % after it.
Height isn't necessary, but works the same way as width, except it is verticle.
Cellpadding is the amount of space between the edge of the cell (td) and the text or images inside it.
Cellspacing is the amount of space between each cell (td).
Border is the width in pixels of the border. 1 is the most popular, but depending on your design others can look good.
Bordercolor is the color of the border. As always, you can use either hexcodes or color names. Hex codes are best because you can get an exact color, but it can be hard to get right. Color names like "orange" or "silver" will work, but I am pretty sure "Macaroni" won't. To learn avbout hex codes, check the links at the end of this post.
Bgcolor is the background color of the whole table. The colors work the same as everything in html just like the bordercolor.
Align can align everything in a td. Your options are "left", "center", or "right."
Valign aligns things in the td vertically. Your options are "top", "middle", and "bottom."

Hexcodes for colors
http://hotwired.lycos.com/webmonkey/reference/color_codes/
*note - it is not necessary to include the # in front of colors. color=#ffffff would work the same as color=ffffff.
Notetab
http://www.notetab.com
HTML Goodies (great site for learning html
http://www.htmlgoodies.com
Webmonkey (great site for html, web languages, general internet stuff)
http://www.webmonkey.com
HTML Goodies Tables
http://www.htmlgoodies.com/tutors/tbl.html

Top
#18449 - 12/18/02 07:04 PM Re: Basic HTML Tutorial
§intå× Offline


*****

Registered: 12/03/02
Posts: 3255
Loc: Maryland
http://rrfn.promodtecnologies.com/K-base/Into_to_html.html

I wrote this a little over a year ago. heh, HTML lesson writen in HTML. It was a pain in the ass to do so READ IT.
_________________________
My New site OpenEyes

Top
#18450 - 12/18/02 07:07 PM Re: Basic HTML Tutorial
§intå× Offline


*****

Registered: 12/03/02
Posts: 3255
Loc: Maryland
http://rrfn.promodtecnologies.com/K-base/characters.html

&copy; &reg; &trade; &sect; &iquest; &aelig;

Use the link above to get some special charaters.
_________________________
My New site OpenEyes

Top
#18451 - 12/18/02 10:17 PM Re: Basic HTML Tutorial
Cold Sunn Offline
UGN GFX Whore

Registered: 03/03/02
Posts: 574
Loc: us
lol. Is someone drinking? oh wait, i'm just hearing plug plug plug plug...


Top
#18452 - 12/19/02 05:52 AM Re: Basic HTML Tutorial
§intå× Offline


*****

Registered: 12/03/02
Posts: 3255
Loc: Maryland
If anything I am pluging gizys other site. heh
_________________________
My New site OpenEyes

Top

Moderator:  §intå×, Gremelin 
Featured Member
Registered: 03/02/02
Posts: 136
Forum Stats
2148 Members
46 Forums
35097 Topics
70267 Posts

Max Online: 1567 @ 04/25/10 05:20 AM
Top Posters
UGN Security 28259
Gremelin 7193
§intå× 3255
SilentRage 1273
Ice 1146
pergesu 1136
Infinite 1041
jonconley 955
Girlie 908
unreal 860
Newest Members
Tim050, Gecko666, defghi795767, Devo60, ali
2148 Registered Users
Who's Online
0 registered (), 402 Guests and 268 Spiders online.
Key: Admin, Global Mod, Mod
Latest News


Donate
  Get Firefox!
Get FireFox!