Click here!

Upload    Contact    Home


R E S O U R C E S

HTMLStuff:

 
 
Home
Artist
Designer
Webmaster
Programmer
What's New
* Resources
 

 

 

Block Format Tags

     Block-level formatting applies to the actual formatting of text in large blocks. This is aimed more towards the document level.

<blockquote> </blockquote>
Description: This specifies the text block within it is quoted. The text is indented from the rest of the document.
Attributes: cite - URL of where the quote was cited from
Syntax: <blockquote cite="URL"> quoted block here </blockquote>
Example: A word about 'netiquette':
"The basic rules of the Internet road are most commonly known as “netiquette,” or [inter]net etiquette."
 
<br>
Description: This forces the browser to render a carriage return. This is helpful for breaking text
Attributes: clear - [left|right|all] determines what margin to break
Syntax: text here <br>
Example: Line one
Line two
 
<center> </center>
Description: This centers the block of content within it, text, images, everything. Note: this tag has been depreciated in favor of the <div> tag.
Attributes: none
Syntax: <center> content to center </center>
Example:
This text
should be
centered
 
<div> </div>
Description: This separates a block of content and applies some sort of alignment to it.
Attributes: align - [left|right|center|justify]
Syntax: <div align="alignment"> content here </div>
Example:
This text should
be right aligned
 
<hr>
Description: This renders a horizontal line in the browser.
Attributes: align - [left|center|right] where to place the line
noshade - doesn't render a shaded line, this is a no value attribute
size - thickness of the line in pixels
width - width of the line
Syntax: <hr align="alignment" size="how_thick" width="the_width" noshade>
Example:
 
<h1> - <h6> </h1> - </h6>
Description: This classifies text as document headings and renders it in bold with extra margins surrounding it. <h1> is the biggest while <h6> is the smallest.
Attributes: align - [left|center|right|justify]
Syntax: <hX align="alignment"> heading text here </hX>
(X = 1..6)
Example:

heading 2

heading 4

 
<p> </p>
Description: Specifies the content block within it is a paragraph.
Attributes: align - [left|center|right|justify]
Syntax: <p align="alignment"> paragraph here </p>
Example:

One of the main things to pay attention to are colors. There's many different color configurations. Most people use at least 256 colors, so it may be wise to keep your colors within that range.

 
<pre> </pre>
Description: This specifies the text within it is preformatted, or rendered with fixed width, all whitespace and carriage returns.
Attributes: width - maximum number of characters per-line.
Syntax: <pre width="40"> text here </pre>
Example:
   This is preformatted     text
   |  | || |          |     |  |
 
<span> </span>
Description: This is an all purpose, content container used to apply style sheet information.
Attributes: style - inline styles to apply
Syntax: <span> </span>
Example: This text has a style
 

     Block-Level format tags are good for shaping the overall format of your web documents such as headings, paragraphs, columns, etc.

Head on to:
Related Article: Text Format Tags

Have a comment or question dealing with this tutorial? Write us!


Back to Tutorial Menu
Back to Artist Main Page
Back To HTML Stuff Main Page

 

  News   Contact   Advertise   CD ROM   Search   Upload   Help   Home

Copyright © 2000 Tucows.Com Inc.
TUCOWS.Com Inc. has no liability for any content or goods on the TUCOWS site or the Internet, except as set forth in the terms and conditions and privacy statement.