Ukázka HTML dokumentu s jednoduchými komentáři
<!doctype html public "-//IETF//DTD HTML 3.0//EN">
<HTML>
<HEAD><!-- Tomuto místu se říká hlavička dokumentu -->
<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#0000FF" VLINK="#FF0080" ALINK="#000000" BACKGROUND=pozadi.gif>
<!-- Predchozi radky umoznuji nastaveni vlastniho pozadi -->
<TITLE>Titulek slouzici jako mozna zalozka</TITLE>
</HEAD>
</BODY>
<!-- A tady zacina vlastni telo dokumentu-->
<CENTER>
<A NAME="Zacatek"></A><!-- Tady je ukotveni pro skok na zacatek stranky -->
<h1><B><EM>Hlavni nadpis dokumentu</EM></B></h1>
<HR ALIGN=center><!-- tady je centrovana horizontalni linka-->
Tak tady je ukazka nejakeho centrovaneho textu, ktery neni formatovan dle odstavcu, ani nema pevne ukonceny radky a prohlizec jej zobrazi podle sirky okna
<BR><!-- Nasleduji odkazy na dalsi casti dokumentu -->
<A HREF="#odkaz na prvni cast stranky"><IMG border="0" SRC="gifs/odkaz1.gif" ALT="1.odkaz"></A><BR>
<A HREF="#odkaz na druhou cast stranky "><IMG border="0" SRC="gifs/odkaz2.gif" ALT="2.odkaz"></A><BR>
<A HREF="#odkaz na treti cast stranky "><IMG border="0" SRC="gifs/odkaz3.gif" ALT="3.odkaz"></A><BR>
<!-- parametr border=0 vypina ram kolem obrazku, ktery slouzi jako odkaz-->
</CENTER>
<HR ALIGN=center><!-- tady je centrovana horizontalni linka-->
<A NAME=" ukotveni prvni casti stranky "></A>
<H1><STRONG><EM> prvni cast stranky</EM></STRONG></H1>
<UL><!-- Tady je ukazka 1. typu seznamu -->
<LH></LH>
<LI><STRONG> Zvyrazneny text </STRONG> prvni polozka seznamu ...
<LI><STRONG> Zvyrazneny text </STRONG> druha polozka seznamu...
<LI><STRONG> Zvyrazneny text </STRONG> treti polozka seznamu...
<LI><STRONG> Zvyrazneny text </STRONG> ctvrta polozka seznamu...
<LI><STRONG> Zvyrazneny text </STRONG> pata polozka seznamu...
<LI><STRONG> Zvyrazneny text </STRONG> sesta polozka seznamu...
</UL>
<CENTER><A HREF="#Zacatek"><IMG SRC="home.gif"></A></CENTER>
<A NAME="ukotveni druhe casti stranky "></A>
<P><H1><STRONG><EM>druha cast stranky</EM></STRONG></H1>
<HR ALIGN=center>
<IMG SRC="odrazka.gif"> <STRONG> Zvyrazneny text </STRONG>1.radek
<BR><IMG SRC=" odrazka.gif"><STRONG> Zvyrazneny text </STRONG>2.radek
<BR><IMG SRC=" odrazka.gif"> <STRONG> Zvyrazneny text </STRONG>3.radek
<BR><P>
<CENTER><A HREF="#Zacatek"><IMG SRC="home.gif"></A></CENTER>
<A NAME=" ukotveni treti casti stranky "></A>
<P><H1><STRONG><EM>treti cast stranky</EM></STRONG></H1>
<HR ALIGN=center><!-- tady je centrovana horizontalni linka-->
<CENTER><!-- A na zaver tabulka s obrazky slouzicimi jako odkazy -->
<TABLE COLSPEC="L20 L20" WIDTH=300 HEIGHT=100>
<!-- Parametry WIDTH a HEIGHT urcuji pevne vysku a sirku radku, a pri uzkem okne nemusi byt tabulka zobrazena cela, proto pouzivejte radeji procentualni zapis -->
<TR>
<TD><A HREF="#Zacatek"><IMG SRC="home.gif"></A></TD>
<TD><A HREF="welcome.htm"><IMG SRC="main.gif"></A></TD>
</TR>
</TABLE></CENTER>
</BODY>
</HTML>
V následující ukázce budeme pracovat se třemi základními dokumenty, které tvoří integrální celek, který je zobrazen na následujícím obrázku. Za ním následují výpisy jednotlivých dokumentů:
mpeswel.htm - hlavní dokument, definující dva rámce pro další dokumenty vědecké konference.
chairmen.htm - seznam osob připravujících konferenci včetně odskoků na jejich stránky, které se otevírají do jiného prohlížeče.
mpes.htm - veškeré údaje konference, sestaveny do několika tabulek, číslovaných seznamů apod. Na konci dokumentu je formulář pro přihlášení na konferenci s několika typy objektů. Jeho obsah je zasílán na server Webcom, který formulář zpracuje a zašle jeho obsah elektronickou poštou na udanou adresu. Na závěr textu je umístěn krátký Java Script, tedy program pro určení, kolik dnů zbývá do začátku konference a kolik dnů uplynulo od poslední aktualizace dokumentu. Popis tohoto programu není dále rozebírán. Tvorba Java Scriptů není obsahem této příručky.
Obr. 1. Browser s dokumenty vědecké konference
<HTML>
<HEAD>
<TITLE>SIXTH INTERNATIONAL SYMPOSIUM ON MINE PLANNING AND EQIPMENT SELECTION</TITLE>
</HEAD>
<FRAMESET COLS="30%,70%">
<FRAME SRC="chairmen.htm" NAME="chairmen"
MARGINHEIGHT=0
MARGINWIDTH=0
SCROLLING = "yes"
NORESIZE>
<FRAME SRC="mpes.htm" NAME="text">
</FRAMESET>
<NOFRAMES>
<h1>Welcome in SIXTH INTERNATIONAL SYMPOSIUM ON MINE PLANNING AND EQIPMENT SELECTION</H1>
You need Netscape 2.0 (or newer version) to see this screen.<br>
Click <a href="http://www.netscape.com/">here</a> to download Netscape.<br>
</NOFRAMES>
</HTML>
<HTML>
<HEAD>
<TITLE>Symposium Chair</TITLE>
<meta name="Author" content="Radim Farana">
<meta name="GENERATOR" content="Mozilla/2.0GoldB1 (Win32)">
</HEAD>
<BODY>
<P><B>SYMPOSIUM CHAIR</B></P>
<A HREF="http://www.vsb.cz/FAKULTY/HGF/ASR/asr.html" TARGET="vedlejsi">
Prof. Vladimir Strakos</A><br>
<A HREF="http://www.vsb.cz/FAKULTY/HGF/index_hgf_eng.html" TARGET="vedlejsi">
Prof. Ctirad Schejbal</A><br>
Dr. Vladimir Kebo<br>
<hr>
<P><B>NATIONAL ORGANIZING COMMITTEE</B></P>
Prof.Jindrich Ciganek<br>
<A HREF="http://www.vsb.cz/~far10" TARGET="vedlejsi">Dr.Radim Farana</A><br>
Dr.Vlastimil Hudecek<br>
Ing.Radmila Jelinkova<br>
Doc. Vladimir Petros<br>
Doc.Pavel Prokop<br>
<A HREF="http://www.vsb.cz/~kac35" TARGET="vedlejsi">Dr.Lubomir Smutny</A><br>
<hr>
<P><B>INTERNATIONAL ORGANIZING COMMITTEE</B></P>
Dr.Newton Amegbey<br>
Dr.Sukumar Bandopadhyay<br>
Prof.Surek Borgia<br>
Dr.Robin Chowdhury<br>
Prof.Raimondo Ciccu<br>
Dr.Enge Deák<br>
Prof.T.S.Golosinski<br>
Prof.C.Dinis da Gama<br>
Prof.Michel Duchene<br>
Dr.J.S.Ewards<br>
Prof.Salim F.Estefan<br>
Dr.Andy Fourie<br>
Dr.Uta Geriach-Laxner<br>
Dr.Donald H.Graves<br>
Dr.John Hadjigeorgiou<br>
Prof.Martin Haigh<br>
Dr.Didier Hantz<br>
Prof.Wildor T.Hennies<br>
Dr.Hillary I.Inyang<br>
Dr.Uday Kumar<br>
Prof.Per-Arne Linquist<br>
Prof.Pier Paolo Manca<br>
Prof.Raimo Matikainen<br>
Dr.Juan Zuleta Mondaca<br>
Ms.Maria Morelli<br>
Prof.Pedro Ramiez Oyanguren<br>
Dr.George N.Panagiotou<br>
Prof.A.Guenhan Pasamehmetogiu<br>
Prof.Gennadiy G.Pivnyak<br>
Prof.L.Puchkov<br>
Prof.S.Sakurai<br>
Prof.C.T.Shaw<br>
Mr.B.P.Singh<br>
Dr.Raj.K.Singhal<br>
Dr.Thomson Sinkala<br>
Prof.Ctirad Schejbal<br>
Prof.Vladimir Strakos<br>
Dr.John R.Sturgul<br>
Dr.Masuyuki Ujihira<br>
Eng.Tsolo Voutov<br>
Prof.F.L.Wike<br>
Prof.Yun Qing Xia<br>
Ms.Olga Zakrzewska<br>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE>MPES 1996</TITLE>
<meta name="Author" content="Radim Farana">
<meta name="GENERATOR" content="Mozilla/2.0GoldB1 (Win32)">
</HEAD>
<BODY>
<A NAME="RFObsah">
<H1>SIXTH INTERNATIONAL SYMPOSIUM ON MINE PLANNING AND EQUIPMENT SELECTION</H1>
</A>
<P>September 3 - 9, 1997
<A href="http://www.vsb.cz/OSTRAVA/ostrava.html" TARGET="vedlejsi">Ostrava</A>
, Czech Republic
<div align=right><A href=mpescz.htm><IMG SRC="crflag.gif" ALT="Česká verze" border=2 height=33 width =52 align=bottom></A></P>
<div align=left>
<table border=2 cellspacing=10 cellpadding=5 >
<tr>
<td>Please send abstract to:</td>
<td>Contact for further information:</td>
</tr>
<tr>
<td><b><i>Prof.Vladimir Strakos</b></i><br>
VSB-TU Ostrava<br>
Ostrava.Poruba<br>
708 33, Czech Republic<br>
</td>
<td><b><i>Dr.Vladimir Kebo</b></i><br>
Phone: +42 69 699 3481<br>
Fax: +42 69 699 3213<br>
+42 69 691 8589<br>
E-mail:<a HREF="mailto:some.address@email.cz">some.address@email.cz</a>
</td>
</tr>
</table>
<hr>
<A NAME="RFObsah"><H2>Content</H2></A>
<UL TYPE=disc>
<LI><div align=left><p><A HREF="#RFNadpis">Top of the page<IMG SRC="zpet.gif"></A></p>
<LI><div align=left><p><A HREF="#RFObsah">Content</A></p>
<LI><div align=left><p><A HREF="#RFProgram">Symposium Program<IMG SRC="tam.gif"></A></p>
<LI><div align=left><p><A HREF="#RFCall">Call for papers<IMG SRC="tam.gif"></A></p>
<LI><div align=left><p><A HREF="#RFRegistr">Registration form<IMG SRC="tam.gif"></A></p>
</UL>
<hr>
<A NAME="RFProgram">
<H2>Symposium Program</H2></A>
<H3>Pre-Symposium Program</H3>
<UL TYPE=disc>
<LI><B>Sat.Aug. 30</B> Arrival at Prague, pre-registration, accommodation</P>
<LI><B>Sun.Aug. 31</B> The visit to "Golden" Prague</P>
</UL>
<H3>Pre-Symposium Excursion</H3>
<UL TYPE=disc>
<LI><B>Mon.Sept. 1</B> North West Bohemia, Most, Reclamations of open pit mines and the whole colliery</P>
<LI><B>Tues.Sept. 2</B> Historical mining town of Kutná Hora excursion to ZAT (Enterprice of Mining Automation Eqipment)<br>
<B>Arrival at Ostrava, VSB-TU</B>
</UL>
<H3>Symposium Program</H3>
<UL TYPE=disc>
<LI><B>Wed.-Fri.Sept. 3-5</B></P>
</UL>
<H3>Post-Symposium Program</H3>
<UL TYPE=disc>
<LI><B>Sat.Sept. 6</B> Excursion to one of underground mines in Ostrava</P>
<LI><B>Sun.Sept. 7</B> Departure for South Moravia, wine banquet</P>
<LI><B>Mon.Sept. 8</B> Departures:<br>
a) Vienna Schwechat Airport<br>
b) Austria - Germany Excursion</P>
<LI><B>Tues.-Sat.Sept. 9-16</B> Austria - Germany, visit to Vienna, (Voest Alpine) Zeltweg, Salzburg, Nuernberg, (Siemens) Erlangen, (Mining Museum) Bochum and Frankfurt Airport.
</UL>
<I>Note: Excursion will take place if the number of participants is greater than 20.</I>
<div align=center><p><A HREF="#RFObsah"><IMG SRC="zpet.gif" BORDER=1 ALIGN=bottom>Comeback to content</A></p>
<div align=left>
<hr>
<A NAME="RFCall">
<H2>Call for Papers</H2></A>
<H3>Symposium Topics:</H3>
<OL>
<LI>Mineral resources and economisc in mining
<LI>Planning of undergound and open pit mines
<LI>Technilogies of deposit exploitation
<LI>Mining geomechanics
<LI>Modern trends of mining technologies and mechanization
<LI>Management in the maintenance of workings, mining machines and equipment
<LI>Technology of driving, drilling and blasting
<LI>Monitoring and management of mining operations and technologies
<LI>Information and expert systems in mining
<LI>Mine surveying, geology and engineering geodesy
<LI>Mineral processing
<LI>Mining and environment
</OL>
<P><B>ABSTRACT</B> of 300 words, written <B><I>in English</I></B></P>
<H3>Important dates:</H3>
<table border=2 cellspacing=1 cellpadding=1 >
<tr>
<td>Deadline for Receipt of Abstract</td>
<td><I>November 30, 1996</I></td>
</tr>
<tr>
<td>Notification of Paper Acceptance</td>
<td><I>January 30, 1996</I></td>
</tr>
<tr>
<td>Deadline for Camera Ready Manuscript </td>
<td><I>March 30, 1997</I></td>
</tr>
</table>
<H3>Organized by:</H3>
<div Align=Right>
<P><B><I><A href="http://www.vsb.cz" Target="vedlejsi">VSB - Technical University of Ostrava,</A><br>
Faculty of Mining and Geology</I></B></P>
<div align=center>
<P><B>PRESENTATIONS OF FIRMS</B> PRODUCING SW PACKAGES FOR MINING AND RAW MATERIALS INDUSTRY <B>ARE INVITED</B>.<br>
CONTACT US, PLEASE.</P>
<div align=center><p><A HREF="#RFObsah"><IMG SRC="zpet.gif" BORDER=1 ALIGN=bottom>Comeback to content</A></p>
<div align=left>
<hr>
<A NAME="RFRegistr">
<H2>Registration form</H2></A>
<FORM METHOD=POST ACTION="http://www.webcom.com/cgi-bin/form">
<INPUT TYPE=hidden name=userid value=webcom></input>
<INPUT TYPE=hidden name=form_name value=testform></input>
<INPUT TYPE=hidden name=email value="some.address@email.cz"></input>
<INPUT TYPE=hidden name=email_subject value="Prihlaseni na konferenci MPES 97 z WWW stranky"></input>
<pre><b>My address:</b>
<br>Name: <INPUT NAME="jmeno" SIZE=30></INPUT>
<br>Surname: <INPUT NAME="prijmeni" SIZE=30></INPUT>
<br>Title: <INPUT NAME="tituly" SIZE=30></INPUT>
<br>Institution/Company:
<br> <INPUT NAME="zamest" SIZE=30></INPUT>
<br>Street: <INPUT NAME="adresa" SIZE=30></INPUT>
<br>Town: <INPUT NAME="mesto" SIZE=30></INPUT>
<br>State: <INPUT NAME="stat" SIZE=30></INPUT>
<br>Postal Code: <INPUT NAME="PSC" SIZE=30></INPUT>
<br>Email: <INPUT NAME="useremail" SIZE=30></INPUT>
<br>Fax: <INPUT NAME="userfax" SIZE=30></INPUT>
<br><INPUT TYPE="checkbox" NAME="Present paper" VALUE "Abstract"></input> I wish to present a paper
<br> in the symposium topic No
<br> <SELECT NAME="TopicNo" SIZE=5>
<OPTION VALUE="1" SELECTED>1 - Mineral resources ...
<OPTION VALUE="2">2 - Planning of undergound ...
<OPTION VALUE="3">3 - Technilogies of deposit exploitation
<OPTION VALUE="4">4 - Mining geomechanics
<OPTION VALUE="5">5 - Modern trends of mining ...
<OPTION VALUE="6">6 - Management in the maintenance ...
<OPTION VALUE="7">7 - Technology of driving, drilling and blasting
<OPTION VALUE="8">8 - Monitoring and management ...
<OPTION VALUE="9">9 - Information and expert systems in mining
<OPTION VALUE="10">10- Mine surveying, geology and engineering geodesy
<OPTION VALUE="11">11- Mineral processing
<OPTION VALUE="12">12- Mining and environment
</SELECT>
<br><INPUT TYPE="checkbox" NAME="Present product" VALUE "Product"></input> We wish to present the firm product
<br><INPUT TYPE="checkbox" NAME="Mailing list" VALUE "Mail"></input> Please put my name into your mailing list
<br> I wish to participate in the excursion:
<br> <INPUT TYPE="checkbox" NAME="Pre symposium" VALUE "PreSymposium"></input> pre symposium
<br> <INPUT TYPE="checkbox" NAME="Post symposium" VALUE "PostSymposium"></input> post symposium
<br>
<TEXTAREA
NAME="abstract"
ROWS="5"
COLS="50">
Type the abstract (300 words)
</TEXTAREA>
<br>
<p>For sending the abstract press: <INPUT TYPE="submit" VALUE="SEND!"></input>.</p>
<p>For deleting the form press: <INPUT TYPE="reset" VALUE="RESET"></input>.</p>
</pre>
</FORM>
<div align=center><p><A HREF="#RFObsah"><IMG SRC="zpet.gif" BORDER=1 ALIGN=bottom>Comeback to content</A></p>
<div align=left>
<hr>
<SCRIPT LANGUAGE="JavaScript">
<!-- to hide script contents from old browsers
document.writeln("<B>More information for the JavaScript users: </B><br>")
dnes=new Date()
dnes.setMinutes(0)
dnes.setHours(0)
dnes.setSeconds(0)
konec=new Date("September 3, 1997")
msden=24*60*60*1000;
dokonce=(konec.getTime()-dnes.getTime())/msden
dokonce=Math.round(dokonce);
document.writeln("Until the begin of conference is: "+dokonce+" days.<br>")
// datum poslední aktualizace dokumentu
datakt="September 25, 1996 12:00"
akt=new Date(datakt)
odakt=(dnes.getTime()-akt.getTime())/msden
odakt=Math.round(odakt)
var tisk = "Date of last modification: "+datakt+"<br>"
document.writeln(tisk)
document.writeln("From this date expire: "+odakt+" days. <br>")
// end hiding contents from old browsers -->
</SCRIPT>
<div align=center><p><A HREF="#RFObsah"><IMG SRC="zpet.gif" BORDER=1 ALIGN=bottom>Comeback to content</A></p>
<div align=left>
<HR WIDTH=100% ALIGN=center SIZE=2>
<p>© 1996, <a HREF="mailto:some.address@email.cz">Radim Farana</a> </p>
</BODY>
</HTML>