EzPortal - Portal Software for Forums

EzPortal Forums => How To Section => HTML Code => Topic started by: Maxx on July 27, 2014, 09:15:26 am

Title: Basic HTML Tag/Usage
Post by: Maxx on July 27, 2014, 09:15:26 am
This   is only the basics of the HTML start tags.   These pages  are a combination of reference and tutorial, and include the options for each tag.

Page Structure & Description Tags         

    <HTML>      The start and end of your document
    <BODY>      Setting overall page characteristics
    <HEAD>      Things generally not for your readers
    <TITLE>      Titling your page
    <META>      Instructions for search engines, etc.

Text Appearance Tags     

    <B>               Making bold text
    <EM>             Emphasizing your words
    <FONT>         Setting your fonts
    <H1>...<H6> Creating headings
    <I>                Creating italics
    <STRONG>     Making your words strong
    <SUB>           Subscripting
    <SUP>           Superscripting
    <U>               Underlining

Breaking Things Up     

    <CENTER>     Centering your text and images     
    <BR>              Line breaks
    <P>                Paragraphs
    <BLOCKQUOTE>     Indenting your margin

Images & Other Pretty Things     

    <IMG>       Displaying pictures on your pages
    <HR>         Creating horizontal rules (lines)

Making Lists   
   
    <UL> & <LI> Creating bulleted lists
    <OL> & <LI> Creating numbered lists
    <DL>, <DT> & <DD> Lists with no bullets- or use your own      graphics

Linking Things Together     

    <A HREF>       Creating link

Setting Your Tables     

    <TABLE>         Your first table ingredient
    <TR>               Create Table row
    <TD>               The table division used to create a cell

 
Title: Re: Basic HTML Tag/Usage
Post by: Maxx on July 27, 2014, 09:18:58 am
Now let us keep in mind that for every tag, there is a "<>" bracket tag for the begin and a "</>" bracket tag  for the end of that or each tag placed on your html statement, for example:

"<html>" the begin tag for the page and the "</html>" for the ending of you HTML page!

Same goes for your "<head>" and "</head>"
then comes the "<body>" at the beginning of your page body content and then "</body>" at the end of your page body content!

So the basic code will look like this

"<html>"
"<head>"

All your meta information, Title, Description, css and so on goes in here!

"</head>"
"<body>"

Everything here will be viewed on the web...Your content!

"</body>"

"</html>"

---------------------------------

Code: [Select]
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 2</title>
</head>

<body>

</body>

</html>
Title: Re: Basic HTML Tag/Usage
Post by: Maxx on July 27, 2014, 09:23:28 am
Basic HTML page layout with some meta tags

Code: [Select]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <title></title>
  <meta http-equiv="generator" content="" />
  <meta name="created" content="Thu, 22 Apr 2010 19:47:12 GMT" />
  <meta http-equiv="content-type" content="text/html;charset=utf-8" />
  <meta name="description" content="" />
  <meta name="keywords" content="" />
</head>
<body>
<! --- Enter your page content here! ----->
</body>
</html>

Notice between the body start and body end tags, is where you place your page content, that will be viewed in Browser window, by the public, the rest are all hidden form plain view

regards,
Maxx