HTML-CSS könyv és referencia

Előszó az új verzióhoz

Még 2004-ben, amikor jelen könyvem eredetijét befejeztem, nem gondoltam volna, hogy ennyire sikeres lett. Sokan és sokszor dicsérték. Köszönet érte!
Legtöbben azt írják, hogy egy kifejezetten érthető, jól megszerkesztett és összefogott munka. Nem mellékes, hogy sokan referenciaként alkalmazzák, például akár az érettségire készüléshez, akár vizsgákhoz is. Most, hogy többedszerre újraírom a könyvet, remélem, hogy legalább ilyen sikeres lesz, mint a régi verzió.
Örömmel hallottam azt is, hogy tananyag lett ez az írás számos iskolában - közte számos közép- és főiskola, illetve egyetem.

Jogvédelem

Jelen mű teljes vagy részleges másolata, annak bárminemű (elektronikus, írásbeli vagy nyomtatott) terjesztése a szerző előzetes írásbeli engedélye nélkül tilos!
Minden további vita elkerülése végett kérem, keressen meg a http://tferi.hu/kapcsolat oldalon leírtak alapján!

 

Nos, ennyi bevezető után jöjjön a lényeg: a könyv - kibővített tartalommal!
(c) TFeri.hu, 2016, 2018. 

 

Tartalom

1. fejezet
A HTML logikája
2. fejezet Betűk formázása
3. fejezet Fejezetek és formázásaik
4. fejezet Kapcsolatok
5. fejezet Listák
6. fejezet Ékezetek
7. fejezet Táblázatok
8. fejezet Képek és videók
9. fejezet Keretek (frame-ek)
10. fejezet Egyéb formázások
11. fejezet Body és Meta
12. fejezet Térképek
13. fejezet Kérdőívek
14. fejezet Egyéb elemek
   
Melléklet HTML-színkiosztás
Melléklet HTML-karakterek
Melléklet HTML nyelvi kódok
Folytatás! CSS elemek részletesen!

A tanfolyamon feldolgozott HTML elemek rövid áttekintése

 

<!--: Megjegyzés (Description)
<!DOCTYPE: HTML-dokumentum típusának leírása (DOCument TYPE)
A: Kapcsolat - élő link (Active link)
ACRONYM:
Acronim beszúrása (ACRONYM)
ADDRESS: Postacím - kiírásmód (postal ADDRESS)
APPLET: Futtatható elem helye (APPLET)
AREA: Kliens-oldali térkép helyének meghatározása (AREA)
B: Félkövér betű (Bold)
BANNER: Címszalag - nem scrollozható (Banner)
BASE:
A dokumentum báziscímének meghatározása (BASE)
BASEFONT:
Alapértelmezett betűkészlet (BASic FONT)
BGSOUND:
Háttérhang (BackGround SOUND)
BIG: Nagyobb betűméret (BIGger font size)
BLINK:
Villogó betűk (BLINK)
BLOCKQUOTE:
Szövegblokk (BLOCK QUOTE)
BODY:
Az egész dokumentum törzsrésze - NEM táblázaté (BODY)
BR:
Sortörés (BReak)
BUTTON:
Nyomógomb (BUTTON)
CAPTION:
Tablázat címe (CAPTION)
CENTER:
Középre helyezés (CENTER)
CITE:
Idézet kiárása (CITE)
CODE:
Programkód kiírásmód (CODE)
COL:
Oszlop egy táblázatban (COLoumn)
COLGROUP: Oszlopcsoport (COLoumn's GROUP)
COMMENT:
Megjegyzés (COMMENT)
DD:
Definíció leírása (Definiton Description)
DEL:
Törölt szöveg (DELeted text)
DFN:
Definiált kiírásmód (DeFiNition)
DIR:
Felsorolás-szerű lista készítése (DIRectory)
DIV: Szöveg tagolása (DIV)
DL:
Definíciós lista (DL)
DT:
Definíciós leírás (Definition Term)
EM:
Kiemelt írásmód (EMphasize Text)
EMBED:
Dokumentum beszúrása egy másikba (EMBED)
FIELDSET:
Mezőelem beszúrása (FIELD SET)
FONT: Betű tulajdonságainak szabályozása (FONT)
FORM:
Kérdőívek létrehozása (FORM)
FRAME:
Keret beállítása (FRAME)
FRAMESET:
Keretezés indítása (FRAMESET)
H1: Fejezetcím - a legnagyobb értékű (Heading 1)
H2: Fejezetcím - 2. legnagyobb (Heading 2)
H3: Fejezetcím - 3. legnagyobb (Heading 3)
H4: Fejezetcím - 4. legnagyobb (Heading 4)
H5: Fejezetcím - 5. legnagyobb (Heading 5)
H6: Fejezetcím - legkisebb (Heading 6)
HEAD:
Az egész dokumentum fejléce - NEM táblázaté (HEADer)
HR:
Vízszintes vonal (Horizontal Rule)
HTML:
Az egész dokumentum kerete (HyperText Markup Language)
I: Döntött betű (Italic)
IFRAME: Lebegő keretek definiálása (In-line floating FRAMEs)
IMG: Kép vagy videó beszúrása (IMaGe)
INPUT: Beviteli mező űrlapokon (INPUT field)
INS: Hozzáadott szöveg beszúrása (INSert text)
ISINDEX: Jelzi a keresőknek, hogy a lap indexelhető (ISINDEX)
KBD: Billentyűzetről bevitt adat (KeyBoarD)
LABEL: Címke defeiniálása (LABEL)
LEGEND: Megadja a FIELDSET elemét (LEGEND)
LI: Lista elem (List Item)
LINK: Kapcsolat más dokumentummal (LINK)
LISTING: Előre listázott szöveg (LISTING text)
MAP: Térkép grafikus elemekhez (MAP)
MARQUEE: Szöveg mozgatása (scrolling MARQUEE)
MENU: Listák menü-szerű felsorolása (MENU)
META: Nem megjelenő, de igen fontoselem (META tag)
NOBR: Sortörés letiltása (NO BReaking)
NOFRAMES: Keretek tiltásakor megjelenő adat (NOn-FRAMES version)
NOSCRIPT: Scriptek megjelenítésére alkalmatlan böngészők számára írt rész (NOn-SCRIPTing version)
OBJECT: Objektum beszúrása (OBJECT insert)
OL: Rendezett/sorszámozott lista (Ordered List)
OPTION: Kiválasztásos lista eleme kérdőíveknél (OPTION)
P: Paragrafus/bekezdés (Paragraph)
PARAM: Változók/paraméterek meghatározása más elemekhez (PARAMeters)
PLAINTEXT: Formázatlan szöveg (PLAIN TEXT)
PRE: Elõre formázott szöveg (PREformatted)
Q: Kiemelt szöveg (Quality text)
S: Keresztülhúzott szöveg (Strikethrought)
SAMP: Irodalmi szöveg (SAMPle text)
SCRIPT: Más nyelven írt kódrészlet (script) beszúrása (SCRIPT)
SELECT: Kérdésre való kiválasztási lehetőség kérdőíveknél (SELECT)
SMALL: Kisebb betűméret (SMALLer font size)
SPAN: Érvényességi kör (SPAN)
STRIKE: Keresztülhúzott szöveg (STRIKEthrought text)
STRONG: Vastagított szöveg (STRONGer text)
STYLE: Stílus definiálása egy lapon belül (STYLE) - Csak a folytatásban szerepel!
SUB: Alsó index kiírás (SUBscript)
SUP: Felső index kiírás (SUPerscript)
TABLE: Táblázat (TABLE)
TBODY: Táblázat törzse (Table BODY)
TD: Táblázat adata (Table Data)
TEXTAREA: Hosszabb szöveg beviteli mező kérdőívekben (TEXTAREA)
TFOOT: Táblázat lábléce (Table FOOT)
TH: Táblázat fejléce (Table Head)
THEAD: Táblázat fejléce (Table HEAD)
TITLE: Dokumentum címe - NEM táblázaté (TITLE)
TR: Táblázat sora (Table Row)
TT: Írógépszerű kiírás (TeleType)
U: Aláhúzott betű (Underlined)
UL: Nem rendezett lista (Unordered List)
VAR: Változónév (VARiable)
WBR: Sortörés engedélyezése letiltott területen. (WBR)
XMP: Mintaszöveg (eXaMPle)