List of HTML elements - QUICK GUIDE FOR HTML
- Basic elements (all documents in HTML must contain them)
- Definition of the structure (the view is specified by the parameters of the viewer program)
- Appearance (the author determines the appearance of the text)
- Links and graphics
- Separators
- Lists
- Background and colors
- Special symbols
- Forms
- Tables
- Frames
- Java language
- Other
BASIC ELEMENTS | |||
---|---|---|---|
Document Type |
<HTML> </ HTML> |
(The beginning and end of the file) |
|
Document name |
<TITLE> </ TITLE> |
(Should be in the header) |
|
Header |
<HEAD> </ HEAD> |
(A description of the document, for example its name) |
|
Body |
<BODY> </ BODY> |
(Page content) |
DEFINITION OF STRUCTURE | |||
---|---|---|---|
Title |
<H?> </ H?> |
(The standard defines 6 levels) |
|
With alignment |
<H? ALIGN = LEFT | CENTER | RIGHT> </ H?> |
||
Section |
<DIV> </ DIV> |
||
With alignment |
<DIV ALIGN = LEFT | RIGHT | CENTER> </ DIV> |
||
Quote |
<BLOCKQUOTE> </ BLOCKQUOTE> |
(Usually indented) |
|
Allocation |
<EM> </ EM> |
(Usually italicized) |
|
Additional selection |
<STRONG> </ STRONG> |
(Usually shown in bold) |
|
Sending, quotation |
<CITE> </ CITE> |
(Usually italics) |
|
Code |
<CODE> </ CODE> |
(For code listings) |
|
Example output |
SAMP> </ SAMP> |
||
Keyboard input |
<KBD> </ KBD> |
||
Variable |
<VAR> </ VAR> |
||
Definition |
<DFN> </ DFN> |
(Often not supported) |
|
Author's address |
<ADDRESS> </ ADDRESS> |
||
Large font |
<BIG> </ BIG> |
||
Small font |
<SMALL> </ SMALL> |
APPEARANCE | |||
---|---|---|---|
Fatty |
<B> </ B> |
||
Italics |
<I> </ I> |
||
N3.0b |
Underlined |
<U> </ U> |
(Often not supported) |
Crossed out |
<STRIKE> </ STRIKE> |
(Often not supported) |
|
N3.0b |
Crossed out |
<S> </ S> |
(Often not supported) |
Superscript |
<SUB> </ SUB> |
||
Subscript |
<SUP> </ SUP> |
||
Typewriter |
<TT> </ TT> |
(Shown as a font of fixed width) |
|
Formatted |
<PRE> </ PRE> |
(Save the text format as is) |
|
Width |
<PRE WIDTH =?> </ PRE> |
(In characters) |
|
Center |
<CENTER> </ CENTER >> |
(Both text and graphics) |
|
N1.0 |
Flashing |
<BLINK> </ BLINK> |
(The most ridiculed element) |
Font size |
<FONT SIZE =?> </ FONT> |
(From 1 to 7) |
|
Change font size |
<FONT SIZE = "+ | -?"> </ FONT> |
||
N1.0 |
Basic font size |
<BASEFONT SIZE =?> |
(1 to 7, default 3) |
Font Color |
<FONT COLOR = "# $$$$$$"> </ FONT> |
||
N3.0b |
Selecting a font |
<FONT FACE = "***"> </ FONT> |
|
N3.0b |
Multicolumn text |
<MULTICOL COLS =?> </ MULTICOL> |
|
N3.0b |
Space between columns |
<MULTICOL GUTTER =?> </ MULTICOL> |
(The default is 10 points) |
N3.0b |
Column Width |
<MULTICOL WIDTH =?> </ MULTICOL> |
|
N3.0b |
Empty block |
<SPACER> |
|
N3.0b. |
Blank Type |
<SPACER TYPE = horizontal | Vertical | block> |
|
N3.0b |
The value of the empty block |
<SPACER SIZE =?> |
|
N3.0b |
Empty block dimensions |
<SPACER WIDTH =? HEIGHT =?> |
|
N3.0b |
Alignment |
<SPACER ALIGN = Left | right | center> |
LINKS AND GRAPHICS | |||
---|---|---|---|
Link |
<A HREF="URL"> </A> |
||
Link to bookmark |
<A HREF="URL#***"> </A> |
(In another document) |
|
<A HREF="#***"> </A> |
(In the same document) |
||
N2.0 |
To another window |
<A HREF="URL" TARGET="***| |_blank|_self|_parent|_top"> </A> |
|
Define Bookmark |
<A NAME="***"> </A> |
||
Attitude |
<A REL="***"> </A> |
(Often not supported) |
|
The inverse relation |
<A REV="***"> </A> |
(Often not supported) |
|
Graphic arts |
<IMG SRC = "URL"> |
||
Alignment |
<IMG SRC = "URL" ALIGN = TOP | BOTTOM | MIDDLE | LEFT | RIGHT> |
||
N1.0 |
Alignment |
<IMG SRC = "URL" ALIGN = TEXTTOP | ABSMIDDLE | BASELINE | ABSBOTTOM> |
|
Alternative |
<IMG SRC = "URL" ALT = "***"> |
(Displayed if the picture is not displayed) |
|
Map |
<IMG SRC = "URL" ISMAP> |
(You also need a program) |
|
Local map |
<IMG SRC = "URL" USEMAP = "URL"> |
||
Map Definition |
<MAP NAME = "***"> </ MAP> |
||
Map areas |
<AREA SHAPE = "RECT" COORDS = ",,," HREF = "URL" | NOHREF> |
||
Dimensions |
<IMG SRC = "URL" WIDTH =? HEIGHT =?> |
(In points) |
|
Edging |
<IMG SRC = "URL" BORDER =?> |
(In points) |
|
Indenting |
<IMG SRC = "URL" HSPACE =? VSPACE =?> |
(In points) |
|
N1.0 |
The substitute in low resolution |
<IMG SRC = "URL" LOWSRC = "URL"> |
|
N1.1 |
Update |
<META HTTP-EQUIV = "Refresh" CONTENT = "?; URL = URL"> |
|
N2.0 |
Enable object |
<EMBED SRC = "URL"> |
(Insert the object in the page) |
N2.0 |
Object size |
<EMBED SRC = "URL" WIDTH =? HEIGHT =?> |
SEPARATORS | |||
---|---|---|---|
Paragraph |
<P> </ P> |
(Closing the item is often not necessary) |
|
Alignment |
<P ALIGN = LEFT | CENTER | RIGHT> </ P> |
||
New line |
<BR> |
(Single line feed) |
|
Clear alignment |
<BR CLEAR=LEFT|RIGHT|ALL> |
||
Horizontal separator |
<HR> |
||
Alignment |
<HR ALIGN = LEFT | RIGHT | CENTER> |
||
Thickness |
<HR SIZE =?> |
(In points) |
|
Width |
<HR WIDTH =?> |
(In points) |
|
N1.0 |
Width in percent |
<HR WIDTH = "%"> |
(As a percentage of the page width) |
solid line |
<HR NOSHADE> |
(Without 3D effects) |
|
N1.0 |
No breakdown |
<NOBR> </ NOBR> |
(Prohibits line feed) |
N1.0 |
Transferring |
<WBR> |
(Where to break a string for transfer if necessary) |
LISTS |
||||
---|---|---|---|---|
Disordered |
<UL> <LI> </ UL> |
( <LI> before each element) |
||
Compact |
<UL COMPACT> </ UL> |
|||
Label type |
<UL TYPE = DISC | CIRCLE | SQUARE> |
(For the entire list) |
||
<LI TYPE = DISC | CIRCLE | SQUARE> |
(This and the following) |
|||
Numbered |
<OL> <LI> </ OL> |
( <LI> before each element) |
||
Compact |
<OL COMPACT> </ OL> |
|||
Numbering type |
<OL TYPE = A | a | I | i | 1> |
(For the entire list) |
||
<LI TYPE = A | a | I | i | 1> |
(This and the following) |
|||
First number |
<OL START =?> |
(For the entire list) |
||
<LI VALUE =?> |
(This and the following) |
|||
List of definitions |
<DL> <DT> <DD> </ DL> |
( <DT> = term, <DD> = definition) |
||
Compact |
<DL COMPACT> </ DL> |
|||
Menu |
<MENU> <LI> </ MENU> |
( <LI> before each element) |
||
Compact |
<MENU COMPACT> </ MENU> |
|||
Catalog |
<DIR> <LI> </ DIR> |
( <LI> before each element) |
||
Compact |
<DIR COMPACT> </ DIR> |
BACKGROUND AND COLORS | |||
---|---|---|---|
Background picture |
<BODY BACKGROUND = "URL"> |
||
Background color |
<BODY BGCOLOR = "# $$$$$$"> |
(Order: red / green / blue) |
|
Text color |
<BODY TEXT = "# $$$$$$"> |
||
Link Color |
<BODY LINK = "# $$$$$$"> |
||
Passed link |
<BODY VLINK = "# $$$$$$"> |
||
Active link |
<BODY ALINK = "# $$$$$$"> |
||
( More information ) |
SPECIAL SYMBOLS
| |||
---|---|---|---|
Special character |
& # ?; |
(Where is the ISO 8859-1 code) |
|
< |
& Lt; |
||
> |
& Gt; |
||
& |
& Amp; |
||
" |
& Quot; |
||
Trademark TM |
& Gt; |
||
Copyright |
& Copy; |
||
Non-separating space |
& Nbsp; |
||
( Full list ) |
FORMS | |||
---|---|---|---|
Determine the form |
<FORM ACTION = "URL" METHOD = GET | POST> </ FORM> |
||
N2.0 |
Sending a file |
<FORM ENCTYPE = "multipart / form-data"> </ FORM> |
|
Entry field |
<INPUT TYPE = "TEXT | PASSWORD | CHECKBOX | RADIO | IMAGE | HIDDEN | SUBMIT | RESET"> |
||
Field name |
<INPUT NAME = "***"> |
||
Field Value |
<INPUT VALUE = "***"> |
||
Was it noted? |
<INPUT CHECKED> |
(Checkboxes and radio boxes) |
|
Field size |
<INPUT SIZE =?> |
(In characters) |
|
Maximum length |
<INPUT MAXLENGTH =?> |
(In characters) |
|
List of options |
<SELECT> </ SELECT> |
||
List Name |
<SELECT NAME = "***"> </ SELECT> |
||
Number of options |
<SELECT SIZE =?> </ SELECT> |
||
Multiple choice |
<SELECT MULTIPLE> |
(You can select more than one) |
|
Option |
<OPTION> |
(An element that can be selected) |
|
Default option |
<OPTION SELECTED> |
||
Enter text, size |
<TEXTAREA ROWS =? COLS =?> </ TEXTAREA> |
||
Name of the text |
<TEXTAREA NAME = "***"> </ TEXTAREA> |
||
N2.0 |
Stake on lines |
<TEXTAREA WRAP = OFF | VIRTUAL | PHYSICAL> </ TEXTAREA> |
Tables | |||
---|---|---|---|
Define the table |
<TABLE> </ TABLE> |
||
Edge of the table |
<Table border =?> </ TABLE> |
||
Distance between cells |
<TABLE CELLSPACING =?> |
||
Addition of cells |
<TABLE CELLPADDING =?> |
||
Desired width |
<TABLE WIDTH =?> |
(In points) |
|
Width in percent |
<TABLE WIDTH = "%"> |
(Percent of the page width) |
|
Table row |
<TR> </ TR> |
||
Alignment |
<TR ALIGN = LEFT | RIGHT | CENTER | MIDDLE | BOTTOM> |
||
Table cell |
<TD> </ TD> |
(Must be inside the string) |
|
Alignment |
<TD ALIGN = LEFT | RIGHT | CENTER | MIDDLE | BOTTOM> |
||
No line feed |
<TD NOWRAP> |
||
Stretching on a column |
<TD COLSPAN =?> |
||
Stretching on a line |
<TD ROWSPAN =?> |
||
N1.1 |
Desired width |
<TD WIDTH =?> |
(In points) |
N1.1 |
Width in percent |
<TD WIDTH = "%"> |
(Percent of the page width) |
N3.0b |
Cell color |
<TD BGCOLOR = "# $$$$$$"> |
|
Table title |
<TH> </ TH> |
(Like data, but boldface and alignment) |
|
Alignment |
<TH ALIGN = LEFT | RIGHT | CENTER | MIDDLE | BOTTOM> |
||
No line feed |
<TH NOWRAP> |
||
Stretching on a column |
<TH COLSPAN = ??> |
||
Stretching on a line |
<TH ROWSPAN =?> |
||
N1.1 |
Desired width |
<TH WIDTH =?> |
(In points) |
N1.1 |
Width in percent |
<TH WIDTH = "%"> |
(Percent of the width of the table) |
N3.0b |
Cell color |
<TH BGCOLOR = "# $$$$$$"> |
|
Table name |
<CAPTION> </ CAPTION> |
||
Alignment |
<CAPTION ALIGN = TOP | BOTTOM> |
(Top / bottom of the table) |
FRAMES | |||
---|---|---|---|
N2.0 |
Document with frames |
<FRAMESET> </ FRAMESET> |
(Instead of <BODY> ) |
N2.0 |
Row Height |
<FRAMESET ROWS = ,,,> </ FRAMESET> |
(Points or%) |
N2.0 |
Row Height |
<FRAMESET ROWS = *> </ FRAMESET> |
(* = Relative size) |
N2.0 |
Column Width |
<FRAMESET COLS = ,,,> </ FRAMESET> |
(Points or%) |
N2.0 |
Column Width |
<FRAMESET COLS = *> </ FRAMESET> |
(* = Relative size) |
N3.0b |
Width of fringing |
<FRAMESET BORDER =?> |
|
N3.0b |
Edging |
<FRAMESET FRAMEBORDER = "yes | no"> |
|
N3.0b |
Bezel color |
<FRAMESET BORDERCOLOR = "# $$$$$$"> |
|
N2.0 |
Define the frame |
<FRAME> |
(Content of a separate frame) |
N2.0 |
Document |
<FRAME SRC = "URL"> |
|
N2.0 |
Frame name |
<FRAME NAME = "***" | _blank | _self | _parent | _top> |
|
N2.0 |
Border width |
<FRAME MARGINWIDTH =?> |
(Right and left borders) |
N2.0 |
Border height |
<FRAME MARGINHEIGHT =?> |
(Upper and lower bounds) |
N2.0 |
Scrolling? |
<FRAME SCROLLING = "YES | NO | AUTO"> |
|
N2.0 |
Constant size |
<FRAME NORESIZE> |
|
N3.0b |
Edging |
<FRAME FRAMEBORDER = "yes | no"> |
|
N3.0b |
Bezel color |
<FRAME BORDERCOLOR = "# $$$$$$"> |
|
N2.0 |
Content without frames |
<NOFRAMES> </ NOFRAMES> |
(For viewers that do not support frames) |
LANGUAGE JAVA | |||
---|---|---|---|
Applet |
<APPLET> </ APPLET> |
||
Applet - the name of the file |
<APPLET CODE = "***"> |
||
Options |
<APPLET PARAM NAME = "***"> |
||
Applet - address |
<APPLET CODEBASE = "URL"> |
||
Applet - name |
<APPLET NAME = "***"> |
(For links from other parts of the page) |
|
Alternative text |
<APPLET ALT = "***"> |
(For programs that do not support Java) |
|
Alignment |
<APPLET ALIGN = "LEFT | RIGHT | CENTER"> |
||
Dimensions |
<APPLET WIDTH =? HEIGHT =?> |
(In points) |
|
Indenting |
<APPLET HSPACE =? VSPACE =?> |
(In points) |
OTHER | |||
---|---|---|---|
A comment |
<! - *** -> |
(Ignored by the viewer) |
|
HTML Prolog 3.2 |
<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 3.2 // EN"> |
||
Search |
<ISINDEX> |
(Means the starting point of the search) |
|
Invitation |
<ISINDEX PROMPT = "***"> |
(The text of the prompt for the input field) |
|
Start the search |
<A HREF="URL?***"> </a> |
(Use really a question mark) |
|
URL of this file |
<BASE HREF = "URL"> |
(Should be in the header) |
|
N2.0 |
Name of the base window |
<BASE TARGET = "***"> |
(Should be in the header) |
Attitude |
<LINK REV = "***" REL = "***" HREF = "URL"> |
(Should be in the header) |
|
Metainformation |
<META> |
(Should be in the header) |
|
Styles |
<STYLE> </ STYLE> |
(Often not supported) |
|
Program |
<SCRIPT> </ SCRIPT> |
(Often not supported) |
Comments
Commenting on, remember that the content and tone of your message can hurt the feelings of real people, show respect and tolerance to your interlocutors even if you do not share their opinion, your behavior in the conditions of freedom of expression and anonymity provided by the Internet, changes Not only virtual, but also the real world. All comments are hidden from the index, spam is controlled.