Home
De ce un curs de web?
Introducere in HTML
Primul HTML
Editoare HTML
Tagurile HTML
Elementele de baza Formatarea
Grafica
Legaturi
Caractere
speciale
Preformatarea
Tabele
Frame-uri
Java script, Java applets
Servere de web
Design de web
Dezvoltare de web
Proiecte
Evaluare
Resurse
Tagurile HTML 2
- elemente de baza
- structural definition
- presentation formatting
- links and graphics
- dividers
- lists
- backgrounds and colors
- special characters
- forms
- tables
- frames
- java
- miscellaneous
|
LINKS AND GRAPHICS |
|||
|---|---|---|---|
|
|
Link Something |
<A HREF="URL"></A> |
|
|
|
Link to Target |
<A HREF="URL#***"></A> |
(if in another document) |
|
<A HREF="#***"></A> |
(if in current document) |
||
|
N2.0 |
Target Window |
<A HREF="URL" TARGET="***| |_blank|_self|_parent|_top"></A> |
|
|
|
Define Target in Document |
<A NAME="***"></A> |
|
|
|
Relationship |
<A REL="***"></A> |
(not widely implemented) |
|
|
Reverse Relationship |
<A REV="***"></A> |
(not widely implemented) |
|
|
Display Image |
<IMG SRC="URL"> |
|
|
|
Alignment |
<IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT> |
|
|
N1.0 |
Alignment |
<IMG SRC="URL" ALIGN=TEXTTOP| ABSMIDDLE|BASELINE|ABSBOTTOM> |
|
|
|
Alternate |
<IMG SRC="URL" ALT="***"> |
(if image not displayed) |
|
|
Imagemap |
<IMG SRC="URL" ISMAP> |
(requires a script) |
|
|
Client-Side Imagemap |
<IMG SRC="URL" USEMAP="URL"> |
|
|
|
Map Description |
<MAP NAME="***"></MAP> |
|
|
|
Map Sections |
<AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF> |
|
|
|
Dimensions |
<IMG SRC="URL" WIDTH=? HEIGHT=?> |
(in pixels) |
|
|
Border |
<IMG SRC="URL" BORDER=?> |
(in pixels) |
|
|
Runaround Space |
<IMG SRC="URL" HSPACE=? VSPACE=?> |
(in pixels) |
|
N1.0 |
Low-Res Proxy |
<IMG SRC="URL" LOWSRC="URL"> |
|
|
N1.1 |
Client Pull |
<META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL"> |
|
|
N2.0 |
Embed Object |
<EMBED SRC="URL"> |
(insert object into page) |
|
N2.0 |
Object Size |
<EMBED SRC="URL" WIDTH=? HEIGHT=?> |
|
|
BACKGROUNDS AND COLORS |
|||
|---|---|---|---|
|
|
Tiled Bkground |
<BODY BACKGROUND="URL"> |
|
|
|
Bkground Color |
<BODY BGCOLOR="#$$$$$$"> [*] |
(order is red/green/blue) |
|
|
Text Color |
<BODY TEXT="#$$$$$$"> [*] |
|
|
|
Link Color |
<BODY LINK="#$$$$$$"> [*] |
|
|
|
Visited Link |
<BODY VLINK="#$$$$$$"> [*] |
|
|
|
Active Link |
<BODY ALINK="#$$$$$$"> [*] |
|
|
(More info at http://werbach.com/web/wwwhelp.html#color) |
|||
|
SPECIAL CHARACTERS (these must all be in lower case) |
|||
|---|---|---|---|
|
|
Special Character |
&#?; |
(where ? is the ISO 8859-1 code) |
|
|
< |
< |
|
|
|
> |
> |
|
|
|
& |
& |
|
|
|
" |
" |
|
|
|
Registered TM |
® |
|
|
|
Copyright |
© |
|
|
|
Non-Breaking Space |
|
|
|
(Complete list at http://www.uni-passau.de/%7Eramsch/iso8859-1.html) |
|||
|
FORMS |
|||
|---|---|---|---|
|
|
Define Form |
<FORM ACTION="URL" METHOD=GET|POST></FORM> |
|
|
N2.0 |
File Upload |
<FORM ENCTYPE="multipart/form-data"></FORM> |
|
|
|
Input Field |
<INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO| IMAGE|HIDDEN|SUBMIT|RESET"> |
|
|
|
Field Name |
<INPUT NAME="***"> |
|
|
|
Field Value |
<INPUT VALUE="***"> |
|
|
|
Checked? |
<INPUT CHECKED> |
(checkboxes and radio boxes) |
|
|
Field Size |
<INPUT SIZE=?> |
(in characters) |
|
|
Max Length |
<INPUT MAXLENGTH=?> |
(in characters) |
|
|
Selection List |
<SELECT></SELECT> |
|
|
|
Name of List |
<SELECT NAME="***"></SELECT> |
|
|
|
# of Options |
<SELECT SIZE=?></SELECT> |
|
|
|
Multiple Choice |
<SELECT MULTIPLE> |
(can select more than one) |
|
|
Option |
<OPTION> |
(items that can be selected) |
|
|
Default Option |
<OPTION SELECTED> |
|
|
|
Input Box Size |
<TEXTAREA ROWS=? COLS=?></TEXTAREA> |
|
|
|
Name of Box |
<TEXTAREA NAME="***"></TEXTAREA> |
|
|
N2.0 |
Wrap Text |
<TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA> |
|
|
TABLES |
|||
|---|---|---|---|
|
|
Define Table |
<TABLE></TABLE> [*] |
|
|
|
Table Border |
<table border=?></TABLE> |
|
|
|
Cell Spacing |
<TABLE CELLSPACING=?> |
|
|
|
Cell Padding |
<TABLE CELLPADDING=?> |
|
|
|
Desired Width |
<TABLE WIDTH=?> |
(in pixels) |
|
|
Width Percent |
<TABLE WIDTH="%"> |
(percentage of page) |
|
|
Table Row |
<TR></TR> |
|
|
|
Alignment |
<TR ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM> |
|
|
|
Table Cell |
<TD></TD> |
(must appear within table rows) |
|
|
Alignment |
<TD ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM> |
|
|
|
No linebreaks |
<TD NOWRAP> |
|
|
|
Columns to Span |
<TD COLSPAN=?> |
|
|
|
Rows to Span |
<TD ROWSPAN=?> |
|
|
N1.1 |
Desired Width |
<TD WIDTH=?> |
(in pixels) |
|
N1.1 |
Width Percent |
<TD WIDTH="%"> |
(percentage of table) |
|
N3.0b |
Cell Color |
<TD BGCOLOR="#$$$$$$"> |
|
|
|
Table Header |
<TH></TH> |
(same as data, except bold centered) |
|
|
Alignment |
<TH ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM> |
|
|
|
No Linebreaks |
<TH NOWRAP> |
|
|
|
Columns to Span |
<TH COLSPAN=?> |
|
|
|
Rows to Span |
<TH ROWSPAN=?> |
|
|
N1.1 |
Desired Width |
<TH WIDTH=?> |
(in pixels) |
|
N1.1 |
Width Percent |
<TH WIDTH="%"> |
(percentage of table) |
|
N3.0b |
Cell Color |
<TH BGCOLOR="#$$$$$$"> |
|
|
|
Table Caption |
<CAPTION></CAPTION> |
|
|
|
Alignment |
<CAPTION ALIGN=TOP|BOTTOM> |
(above/below table) |
|
FRAMES |
|||
|---|---|---|---|
|
N2.0 |
Frame Document |
<FRAMESET></FRAMESET> |
(instead of <BODY>) |
|
N2.0 |
Row Heights |
<FRAMESET ROWS=,,,></FRAMESET> |
(pixels or %) |
|
N2.0 |
Row Heights |
<FRAMESET ROWS=*></FRAMESET> |
(* = relative size) |
|
N2.0 |
Column Widths |
<FRAMESET COLS=,,,></FRAMESET> |
(pixels or %) |
|
N2.0 |
Column Widths |
<FRAMESET COLS=*></FRAMESET> |
(* = relative size) |
|
N3.0b |
Border Width |
<FRAMESET BORDER=?> |
|
|
N3.0b |
Borders |
<FRAMESET FRAMEBORDER="yes|no"> |
|
|
N3.0b |
Border Color |
<FRAMESET BORDERCOLOR="#$$$$$$"> |
|
|
N2.0 |
Define Frame |
<FRAME> |
(contents of an individual frame) |
|
N2.0 |
Display Document |
<FRAME SRC="URL"> |
|
|
N2.0 |
Frame Name |
<FRAME NAME="***"|_blank|_self| _parent|_top> |
|
|
N2.0 |
Margin Width |
<FRAME MARGINWIDTH=?> |
(left and right margins) |
|
N2.0 |
Margin Height |
<FRAME MARGINHEIGHT=?> |
(top and bottom margins) |
|
N2.0 |
Scrollbar? |
<FRAME SCROLLING="YES|NO|AUTO"> |
|
|
N2.0 |
Not Resizable |
<FRAME NORESIZE> |
|
|
N3.0b |
Borders |
<FRAME FRAMEBORDER="yes|no"> |
|
|
N3.0b |
Border Color |
<FRAME BORDERCOLOR="#$$$$$$"> |
|
|
N2.0 |
Unframed Content |
<NOFRAMES></NOFRAMES> |
(for non-frames browsers) |
|
JAVA |
|||
|---|---|---|---|
|
|
Applet |
<APPLET></APPLET> |
|
|
|
Applet File Name |
<APPLET CODE="***"> |
|
|
|
Parameters |
<APPLET PARAM NAME="***"> |
|
|
|
Applet Location |
<APPLET CODEBASE="URL"> |
|
|
|
Applet Identifier |
<APPLET NAME="***"> |
(for references elsewhere in the page) |
|
|
Alternative Text |
<APPLET ALT="***"> |
(for non-Java browsers) |
|
|
Alignment |
<APPLET ALIGN="LEFT|RIGHT|CENTER"> |
|
|
|
Size |
<APPLET WIDTH=? HEIGHT=?> |
(in pixels) |
|
|
Spacing |
<APPLET HSPACE=? VSPACE=?> |
(in pixels) |