HTML alapok 1 Minimális HTML file: <TITLE> cím </TITLE>... Formátum parancsok: <I> dőlt szöveg </I> <B> félkövér </B> <U> aláhúzott </U> <BR> új sor <HR> vízszintes vonal <HR SIZE=4 WIDTH=50% ALIGN=left> <H1> első szintű (fő)cím </H1> <H2> második szintű cím </H2> <H3> </H3> <H4> </H4> <H5> </H5> <H6> </H6> <H2 ALIGN=center> középre igazított cím </H2> "left", "right" és "justify" is lehet center helyett <P ALIGN=right> jobbra igazított bekezdés </P> <FONT FACE="CenturionOld" SIZE=4><P>Ô û </P></FONT> <SUP>2</SUP> felső index <SUB>2</SUB> alsó index <DIR> bekezdés (indent) </DIR> <EM> kiemelés </EM> <STRONG> erős kiemelés </STRONG> <CITE> Idézet, gyakran dőlt </CITE> <TT> minden karakter azonos szélességű </TT> Listák: <OL> rendezett (ordered) lista <LI> lista elem </LI> <LI> lista elem </LI> </OL> <UL> rendezetlen (unordered) lista </UL> 1 Összeállította Fiala Tibor
Táblázatok: <CENTER><TABLE BORDER=5 CELLSPACING=3 CELLPADDING=2 WIDTH="50%" HEIGHT="50%" > <CAPTION><P><FONT SIZE=+2>Táblázat</FONT></P></CAPTION> <TD>A1</TD> <TD>B1</TD> <TD>A2</TD> <TD>B2</TD> </TABLE></CENTER> Kép beillesztése: <IMG SRC="labda.gif"> <IMG SRC="Laci.gif" ALIGN="Top" WIDTH="50" HEIGHT="50" ALT="helyette"> Háttér megadás: <BODY BACKGROUND="zaszlo1.gif" > <P> szöveg </P> vagy <BODY BGCOLOR="#E0FFFF"> stb Hiperlink: <A HREF="laci.html"> Nézzük Lacit! </A> <A NAME="irodalom"> Irodalomjegyzék </A> Könyvjelző (Bookmark) <A HREF="#irdodalom"> Lássuk az irodalomjegyzéket! </A> <A HREF="laci.gif"> Nézzük Laci képét! </A> <A HREF="http://www.banki.hu/laci.html"> Nézzük Lacit! </A> <A HREF="file:///C /web/gyak/laci.html"> Nézzük Lacit! </A> E-mail: <A HREF="mailto:der@zeus.banki.hu"> der@zeus.banki.hu </A> Képről és szövegről is ugrik: <A HREF="laci.html"> <IMG SRC="Laci.gif" ALIGN="Top" WIDTH="50" HEIGHT="50" ALT="helyette"> Nézzük Lacit! </A> File letöltés: <A HREF="ftp://ftp.pub.com/support/item1.zip">Kérem az item1.zip-et!</a> <A HREF="arj.exe">Kérem az ARJ.EXE t!</a> Megjegyzés-sor: <!-- Ezt a program átugorja. -->
Keretek készítése: ******************************************** 2 KERET <TITLE>2keret</TITLE> <FRAME SRC="nyit1.htm" NAME="bal" RESIZE SCROLLING="NO"> <FRAME SRC="nyit2.htm" NAME="jobb" SCROLLING="YES" BORDER="YES"> Akinek nics keretet olvaso bongeszoje, csak ennyit lát. ******************************************** 3 KERET <TITLE>3keret</TITLE> <FRAMESET ROWS="20%,80%"> <FRAME SRC="marvany.html" NAME="fent" NORESIZE> <FRAME SRC="nyit1.htm" NAME="bal" RESIZE SCROLLING="YES"> <FRAME SRC="nyit2.htm" NAME="jobb" SCROLLING="YES"> Csak ezt látja az, akinek nics keretet olvaso bongeszoje. ******************************************** 4 KERET <TITLE>4keret</TITLE> <FRAMESET ROWS="20%,80%"> <FRAMESET COLS="70%,30%"> <FRAME SRC="marvany.html" NAME="balfent" RESIZE> <FRAME SRC="gu.htm" NAME="jobbfent" RESIZE> <FRAME SRC="nyit1.htm" NAME="bal" RESIZE SCROLLING="YES"> <FRAME SRC="nyit2.htm" NAME="jobb" SCROLLING="YES"> Akinek nics keretet olvaso bongeszoje, csak ennyit lát
Cél-keret egy hiperlinkben: <A HREF="laci.html" TARGET="jobb"> Nézzük Lacit! </A> TARGET="_blank" TARGET="_self" TARGET="_parent" TARGET="_top" Cél-keret alapbeállítása a HEAD-en belül: <TITLE> cím </TITLE> <BASE TARGET="jobb"> Betűk: Á Á Á á á á É É É é é é Í Í Í í í í Ó Ó Ó ó ó ó Ő Ô Ô ő ô ô Ú Ú Ú ú ú ú Ű Û Û ű û û Ä Ä Ä ä ä ä < < < > > > " " " & & & Űrlapok: <FORM> Neve: <INPUT TYPE="TEXT" SIZE=25 MAXLENGTH="40" NAME="nev" VALUE="Tibi"> <BR> Jelszó: <INPUT TYPE="PASSWORD" SIZE=10 NAME="jelszo" > <BR> Véleménye: <TEXTAREA NAME="VELEMENY" ROWS="6" COLS="33"></TEXTAREA> Egyet választhat <SELECT NAME="hogyan" SIZE="3"> <OPTION> cukor nélkül <OPTION> egy cukorral <OPTION SELECTED> két cukorral <OPTION> Cappuccino </SELECT> Többet választhat <SELECT MULTIPLE NAME="mivel" SIZE="3"> <OPTION SELECTED> sajttal <OPTION> tejfellel <OPTION> ketchuppal <OPTION> sonkával </SELECT>
Többet választhat Sajttal <INPUT NAME="sajt" TYPE="CHECKBOX" > Tejfellel <INPUT NAME="tejfel" TYPE="CHECKBOX"> Ketchuppal <INPUT NAME="ketchup" TYPE="CHECKBOX"> Egyet választhat Forrón <INPUT TYPE="RADIO" NAME="hogy" VALUE="forro"> Hidegen <INPUT TYPE="RADIO" NAME="hogy" VALUE="hideg"> Elküldjük az űrlapot <INPUT TYPE="SUBMIT" VALUE="Rendben van, mehet!"> Induló állapot <INPUT TYPE="RESET"> <INPUT TYPE="IMAGE" NAME="kep" width="200" HEIGHT="130" SRC="osztrak.gif"> <BR> </FORM> Lehet még TYPE="HIDDEN". Űrlap táblázatban: <TITLE>Budapesti Főiskola</TITLE> <BODY BGCOLOR="#E0FFFF" > <FORM ACTION="der@zeus.banki.hu" ENCTYPE=text/plain> <TABLE CELLPADDING=17 WIDTH=638> <TD WIDTH="20%">Neve:</TD> <TD WIDTH="80%" ><INPUT TYPE="text" NAME="nev" size=60></td> <TD WIDTH="20%" >Munkahelye:</TD> <TD WIDTH="80%" ><INPUT TYPE="text" NAME="ceg" size=60></td> <TD WIDTH="20%" >Címe:</TD> <TD WIDTH="80%" ><INPUT TYPE="text" NAME="cim" size=60></td> <TD WIDTH="20%" >Jelentkezik?</TD> <TD WIDTH="80%" ><INPUT TYPE=SUBMIT size=40 value="igen, jelentkezem" ></TD> </TABLE> </FORM>