Davido83's Guide To HTML (Hypertext Markup Language)

davido83 · Aug 20, 2007

This is My Official Guide To Using HTML (Hypertext Markup Language).

What is HTML?
Hypertext Markup Language

What is HTML useful for?
Web Designing and Language.

Is HTML hard?
Not at all.

First off The Abc's of HTML

A

Align - This attribute indicates the alignment of the text within the tag element where it is used. Ex: of the align value are center, left, right, bottom, top or justify

Anchor - an important element for hypertext links of any sort. The anchor tag can have one of several attributes:

HREF - indicates the destination URL

Name - defines the current line as the destination point. This is used for internal (local web site) jumps to specific lines in a document.

Target - The name of a window to be used when going to a hypertext link. If the window does not exist, a new browser window will be opened.

Address - indicates an address, typically the e-mail address of the web author.

<ADDRESS>email address</ADDRESS>

ASCII Text - a common set of characters that can be interpreted by computers throughout the world. The text entered whether for the first time or from an existing document - must be free of any special formatting.
B

Line Breaks - the &ltBR> code will insert a blank line or produce a return character in web document.

Body - this closed tag contains everything that the user will see. Any text, images and links used in the page must be placed between the body tags.

Background - this attribute used with the body tag allows a graphic image to be displayed behind the text in a browser window. The full graphic name including the path (if required) and name extension must be used. ex: <BODY BACKGROUND="graphic.jpg"> or <BODY BACKGROUND="graphic.gif">.

Bold - this tag will cause the browser to display the text enclosed within the tag as bold. Tag: <B></B&gt. Does require a closing tag!

Blockquotes - normally used to quote long blocks of text. This will force the text to indent from the left and right margins. This will higlight the text. All codes that can be used with other text can be used within block quote.
C

Center - Centers all enclosed text. Tag = <CENTER> </CENTER>

Closing Tags - most of the tags used with HTML require a closing tag to tell the browser where the tag ends. All closing tags consist of </Tag Name>.. The forward slash is required as part of the closing tag!
D
E
F

Font - used to control the size of a displayed font. Tag: <FONT Size=_ or - Number between 1 - 7>

Frame - Splits the browser window into 2 or more windows. Each window can then display a different html document.

<FRAME SRC="http://source document URL">

The frame tag has the following attributes:

Name - the name assigned to the frame. This will be used with the target command for a HREF link

NORESIZE - turns off the ability of the user to resize the displayed frame.

SCROLLING - can be set to either yers, no or auto. Displays a scroll bar in the window. Defaults to auto.

Frameset - used instead of the body tag. Sets up the size of the frame windows

<FRAMESET COLS="%XX, %XX" or ROWS="XXX, XXX"< >/FRAMESET>

G

GIF - Compuserve Graphic Interchange Format. A commonly used graphics file format that can be displayed with the browser window.
H

HTML - Hyper Text Markup Language - The tag which tells the browser that the text and codes that follow are HTML. The browser will then interput the codes and display the text appropriately. It is the main container for a web page. All other html tags are contained here. This tag requires a closing tag.

Head - contains information about the html document. Nothing here will display in the browser. Common items found here are the author, search engine keywords etc.

Heading - Sets the size of the enclosed text base in level of importance. Range is from H1 (the largest) to H6 (the smallest)

Tag: <H1> </H1>

HR tag - Horizontal Rule, used to display a graphic line across the browser window

Attributes -

Size=X - the thickness of the line in pixels

Width=X - the width of the line as a percentage % or the number of pixels

I

Italic - italicize the text within the tag: <I> </I>

Image - allows the web author to display a graphic image at the location of his choice in the document. Attributes include:

<IMG SRC="graphic name">

Align - alignment of text on the line, left, middle, right, top or bottom.

Border - the thickness of the border around a graphic

Height - height of the graphic in pixels

Width - width of the graphic in pixels

SRC - the source (name) for the graphic image

IMG SRC - the name an of the graphic file to be displayed in the web browser. This may also contain the URL of the graphic image if the image is found on a remote server. Tag - <IMG SRC="Graphic name>"
J

JPG - Joint Photographic Experts Group - another graphics format that a browser can display within the browser window.
K
L

List Item - takes the enclosed text and makes it a part of a list

Tag: <LI> </LI>

Attributes:

Align - specifies the item alignment, justify, left, right or center

Type - for the <UL> list type this can be circle, disc or square. For the <OL> type this indicates the starting number, defaults to 1.

Link - specifies the relationship between the current web page and other HTML documents.

Tag: <A HREF="URL or address of page"> </A>

M

Meta - The meta tag contains information about the document beyond the tile and other things defined in the head section. Meta tags are used to imbed specialized into the document header.

The following attributes are used:

* HTTP-EQUIV - binds the META element to an HTTP response header (advanced HTML)
* NAME - names a property such as author, publication date or similiar information.
* CONTENT - supplies a value for a named property

Mail to: - this tag allows the users browser to send email to the mail account that has been linked by this tag. Use the tag like this:

<a href=mailto:"user address">Persons Name</A>

N
O

Ordered List - a list type the when displayed in the browser shows each item in the list on a separate numbered line. The number sequence will start with one (1) and add 1 to each number through the entire list.
P

Paragraphs - the paragraph tag allows the browser to display text similiar to the way a book is printed. Line word wrap at the proper place, a blank line is generated above and below the text being displayed.

Preformatted Text - text that has been generated in a database, word processor or some other program that has formatted the output to include tabs or spaces. Text that needs to be in columns are good examples. The tag is: <PRE>. Since this tag will not delete a line of blank spaces, the browser will not word wrap text enclosed by the PRE tag.

Pixel - the smallest character that can be displayed on the screen. Refers to a colored dot.
Q
R

Remarks - 

Rules - a graphic line that is displayed on the screen. The size (thickness) of the rule can be controlled as well as the length of the line across the display. Size is controlled by the size=X attribute, width can be expressed as a percentage width = 75% or by pixels width = 150

<HR size=10>

<HR width=80%> or <HR width=150>

S

Subscripts - subscripts are just like the subscripts used in word processing docurments. The text enclosed in this tag will display as a subscript

<Sub>Text to be displayed</Sub>

Superscripts -

<Sup>Text to be displayed</Sup>

Special Characters

Non Breaking space a browser by default will eliminate all but one blank space in any line of text. This prevents the web author from indenting the first line of a paragraph or otherwise highligting text. HTML allows the use of the non breaking space code to insert a blank character in a line of text. The code is  . Use this code for each blank space needed a line of text.

Less than - the less than bracket (left pointing arrow) is normally used with a HTML tag. If the browser does not display the less than bracket use the following code; &amplt;

Greater than - the greater than bracket (right pointing arrow) works just like the less than backet above. Use; &ampgt;

Note: These codes require the use of the ; to show this is the end of the tag.

T

Title - tells the browser the title for the page. This will be displayed on the title line of the browser. Try to make this no more than about 60 characters.

Tags - an html code or instruction that is contained with an opening < and a > brackets. Some tags are considered open. They consist of just the brackets and the code. Closed tags have both an opening tag "<code>" and a closing tag, "</code>". Please note the "/" as it is required to show this is a closing tag.

Table - tables are similiar to a spreadsheet display in that each contains columns and rows. Tables must be defined with an opening tag of <TABLE> with the closing tag of </TABLE>

Table Data - this is the individual cell or data that will be displayed by the browser. To define the cell use: <TD>, Data to be displayed </TD>

Table Row - This tag defines the row element of the table. Each row that is displayed will use the following tags: <TR>, closing tag </TR>

Ex: 2 cell, 2 row table
<TABLE>
<TR>
<TD>This is a cell</TD>
<TD>This is cell 2</TD>
</TR>

<TR>
<TD>This is a cell</TD>
<TD>This is cell 2</TD>
</TR>
</TABLE>
U

Unordered List - a list of items that will be indented with a bullet character in front of the line item. The opening and closing tags for an unordered list are: <UL> and </UL> Each line in the list must be contained with the the l ist item tag: <LI> and </LI>.

Underline - places and underline character under the selected text. Tag: <U>. Must use a closing tag.

Uniform Resource Locater - the standard world wide web address used to locate web pages.
V
W
X
Y
Z

Quick words:
O.k. First of all HTML is very hard for some web designs.
HTML was not created to be a design language.
It was originally created as a "display language".
HTML was proved useless in the early days.
HTML look intimidating at first but alls it is, is simply copy and pasting.
Oh sure it goes deeper then that but thats for later on.
Do not let HTML intimidate you.
It looks hard but its not XD
After a while you will get the hang of remembering your codes etc and wont even have to copy and paste...

If you need to teach quiz and have fun while doing html then go on this website..
http://www.w3schools.com/html/default.asp

Thanks for reading my guide on HTML not much more I could say plus sythe doesn't support HTML so its harder then it looks to make this.

LeetScape · Aug 21, 2007

I sense a copy + paster...

davido83 · Aug 21, 2007

dude i spent 3 hours working on this..
and yah i copied and pasted it
from my notepad

Log in or Sign up

Davido83's Guide To HTML (Hypertext Markup Language)

davido83 Forum Addict

LeetScape Active Member

davido83 Forum Addict

Log in or Sign up

Davido83's Guide To HTML (Hypertext Markup Language)

Thread Tools

davido83 Forum Addict

LeetScape Active Member

davido83 Forum Addict