0% found this document useful (0 votes)
61 views

HTML

The document summarizes the basic syntax and attributes of common HTML elements for structuring an HTML document and providing formatting. It outlines elements for the document structure like <HTML>, <HEAD>, and <BODY>, as well as text formatting elements, links, lists, tables, forms, and more. Each element is defined with its syntax, purpose, and key attributes for controlling formatting and behavior.
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
61 views

HTML

The document summarizes the basic syntax and attributes of common HTML elements for structuring an HTML document and providing formatting. It outlines elements for the document structure like <HTML>, <HEAD>, and <BODY>, as well as text formatting elements, links, lists, tables, forms, and more. Each element is defined with its syntax, purpose, and key attributes for controlling formatting and behavior.
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 6

HTML Document

Syntax <HTML>…</HTML>:
Attributes:
VERSION HTML version

Document Head
Syntax <HEAD>…</HEAD>:
Attributes:
PROFILE Dictionary of meta info

Document Body
Syntax <BODY>…</BODY>:
Attributes:
BACKGROUND Background image for document
BGCOLOR Background color for document
TEXT Text color for document
LINK Link color for document
VLINK Visited link color for document
ALINK Active link color for document

Client-side Script
Syntax <SCRIPT>...</SCRIPT>:
Attributes:
LANGUAGE Scripting language name
SRC External script location
CHARSET Character encoding of external script

Paragraph
Syntax <P>...</P>:
Attributes:
ALIGN [left | center | right | justify] (Horizontal alignment)

Formating Tags:
Tag Name Syntax
Bold Text <B>...</B>
Italic Text <I>...</I>
Emphasis <EM>...</EM>
Underlined Text <U>...</U>
Strike-through Text <S>...</S>
Comment Text <!--Comment-->
Superscript <SUP>...</SUP>
Subscript <SUB>...</SUB>
Centered Block <CENTER>...</CENTER>
Line Break <BR>

1
Font Change
Syntax <FONT>...</FONT>:
Attributes:
SIZE Font size adjustment
COLOR Font color adjustment
FACE Font face adjustment

Horizontal Rule
Syntax <HR>:
Attributes:
ALIGN [left | center | right] (Horizontal alignment)
NOSHADE Solid line
SIZE Line height
WIDTH Line width

Heading
Syntax <H1>...</H1> to <H6>… </H6>:
Attributes:
ALIGN [left | center | right | justify] (Horizontal alignment)

Unordered List
Syntax <UL>...</UL>:
Attributes:
TYPE [disc | square | circle] (Bullet style)
COMPACT Compact display

Ordered List
Syntax <OL>...</OL>:
Attributes:
TYPE [1 | a | A | i | I] (Numbering style)
START Starting number
COMPACT Compact display

Definition List
Syntax <DL>...</DL>:
Attributes:
ID Uniquely identifies an element within a document
TITLE Provides a title for an element and is commonly implemented as a "tool tip"
COMPACT Compact display

Definition Term
Syntax <DT>...</DT>:
Attributes:
ID Uniquely identifies an element within a document
TITLE Provides a title for an element and is commonly implemented as a "tool tip"

2
Anchor
Syntax <A>...</A>:
Attributes:
HREF Hypertext reference
NAME Named link destination
TYPE Content-type of link
TARGET Frame to render link in
SHAPE [rect | circle | poly | default] (Client-side image map)
COORDS Client-side image map

Frameset
Syntax <FRAMESET>...</FRAMESET>:
Attributes:
ID Uniquely identifies an element within a document
TITLE Provides a title for an element and is commonly implemented as a "tool tip"
ROWS Row lengths
COLS Column lengths

Frame
Syntax <FRAME>:
Attributes:
ID Uniquely identifies an element within a document
TITLE Provides a title for an element and is commonly implemented as a "tool tip"
NAME Name of frame
SRC Content of frame
LONGDESC Long description of frame
FRAMEBORDER [1 | 0] (Frame border)
MARGINWIDTH Margin width
MARGINHEIGHT Margin height
NORESIZE Disallow frame resizing
SCROLLING [yes | no | auto] (Ability to scroll)

Table
Syntax <TABLE>...</TABLE>:
Attributes:
BORDERCOLOR Sets the colour of the border
WIDTH Table width
BORDER Border width
CELLSPACING Spacing between cells
CELLPADDING Spacing within cells
ALIGN [left | center | right] (Table alignment)
BGCOLOR Table background color

3
Table Row
Syntax <TR>...</TR>:
Attributes:
ALIGN [left | center | right | justify | char] (Horizontal alignment of cells
in group
VALIGN [top | middle | bottom | baseline] (Vertical alignment of cells in
group)
BGCOLOR Row background color

Table Header Cell


Syntax <TH>...</TH>:
Attributes:
ROWSPAN Rows spanned by the cell
COLSPAN Columns spanned by the cell
HEADERS List of header cells for current cell
ALIGN [left | center | right | justify | char] (Horizontal alignment)
VALIGN [top | middle | bottom | baseline] (Vertical alignment)
WIDTH Cell width
HEIGHT Cell height
NOWRAP Suppress word wrap
BGCOLOR Cell background color

Table Data Cell


Syntax <TD>...</TD>:
Attributes:
ROWSPAN Rows spanned by the cell
COLSPAN Columns spanned by the cell
ALIGN [left | center | right | justify | char] (Horizontal alignment)
VALIGN [top | middle | bottom | baseline] (Vertical alignment)
WIDTH Cell width
HEIGHT Cell height
NOWRAP Suppress word wrap
BGCOLOR Cell background color

Inline Image
Syntax <IMG>:
Attributes:
SRC Location of image
ALT Alternate text
LONGDESC Link to long description
WIDTH Image width
HEIGHT Image height
USEMAP Client-side image map
ISMAP Server-side image map

4
ALIGN [top|middle|bottom|left|right] (Image alignment)
BORDER Link border width
HSPACE Horizontal gutter
VSPACE Vertical gutter

Interactive Form
Syntax <FORM>...</FORM>:
Attributes:
ID Uniquely identifies an element within a document
TITLE Provides a title for an element and is commonly implemented as
a "tool tip"
ACTION Form handler
METHOD [get | post] (HTTP method for submitting form)
ENCTYPE Content type to submit form as
TARGET Frame to render form result in

Form Input
Syntax <INPUT>:
Attributes:
ID Uniquely identifies an element within a document
TITLE Provides a title for an element and is commonly implemented as a "tool tip"
TYPE =[text | password | checkbox | radio | submit | reset | file | hidden | image |
button] (type of input)
NAME Key in submitted form
VALUE Value of input
CHECKED Check radio button or checkbox
SIZE Suggested number of characters for text input
MAXLENGTH Maximum number of characters for text input
SRC Source for image
ALT Alternate text for image input
ALIGN [top | middle | bottom | left | right] (Alignment of image input)
DISABLED Disable element
READONLY Prevent changes
ACCEPT Media types for file upload
ACCESSKEY Shortcut key
TABINDEX Position in tabbing order

Option Selector
Syntax <SELECT>...</SELECT>:
Attributes:
NAME Key in submitted form
MULTIPLE Allow multiple selections
SIZE Number of visible options
DISABLED Disable element
TABINDEX Position in tabbing order

5
Menu Option
Syntax <OPTION>...</OPTION>:
Attributes:
VALUE Value of option
SELECTED Choice initially selected

Multi-line Text Input


Syntax <TEXTAREA>...</TEXTAREA>:
Attributes:
NAME Key in submitted form
ROWS Number of rows
COLS Number of columns
DISABLED Disable element
READONLY Prevent changes
ACCESSKEY Shortcut key
TABINDEX Position in tabbing order

Generic Block-level Container


Syntax <DIV>...</DIV>:
Attributes:
ALIGN [left | center | right | justify] (Horizontal alignment)

Generic Inline Container


Syntax <SPAN>...</SPAN>

Metadata
Syntax <META>:
Attributes:
NAME Property name
HTTP-EQUIV HTTP response header name
CONTENT Associated data
SCHEME Form of data

You might also like