HyperText Markup Language (HTML) parancsai, formái



<HTML></HTML> HTML formátumu szöveg


*******HEADER : FEJLÉC:********

<HEAD></HEAD> HTML fejléce.

<BASE></BASE> Mindig a HEAD-ban!

<Base Href="http://www.mynetadress.com/~Jackie"></BASE>
HREF="HTTP://www.xxxxxxxx.xxx" <A HREF="xxx.html"></A>
link a
HTTP://www.xxxxxxxx.xxx/xxx.htm-re


<META NAME="author" CONTENT="name..."> készítô nevének megadása
<META HTTP-EQUIV="expires" CONTENT="20 Aug 2001"> lejárati idô
<META HTTP-EQUIV="Keyword" CONTENT="private,HTML, WEBPAGE"> Kulcsszó megadása
(Infoseek, Altavista keresôrobotai nézik meg)
<META HTTP-EQUIV="Reply-to" CONTENT="xxxx@xxxxx.xxx"> Válasz várás
<META NAME="description" CONTENT="rövid leírás"> leírás, megjelenik a címed
mellet, ha a keresôrobot rálel a
lapodra.

********BODY : HTML BODY*******

<BODY> HTML text, etc </BODY>
BGCOLOR = n Háttér szine
BACKGROUND = n Háttérkép megjelölése
TEXT = n szöveg alapszine
LINK = n Link szine általában
ALINK = n Aktív link szine
VLINK = n Látogaatott link szine
BGPROPERTIES : Mozdulatlan háttér
( a szöveg egy mozdulatlan háttér
elött fog scrollozódni, de a háttér
nem mozdul)
LEFTMARGIN = n Bal és jobb margó értéke
TOPMARGIN = n Felsô és alsó margó értéke


*******TEXT, FONT PROPERTIES: SZÖVEG, BETÜ TULAJDONSÅGAI********

TEXT : SZÖVEG

Physical:
<B> Bold </B> Vastag betü
<I> Italics </I> Dôlt betü
<TT> Truetype </TT> Irógépszerü betü
<U> Underline </U> Aláhúzott betü
<STRIKE> Strikeout </STRIKE> Åthúzott betü
<SUB> Subscript </SUB> Alulírt betü
<SUP> Superscript </SUP> Felülírt betü
<BIG> Bigger font </BIG> Nagyobb betü
<SMALL> Smaller font> </SMALL> Kisebb betü

Logical:
<EM> Emphasized text </EM> Fontos szöveg
<STRONG> Strongly
Emphasized text </STRONG> Nagyon fontos szöveg
<DFN> Definition of
a term </DFN> új fogalom definiciója
<CODE> Code fragment </CODE> Kódtöredék
<SAMP> Sample text </SAMP> Példaszöveg
<KBD> Keyboard input </KBD> Adatbevitel (bill-rôl)
<VAR> Variable </VAR> Változó
<CITE> Shortcitation </CITE> Kis idézet


*******EXTRAS : KÜLÖNLEGES********

<BLINK> text </BLINK> Villogó szöveg

<MARQUEE DIRECTION = RIGHT Futószöveg balról jobbra
LEFT Futószöveg jobbról balra
BEHAVIOR = SCROLL újra és újramegteszi
az utat
SLIDE Ingázás a két szél között
ALTRNATE Ålljon le a szélénél
> text </MARQUEE>



*******FONT: BETÜ********
<FONT>
SIZE : Font nagysága
COLOR : Font szine

<ADDRESS> text </ADDRESS> Valakinek a címe


*******LISTS : LISTAFAJTÅK*******

UNORDERED LIST: JELÖLETLEN LISTA

<UL>
TYPE: DISK : Teli kör
CIRCLE : Üres kör
SQUARE : Négyzet

<LI> List Item Lista elemek
<LI> List Item Lista elemek
<LI> List Item Lista elemek
</UL>


DIRECTORY LIST : KÖNYVTÅRSZERÜ LISTA
(max 20 karakter lehet egy lista elem, és 24 karakter széles oszlopokba lessz
felsorolva)
<DIR>
<LI>List Item Lista elemek
<LI>List Item Lista elemek
<LI>List Item Lista elemek
</DIR>

ORDERED LIST : JELÖLT LISTA

<OL>
TYPE=1 : 1,2,3,4.... default (alap rendezés)
TYPE=a : a,b,c,d... kis latin betük
TYPE=A : A,B,C,D.... nagy latin betük
TYPE=i : i,ii,iii,iv..... kis római betük
TYPE=I : I,II,III,IV... nagy romai betük
START=n : számozás kezdeti száma

<LI> List Item Lista elemek
<LI> List Item Lista elemek
<LI> List Item Lista elemek
</OL>

DEFINITION LIST : FOGALOMMEGHATÅROZÅSOS LISTA

<DL>
<DT>Definition term Fogalom
<DD> Definition Fogalom magyarázata
<DT>Definition term Fogalom
<DD> Definition Fogalom magyarázata
<DT>Definition term Fogalom
<DD> Definition Fogalom magyarázata
</DL>

*********ALIGNS : ELHELYEZKEDÉSI FORMÅK*********

PREDEFINED TEXT : ALAP TEXT FORMÅTUMA

<PRE> text </PRE> a <PRE></PRE> tagok közé bekerülô
szöveg megörzi paramétereit, a
WIDTH : A hasáb szélessége sortagolás ENTER-rel a tagolás
-mint eredetileg is- TAB-bal
történik. Nem lehet fontot váltani,
képet beilleszteni

<BLOCKQUOTE> text </BLOCKQUOTE> Középre helyezett blokk


<MULTICOL COLS=n> text </MULTICOL>
COLS = n Az oszlopok száma
GUTTER = n Az oszlopok közti távolság pixelekben
WIDTH = n A többhasábos szöveg szélessége pixelekben
v. %-ban.


<SPACER TYPE : HORIZONTAL Helykihagyás : Vízszintes
VERTICAL Függôleges
SIZE : n Kihagyás nagysága
>

<DIV ALIGN=X> text </DIV> Egy szöveg igazítása
X : CENTER Középre
LEFT Balra
RIGHT Jobbra

********LINKS: CSATOLÅSOK*********

<A HREF="HTTP://WWW.GOTHERE.COM"> az <A HREF="xxx"> </A> közé esô
This is a clickable text dolgokra ha ráklikkelünk, akkor
</A> elvezetnek arra a helyre ami a HREF
arra a helyre ami a HREF idézôjelei
közé van beírva.

Lehet :
<A HREF="HTTP://WWW.xxxxxxxx.xxx"></A> Egy másik lap a WEBen
HTTP:// Web page-hoz vezetô link
FTP:// FTP Site-hoz vezetô link
GOPHER:// GOPHER-es adatbázis
WAIS:// Wide Area Information Server
TELNET:// Idegen gép on-line használata
NEWS: Usenet hírcsoport
MAILTO: levélküldés valakinek


<A HREF="xxxxxxx.html"></A> Egy másik lap ugyanazon a
szerveren
<A HREF="xxxxxxx.gif"></A> Egy kép megnyitására irányuló
link (lehet GIF, JPEG,
BMP,TIFF... stb.)

<A HREF="collector\xxxxxxxxxx.html"></A> másik könyvtárban
<A HREF="..\xxxxxxxxx.html"></A> másik könyvtárban

<A HREF="#xxxxxxxxxx"></A> Magán a lapon belül
<A NAME="xxxxxxxxxx"> ide ugorj




<LINK REV="made" HREF="URL"> WEb page készitôjének a neve fog
kiderülni belôle, az URL általában
a hozzá vezetô mailto szokott lenni.

*********IMAGE ATTRIBUTES : KÉP TULAJDONSÅGAI***********

<IMG SRC="URL">
WIDTH : a kép szélessége
HEIGHT : a kép magassága
BORDER : a keret szélessége pixelekben
ALIGN : Kép igazitása a szöveghez !!!!
ALT : Rövid ismertetô, ha a
kép nincs megjelenítve
USEMAP : Elôre leírt map használata a képhez

***IMAGE MAPS : CSATOLÅSI TÉRKÉP*****

<MAP NAME="map1"> shapes </MAP> map-meghatározás

<MAP NAME="map1"> map neve : map1
<AREA SHAPE= RECT négyzet
CIRCLE kör
POLY poligon (sokszög)
DEFAULT alap kép a kijelölt részek
kivételével
COORDS=xxxx koordináták
(kivéve a DEFAULT-nál)
HREF="xxxxxxx"> link
<AREA> további image terület
<AREA> további image terület
<AREA> további image terület
<AREA> további image terület
</MAP>

<IMG SRC="xxxxxxx.gif" USEMAP="#map1"> betöltés : xxxxxxx.gif map1 térképpel


******BACKGROUND MUSIC : HÅTTÉRZENE******

<BGSOUND SRC=musicfile.wav >
LOOP = n Ismétlés száma vagy INFINITE

******TABLES : TÅBLÅZATOK******

<TABLE></TABLE> Table header Táblázat fejléce
BORDER : Táblázat keretének szélessége pixelekben
WIDTH : Táblázat szélessége %-okban
CELLSPACING : Helykihagyás a táblázatban lévô
szöveg és a táblázat kerete között
CELLPADDING : Helykihagyás a cellák között pixelekben
ALIGN : A táblázat elhelyezése

*CONTENTS OF THE TABLE : TÅBLÅZAT ELEMEI**

<CAPTION> text </CAPTION> A táblázat címe
<TH></TH> Táblázat fejléce
<TR></TR> Táblázatban szereplô sor
<TD></TD> Táblázatban szereplô adatok

<TABLE BORDER=2 WIDTH=100%>
<TR> <TH> HEADER1 </TH> <TH> HEADER2 </TH> </TR>
<TR> <TD> DATA1-1 </TD> <TD> DATA2-1 </TH> </TR>
<TR> <TD> DATA1-2 </TD> <TD> DATA1-2 </TD> </TR>
</TABLE>


<TD or TH
ALIGN = LEFT Horizontális igazitás : Balra
RIGHT Jobbra
CENTER Középre

VALIGN = TOP Vertikális igazitás : Felfelé
CENTER Középre
BOTTOM Lefelé

WIDTH = n Cella szélessége
HEIGTH = n Cella magassága
BGCOLOR = n Cella háttérszine
>

<TD
NOWRAP Meggátolja az új sor kezdését
COLSPAN = n A négyzet szélessége oszlopszámban
ROWSPAN = n A négyzet magassága sorszámban
>

********FRAMES : KERETEK******

Keretek elôre megírt HTML lapok felosztásához


<FRAMESET> Frame init </FRAMESET> A keret inicializálása, és
tulajdonságainak megadása.
ROWS = x% y% vertikális felosztás x% : y%
x% y vertikális felosztás x% : z pix
x y vertikális felosztás x pix : z pix
COLS = x% y% horizontális felosztás x% : y%
x% y horizontális felosztás x% : z pix
x y horizontális felosztás x pix : z pix

FRAMEBORDER = "YES / NO" Frame-nek legyen-e kerete
BORDER = n Frame keretének a szélessége pixelekben
BORDERCOLOR = n Frame keretének szine

<FRAME>
SRC = "prewr1.htm" Az elôre megírt HTML lap címe
NAME = "frame1" A keret neve
MARGINWIDTH = n Az bal és jobb margó
MARGINHEIGHT = n Az alsó és felsô margó
SCROLLING = "YES / NO / AUTO" Scrollbar : default : AUTO
NORESIZE A felhasználó nem változtathatja meg a keretek nagyságát
FRAMEBORDER = "YES / NO" Frame-nek legyen-e kerete
BORDERCOLOR = n Frame keretének szine
<NOFRAME> text </NOFRAME> Információ a frame-kezeléssel nem rendelkezô browserek számára


<HTML>
<HEAD>
<TITLE>Learning Frames</TITLE>
</HEAD>
<FRAMESET ROWS="15% 85%">
<FRAME SRC="upper.html" NAME="UPPER">
<FRAME SRC="lower.html" NAME="LOWER">
</FRAMESET>
</HTML>


<HTML>
<HEAD>
<TITLE>Learning Frames</TITLE>
</HEAD>
<FRAMESET ROWS="15% 85%">
<FRAME SRC="upper.html" NAME="UPPER">
<FRAMESET COLS="50% 50%">
<FRAME SRC="lowerleft.html" NAME="LOWERLEFT">
<FRAME SRC="lowerright.html" NAME="LOWERRIGHT">
</FRAMESET>
</FRAMESET>
</HTML>

<A HREF="gorilla.gif" TARGET="lowerright">
Click here to view gorilla.gif in the lower-right frame
</A>

TARGET : _SELF Töltés saját keretébe
_TOP Töltés a legfelsô szinten lévô keretbe
_PARENT Töltés a szülô keretbe
_BLANK Töltés egy új, üres ablakba

STYLESHEETS : LÉPCSôZETES STíLUSLEPEDôK

LOCAL STYLE : HELYI STíLUS

<H2
STYLE =
FONT-SIZE : n(pt) Font nagysága pixelekben
COLOR : n Font szine
LINE-HEIGHT : n Font nagysága pixelekben
LINE-WEIGHT : n Font szedése (BOLD, ITALICS, stb...)
FONT-FAMILY : "xxxxx, yyyy" Font stílusa (VERDANA, ARIEL, stb...)
mindig azt használja ami a browsernek megvan.
> ALCíM </H2>

*******GLOBAL STYLE : ÅLTALÅNOS STíLUS*******

<HTML>
<STYLE TYPE="text/css"> Stílus tipusa : text/css
<! -
H2
{FONT : 12 "ARIAL,HELVETICA";
FONT-WEIGHT : xxxxxx ; Minden H2 tipusu szövegrész stílusának
COLOR : RED } meghatározása
- >
</STYLE>
<BODY>
<H2>
text, text, text
( all H2 text in style type : FONT-SIZE=n COLOR=n FONT-HEIGHT=xxxxxx ... )
</H2>
</BODY>
</HTML>

*********UNIVERSAL STYLE : UNIVERZÅLIS STíLUS*******
Összes stílusérték el van tárolva egy css kiterjesztésü file-ba, amit késöbb
meghívunk.

CSS file : xxx.css css kiterjesztésü file tartalma:

<HTML>
<STYLE TYPE= "text/css">
<! -
BODY { FONT: 10pt "VERDANA, SANS-SERIF"} ; Body stílusának meghatározása
H2 { FONT: 50pt "VERDANA, SANS-SERIF" H2 stílusának meghatározása
FONT-WEIGHT : BOLD ; COLOR : GREEN}
EM { FONT: 10pt/12pt "VERDANA, SANS-SERIF" EM stílusának meghatározása
COLOR : BLACK; MARGIN-LEFT : 0.5in
LINE-WEIGHT : 20px }
- >
</STYLE>
<BODY>
</BODY>
</HTML>

Main HTML file (how to link attributes):

<HEAD>
<LINK REL=STYLESHEET HREF="xxx.css" TYPE="text/css"> Linkelés, az xxx.css
</HEAD> file-ban leirtak fognak érvényre jutni a fontokra.


******COMMENTS : MEGJEGYZÉSEK*********

******COLOR TABLE : SZINTÅBLÅZAT*********

Aliceblue #F0F8FF Cyan #00FFFF Dodgerblue #1E90FF
Antiquewhite #FAEBD7 Darkblue #00008B Firebrick #B2222
Aqua #00FFFF Darkcyan #008B8B Floralwhite #FFFAF0
Aquamarine #7FFFD4 Darkgolderrod #B8860B Forestgreen #228B22
Azure #F0FFFF Darkgrey #A9A9A9 Fuchsia #FF00FF
Beige #F5F5DC Darkgreen #006900 Ghostwhite #F8F8FF
Bisque #FFE4C4 Darkkhaki #BDB76B Gainsboro #DCDCDC
Black #000000 Darkmagenta #8B008B Gold #FFD700
Blanchedalmond #FFEBCD Darkolivegreen #556B2F Goldenrod #DAA520
Blue #0000FF Darkorange #FF8C00 Gray #808080
Blueviolet #8A2BE2 Darkorchid #9932CC Green #008000
Brown #A52A2A Darkred #8B0000 Greenyellow #ADFF2F
Burlywood #DEB887 Darksalmon #E9967A Honeydew #F0FFF0
Cadetblue #5F9EA0 Darkslateblue #483D8B Hotpink #FF69B4
Chartreuse #7FFF00 Darkslategrey #2F4F4F Indianred #CD5C5C
Chocolate #D2691E Darkturquoise #00CED1 Indigo #4B0082
Coral #FF7F50 Darkviolet #9400D3 Ivory #FFFFF0
Cornflowerblue #6495ED Deeppink #FF1493 Khaki #F0E68C
Corsilk #FFF8DC Deepskyblue #00BFBF Lavender #E6E6FA
Crimson #DC143C Dimgray #696969 Lavenderblush #FFF0F5

Lawngreen #7CFC00 Mediumblue #0000CD Palegreen #98FB98
Lemonchiffon #FFFACD Mediumorchid #BA55D3 paleturquoise #AFEEEE
Lightblue #ADD8E6 Mediumpurple #9370DB palevioleted #DB7093
Lightcoral #F08080 Mediumseagreen #3CB371 papayawhip #FFEFD5
Lightcyan #E0FFFF Mediumslateblue #7B68EE Peachpuff #FFDAB9
Lightgoldenrodyellow #FAFAD2 Mediumspringgreen #00FA9A preu #CD853F
Lightgreen #90EE90 Mediumturquoise #48DICC pink #FFC0CB
Lightgrey #D3D3D3 Mediumvioletred #C71585 plum #DDA0DD
Lightpink #FFB6C1 Midnightblue #191970 Powderblue #B0E0E6
Lightsalmon #FFA07A Mintcream #F5FFFA Purple #800080
Lightseagreen #20B2AA Mistyrose #FFE4E1 Red #FF0000
Lightskyblue #87CEFA moccasin #FFE4B5 Rosybrown #BC8F8F
Lightslategray #778899 Nawajowhite #FFDEAD Royalblue #4149E1
Lightsteelblue #B0C4DE Navy #000080 Saddlebrown #8B4513
Lightyellow #FFFFE0 Oldlace #FDF5E6 salmon #FA8072
Lime #00FF00 Olive #808000 sandybrown #F4A460
Limegreen #32CD32 Olivedrab #6B8E23 Seagreen #2E8B57
Linen #FAF0E6 Orange #FFA500 Seashell #FFF5EE
Magenta #FF00FF Orangered #FF4500 Sienna #A0522D
Maroon #800000 Orchid #DA70D6 Silver #C0C0C0
Mediumaquamarine #66CDAA Palegoldenrod #EEE8AA Skyblue #87CEEB

Slateblue #6A5ACD Teal #008080 White #FFFFFF
Slategray #708090 Thistle #D8BFD8 Whitesmoke #F5F5F5
Snow #FFFAFA Tomato #FF6347 Yellow #FFFF00
Springgreen #00FF7F Turquoise #40E0D0 Yellowgreen #9ACD32
Steelblue #4682B4 Violet #EE82EE
Tan #D2B48C Wheat #F5DEB3