Beruflich Dokumente
Kultur Dokumente
Next, you need to create at least two separate HTML pages - an HTML page with your full-size image, and a page with your thumbnail
image(s).
For example, the image below is a thumbnail JPEG image of "Polly The Parrot" and is displayed using the HTML code:
<IMG SRC="bird.jpg" Width="164" Height="110" Alt="Bird Thumbnail" Border="0">
A link to display the full image is added with the HTML code below:
<A HREF="reduce-down-nails2.htm"><IMG SRC="bird.jpg" Width="164" Height="110" Alt="Bird Thumbnail" Border="0"></a>
How to...Upload your pages...to the Web
http://www.pagetutor.com/upload/index.html
<!-- comment <!--This can be viewed in the HTML part of a document--> Nothing will show (Tip)
<A - anchor <A HREF="http://www.yourdomain.com/">Visit Our Site</A> Visit Our Site (Tip)
body of
<BODY> HTML <BODY>The content of your HTML page</BODY> Contents of your web page (Tip)
document
<CENTER> center <CENTER>This will center your contents</CENTER> This will center your contents
<DL>
Definition Term
<DT>Definition Term
definition <DD>Definition of the term Definition of the term
<DD>
description <DT>Definition Term Definition Term
<DD>Definition of the term
Definition of the term
</DL>
<DL>
Definition Term
<DT>Definition Term
definition <DD>Definition of the term Definition of the term
<DL>
list <DT>Definition Term Definition Term
<DD>Definition of the term
Definition of the term
</DL>
<DL>
Definition Term
<DT>Definition Term
definition <DD>Definition of the term Definition of the term
<DT>
term <DT>Definition Term Definition Term
<DD>Definition of the term
Definition of the term
</DL>
heading of
<HEAD> HTML <HEAD>Contains elements describing the document</HEAD> Nothing will show
document
Example 1:
Example 1: (Tip)
<FORM METHOD=post ACTION="/cgi-bin/example.cgi">
<INPUT> input field
<INPUT type="text" size="10" maxlength="30">
Submit
<INPUT type="Submit" VALUE="Submit">
</FORM>
Example 3:
Example 5:
Example 6: (Tip)
Example 6:
Select an option:
<FORM METHOD=post ACTION="/cgi-bin/example.cgi">
Select an option:<BR> Option 1
<INPUT type="radio" name="option"> Option 1
<INPUT type="radio" name="option" CHECKED> Option 2 Option 2
<INPUT type="radio" name="option"> Option 3
<BR> Option 3
<INPUT> input field
<BR>
Select an option:<BR> Select an option:
<INPUT type="checkbox" name="selection"> Selection 1 Selection 1
<INPUT type="checkbox" name="selection" CHECKED>
Selection 2 Selection 2
<INPUT type="checkbox" name="selection"> Selection 3
<INPUT type="Submit" VALUE="Submit"> Selection 3
</FORM> Submit
Example 2: Example 2:
i. List item 1
<OL type="i"> ii. List item 2
<LI>List item 1
<LI>List item 2 iii. List item 3
<LI>List item 3 iv. List item 4
<LI>List item 4
</OL>
<MARQUEE>
scrolling <MARQUEE bgcolor="#CCCCCC" loop="-1" scrollamount="2"
(Internet (Tip)
text width="100%">Example Marquee</MARQUEE>
Explorer)
<MENU>
<LI type="disc">List item 1 List item 1
<MENU> menu <LI type="circle">List item 2 o List item 2
<LI type="square">List item 3
List item 3
</MENU>
<META HTTP-EQUIV="Refresh"
<META> meta Nothing will show (Tip)
CONTENT="4;URL=http://www.yourdomain.com/">
<P> paragraph This is an example displaying the use of the paragraph tag. This is an example displaying the
<P> This will create a line break and a space between lines. use of the paragraph tag.
This will create a line break and a
Attributes:
Example 1:<BR> space between lines.
<BR>
<P align="left"> Attributes:
This is an example<BR>
displaying the use<BR> Example 1:
of the paragraph tag.<BR>
<BR> This is an example
Example 2:<BR> displaying the use
<BR> of the paragraph tag.
<P align="right"> Example 2:
This is an example<BR>
displaying the use<BR> This is an example
of the paragraph tag.<BR> displaying the use
<BR> of the paragraph tag.
Example 3:<BR> Example 3:
<BR>
<P align="center"> This is an example
This is an example<BR> displaying the use
displaying the use<BR> of the paragraph tag.
of the paragraph tag.
strong
<STRONG> <STRONG>Example</STRONG> Example
emphasis
Example 1:
<DIV align="center"><TABLE>
<TR>
<TH>Column 1</TH>
<TH>Column 2</TH>
<TH>Column 3</TH>
</TR>
<TR>
<TD>Row 2</TD>
<TD>Row 2</TD> Column 1 Column 2 Column 3
<TD>Row 2</TD>
</TR> Row 2 Row 2 Row 2
table
<TH> <TR> Row 3 Row 3 Row 3
header
<TD>Row 3</TD> Row 4 Row 4 Row 4
<TD>Row 3</TD>
<TD>Row 3</TD>
</TR>
<TR>
<TD>Row 4</TD>
<TD>Row 4</TD>
<TD>Row 4</TD>
</TR>
</TABLE>
</DIV>
Example 1:<BR>
<BR>
<UL> Example 1:
<LI>List item 1 List item 1
<LI>List item 2
</UL> List item 2
<BR>
unordered Example 2:<BR> Example 2:
<UL>
list <UL type="disc">
<LI>List item 1 List item 1
<LI>List item 2 List item 2
<UL type="circle"> o List item 3
<LI>List item 3
<LI>List item 4 o List item 4
</UL>
</UL>