Help - Search - Members - Calendar
Full Version: [HTML] HTML Guide: Part 1
Pixel2Life Forum > Member Tutorials and Requests > Forum Tutorial Archives > Miscellaneous Tutorials
blinek
HTML Guide


Getting Started

HTML documents are plain-text files that are created using a text editor. Word processing software can be used if the document is saved as "text only with line breaks."


Helpful Terms

WWW: World Wide Web

HTML: Hypertext Markup Language

Text Editor: Simple text on edditing software, (Noepad, FrontPage, Dreamweaver, etc.)

Tags: Used to denote various element in the HTML document

Attribute: Additional information icluded inside the start tag.


Page Options

Page options are included as attributes of the <body> tag.

Background Image

The BACKGROUND attribute allows an image to be used as a backguond for your document.

example:

CODE
<BODY BACKGROUND="header.gif">


Background, Text & Hyperlink Colors

By default, browsers display text in black and hyperlinks in blue with a gray or white background. THML allows you to change these element.

BGCOLOR= background
TEXT= Text displayed in the browser
LINK= Hyperlink
ALINK= Active Hyperlink
VLINK Visited Hyperlink

example:

CODE
<BODY BGCOLOR="000000" TEXT="96900C" LINK="#FFFFFF">



Page Options

Every HTML document should contain the basic HTML tags. The head contains the title, and the body contains the text that is made up of paragraphs, lists, images, and other elements. Not every browser supports all tags. However, the browser ignores the tag if it is not suppored.

example:

CODE
<HTML>
<HEAD>
<TITLE>Lorem ipsum</TITLE>
</HEAD>
<BODY>
<H1>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</H1>
<P>Proin turpis. Nullam semper ornare nulla.</P>
<P>Mauris condimentum nunc. Nunc adipiscing, magna nec malesuada rutrum.</P>
</BODY>
</HTML>


And heres what it would look like:

Lorem ipsum

Proin turpis. Nullam semper ornare nulla.

Mauris condimentum nunc. Nunc adipiscing, magna nec malesuada rutrum.


Thats Part 1 how you enjoyed it smile.gif
ronson
Not bad, but where you have the background and links code, should be the basic HTML tags meaning HTML, HEAD and closing these etc. You need to explain the code alittle better aswell.

James
saferwaters
Also, tags should be lower-case smile.gif
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.