How can I learn some basic HTML? Print There are lots of easy HTML tags that you can add to your text to change its appearance. This page lists some of the most common tags. If you want to learn more, please see: How can I learn more about HTML? Code

Examples

Text

<strong>TEXT

This text is bold.

<em>TEXT

This text is italicized.

Surround text with <strong> tags to make it bold, or with <em> to italicize it.

TEXT

Regular text goes here. This text is in a blockquote.

Surround text with

tags to indent it and set it apart from the rest of your text. Useful for quoting longer sections of other pages.

TEXT

TEXT

TEXT

TEXT

TEXT

TEXT

Header 1 Header 3 Header 6

Header tags are used for various levels of headers, titles and subtitles on a page. The size choices are 1 (largest) through 6 (smallest). Links

TEXT

This is a link to Blogger.

The text between the tags will be what your reader sees and clicks on. The URL indicated by href= is the address they will be taken to. For more information on links, please see How can I do more with links?

TEXT

This is an email link.

Email links work like webpage links. Just replace http:// with mailto: and replace the URL with an email address. Lists

1. TEXT

1. First list item.

• TEXT

•

First list item.

•

Second list item.

2. Second list item.

You can create ordered (numbered) lists with the

tags and unordered (bulleted) lists with the
tags. In either one, individual list items are contained in
tags and get numbered or bulleted automatically. You can also nest lists, by including the complete code for a second list within the
tags for the first list. Dividers



TEXT

TEXT



First paragraph. Second paragraph

Paragraphs are blocks of text separated by blank lines.

TEXT
TEXT

First line. Second line.

Break tags start a new line where ever you enter them. Note that it is just a single tag, so it doesn't have to surround any text.

TEXT

---

TEXT

First line. Second line.

Horizontal lines can be used to separate anything you want. Like break tags, this are single items that don't surround text. Colors, Fonts, Alignment and anything else you can think of...

You can adjust the precise appearance and positioning of all the elements listed above and more, through the magic of CSS. See: What else can I do with CSS?

Learn More HTMLs: (http://werbach.com/barebones/barebones.html)

The latest version of this document is available at http://werbach.com/barebones/, where you will also find the text version, translations, and background materials. The Bare Bones Guide to HTML lists all the tags that current browsers are likely to recognize. I have included all the elements in the official HTML 4.0 recommendation with common attributes, as well as Netscape and Microsoft extensions. This document is a quick reference, not a complete specification; for official information about HTML and its development, see the World Wide Web Consortium site at http://www.w3.org/MarkUp/. The Guide is designed to be as concise as possible, and therefore it doesn't go into any detail about how to use the various tags. A few tags link to notes that address frequentlyasked questions. If you're looking for more detailed step-by-step information, see my WWW Help Page.

Table of Contents 1. INTRODUCTORY MATERIAL o What is unique about this guide o Which HTML tags are included o How this document is formatted (including a description of symbols and abbreviations) 2. HTML TAGS o basic elements (all HTML documents should have these) o structural definition (appearance controlled by the browser's preferences) o presentation formatting (author specifies text appearance) o links, graphics, and sounds o positioning o dividers o lists o backgrounds and colors o special characters o forms o tables o frames o scripts and java o miscellaneous Important: If you are not clear about the differences between the various versions of HTML, I suggest that you read my discussion of the development of HTML, or the World Wide Web Consortium HTML activity statement.

BASIC ELEMENTS Document Type Title Header Body

<TITLE>

(beginning and end of file) (must be in header) (descriptive info, such as title) (bulk of the page)

STRUCTURAL DEFINITION Heading Align Heading

4.0 4.0 4.0

4.0 4.0 4.0 4.0 4.0 4.0 4.0 4.0




(the spec. defines 6 levels)

Division
Align Division Defined Content <SPAN>
Block Quote (usually indented) Quote (for short quotations) Citation <EM> Emphasis (usually displayed as italic) Strong Emphasis <STRONG> (usually displayed as bold) Citation (usually italics) Code (for source code listings) <SAMP> Sample Output Keyboard Input Variable Definition (not widely implemented) Author's Address
Large Font Size Small Font Size <SMALL> (marks additions in a new Insert version) Time of Change Comments (marks deletions in a new Delete version) Time of Change Comments Acronym Abbreviation

PRESENTATION FORMATTING Bold Italic 4.0* Underline



(not widely implemented)

Strikeout 4.0* Strikeout Subscript Superscript Typewriter Preformatted Width Center N1 Blinking Font Size Change Font Size Font Color 4.0* Select Font N4

Point size

N4 Weight 4.0* Base Font Size MS Marquee

<STRIKE> <S>

(not widely implemented) (not widely implemented)

<SUB> <SUP>


(displays in a monospaced font) (display text spacing as-is) (in characters) (for both text and images) (the most derided tag ever) (ranges from 1-7)



(from 1-7; default is 3)

<MARQUEE>

POSITIONING N3 N3 N3 N3

Multi-Column Column Gutter Column Width Spacer

N3

Spacer Type

N3 N3

Size Dimensions

N3

Alignment

N4 N4 N4 N4 N4 N4

Layer Name Location Rel. Position Source File Stacking

N4

Stack Position

N4

Dimensions

N4 N4 N4

Clipping Path Visible? Background

<MULTICOL COLS=?> <MULTICOL GUTTER=?> <MULTICOL WIDTH=?> <SPACER> <SPACER TYPE=HORIZONTAL| VERTICAL|BLOCK> <SPACER SIZE=?> <SPACER WIDTH=? HEIGHT=?> <SPACER ALIGN=LEFT|RIGHT| CENTER>
N4

Color

BACKGROUND="$$$$$$">

N4

Inline Layer



N4

Alt. Content



(takes same attributes as LAYER)

LINKS, GRAPHICS, AND SOUNDS Link Something Link to Location

4.0* Target Window 4.0* Action on Click Mouseover 4.0* Action Mouse out 4.0* Action Link to Email N, Specify Subject MS Define Location Display Image Alignment N1



(Javascript)



(Javascript)



(Javascript)



MS MS

(use a real question mark)



Alignment



Alternate



Dimensions





(if image not displayed) (in pixels) (as percentage of page width/height) (in pixels)



(in pixels)



N1

(if in another document) (if in current document)

Border Runaround Space Low-Res Proxy Imagemap Imagemap Movie Clip



(requires a script)



Background Sound Client-Side Map <MAP NAME="***"> (describes the

map) N1

Client Pull

<META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">

N2

Embed Object

<EMBED SRC="URL">

N2 4.0 4.0

Object Size Object Parameters

<EMBED SRC="URL" WIDTH=? HEIGHT=?>

Map Section

(insert object into page)



DIVIDERS N

(closing tag often unnecessary)

Paragraph




Align Text




Justify Text Line Break Clear Textwrap Horizontal Rule Alignment Thickness Width

(a single carriage return)





---

---

---

---



Width Percent



---

---



N1

Solid Line No Break

N1

Word Break

<WBR>



(in pixels) (in pixels) (as a percentage of page width) (without the 3D cutout look) (prevents line breaks) (where to break a line if needed)

LISTS Unordered List Compact Bullet Type Bullet Type Ordered List Compact Numbering Type Numbering Type Starting Number Starting Number Definition List Compact


• 
  
  (before each list item) (for the whole list) (this & subsequent) (before each list item)
  
  

  1. 1. 
        
        (for the whole list) (this & subsequent) (for the whole list) (this & subsequent) (
        =term,
        =definition)
        
        Menu List Compact Directory List Compact
        
        <MENU>

        
        
        (before each list item)
        
        <MENU COMPACT>

        
        
        (before each list item)
        
        
        
        BACKGROUNDS AND COLORS Tiled Bkground MS
        
        Watermark
        
        
        
        Bkground Color (order is red/green/blue) Text Color Link Color Visited Link Active Link (More info at http://werbach.com/web/wwwhelp.html#color)
        
        SPECIAL CHARACTERS Special &#?; (where ? is the ISO 8859-1 code) Character < < > > & & " " Registered TM ® Registered TM ® © Copyright © Copyright Non-Breaking   Space (Complete list at http://www.htmlhelp.com/reference/charset)
        
        FORMS Define Form 4.0* File Upload Input Field
        
        4.0
        
        Field Name Field Value Checked? Field Size Max Length Button
        
        

        
        
        (checkboxes and radio boxes) (in characters) (in characters)
        
        4.0
        
        Button Name
        
        4.0
        
        Button Type
        
        4.0
        
        Default Value
        
        4.0
        
        Label
        
        4.0
        
        Item Labelled Selection List Name of List # of Options Multiple Choice Option Default Option Option Value
        
        4.0
        
        Option Group Input Box Size Name of Box
        
        N2 4.0 4.0 4.0
        
        <SELECT> <SELECT NAME="***"> <SELECT SIZE=?> <SELECT MULTIPLE>
        
        (can select more than one) (items that can be selected)
        
        
        
        Wrap Text Group elements

        Legend (caption for fieldsets)

        Alignment
        
        TABLES Define Table 4.0* Table Alignment Table Border
        
        Table Border Cell Spacing Cell Padding Desired Width Width Percent 4.0* Table Color 4.0
        
        Table Frame
        
        4.0
        
        Table Rules
        
        MS
        
        Border Color
        
        MS
        
        Dark Border
        
        MS
        
        Light Border
        
        
        
        (either on or off) (you can set the value)
        
        
        
        (in pixels) (percentage of page)
        
        
        
        Table Row Alignment
        
        
        
        Table Cell
        
        
        
        Alignment
        
        
        
        
        
        No linebreaks Columns to Span
        (must appear within table rows)
        
        COLSPAN=?> ROWSPAN=?>
        
        (in pixels) (percentage of table)
        
        WIDTH=?> WIDTH="%"> BGCOLOR="#$$$$$$">
        
        (same as data, except bold centered)
        
        
        
        Alignment No Linebreaks Columns to Span Rows to Span 4.0* Desired Width (in pixels) N3 Width Percent (percentage of table) 4.0* Cell Color 4.0 Table Body (must come before 4.0 Table Footer THEAD>
        
        4.0
        
        4.0
        
        Table Header Table Caption Alignment
        
        
        
        Column
        
        
        
        4.0 4.0
        
        Columns Spanned Column Width Width Percent
        
        4.0
        
        Group columns
        
        4.0
        
        4.0 4.0 4.0
        
        
        
        Columns Spanned Group Width Width Percent
        
        (groups column attributes)
        
        
        
        (groups column structure)
        
        
        
        FRAMES 4.0* Frame Document
        (instead of ) (pixels or %)
        
        4.0* Row Heights 4.0* Column Widths 4.0* Column Widths 4.0* Borders 4.0* Border Width 4.0* Border Color N3
        
        Frame Spacing
        
        4.0* Define Frame
        
        ROWS=,,,>
        
        Display Document 4.0* Frame Name 4.0* Margin Width 4.0* Margin Height 4.0*
        
        4.0* Scrollbar? 4.0* Not Resizable 4.0* Borders 4.0* Border Color
        
        (contents of an individual frame)
        
        
        
        (left and right margins) (top and bottom margins)
        
        4.0*
        
        Unframed Content
        
        
        
        (for non-frames browsers)
        
        4.0
        
        Inline Frame
        
        <IFRAME>
        
        (takes same attributes as FRAME)
        
        4.0
        
        Dimensions
        
        4.0
        
        Dimensions
        
        <IFRAME WIDTH=? HEIGHT=?> <IFRAME WIDTH="%" HEIGHT="%">
        
        SCRIPTS AND JAVA Script Location Type Language 4.0* Other Content Applet File Name Parameters
        
        <SCRIPT> <SCRIPT SRC="URL"> <SCRIPT TYPE="***"> <SCRIPT LANGUAGE="***"> <APPLET> <APPLET CODE="***"> <APPLET PARAM NAME="***">
        
        (if scripts not supported)
        
        Location Identifier Alt Text
        
        <APPLET CODEBASE="URL"> <APPLET NAME="***"> <APPLET ALT="***"> <APPLET ALIGN="LEFT|RIGHT| CENTER"> <APPLET WIDTH=? HEIGHT=?>
        
        Alignment
        
        N4
        
        Size Spacing Server Script
        
        <APPLET HSPACE=? VSPACE=?>
        
        (for references) (for non-Java browsers) (in pixels) (in pixels)
        
        <SERVER>
        
        MISCELLANEOUS Comment Prologue Searchable Prompt Send Search URL of This File Base Window 4.0* Name Relationship N4
        
        Linked File
        
        4.0
        
        Meta Information Style Sheets Bidirect Off
        
        
        
        (not displayed by the browser)
        
        
        
        
        
        (indicates a searchable index) (text to prompt input) (use a real question mark) (must be in header)
        
        
        
        (must be in header)
        
        
        
        (in header)
        
        <META>
        
        (must be in header)
        
        <STYLE>
        
        (implementations vary) (for certain character sets)