Ez a dokumentum egy előző változata!

Tartalomjegyzék

HTML 4.01

HTML 4.01

Szerző: Sallai András
Copyright © Sallai András, 2009, 2010, 2011, 2015, 2018
Licenc: GNU Free Documentation License 1.3
Web: http://szit.hu

Bevezetés

A HTML nyelvet Tem Berners Lee alkotta meg 1990-ben. 1991-ben közzétette az első weblapot. Az ARPANET, amely tulajdonképpen az Internet alapja már 1969-ben elkészült. Ezek szerint az Internet a korai időszakban kb. 20 évig weboldalak nélkül létezett. Meg kell jegyezzük, az Internet ma sem egyenlő a Webbel (mint ahogy azt sokan gondolják). Az Interneten sok más szolgáltatás is van, de kétségtelen, hogy legnépszerűbb a web.

A HTML a HyperText Makeup Language szavakból alkotott betűszó. Jelentése Hiperszöveget leíró nyelv.

HTML verziók
első	1991
2.0	1995
3.2	1997
4.0	1997
4.01	1999

XHTML verziók
1.0	2000
1.1	2001
2.0	2009

HTML5
első	2008

A HTML5-öt nem a W3C konzorcium hozza létre. A WHATWG (Web Hypertext Application Technology Working Group) csoport. A csoportot az alternatív böngésző gyártók (nem IE) hozzák létre. A szabványhoz igazodik a W3C szövetség és az MS is.

Nyelvek szerkezete

Mivel nyelvről beszélünk, ezért nézzük meg hogyan épül fel egy nyelv. Egy bármilyen nyelv szerkezetileg három részből áll: ábécé, szintaktika, szemantika.

Nyelvek osztályozása

A nyelveket feloszthatjuk természetes és mesterséges nyelvekre.

Természetes	Mesterséges
Természetes	Kommunikációra szánt	Formális
magyar	Eszperantó	C
angol	Eurolatin	C++
német	Egyszerű angol	Basic
francia	Gestuno	Perl
olasz	Volapük	Python
spanyol	Intal	HTML
görög	Ido	XHTML

A formális nyelvek osztályozása

Formális nyelvek
lekérdező	dokumentumleíró	programozási	matematikai	logikai
SQL	HTML	C
xBase	XHTML	C++
HPCC	SGML	Pascal
	XML	Java

Eredet (SGML)

A HTML az SGML nyelv alapján alkották meg, amely egy általános célú dokumentumleíró nyelv.

Az SGML a Standard Generalized Markup Language szavakból alkotott betűszó. Magyarul Általános Szabványos Kijelölőnyelv néven fordítható.

Az SGML nyelven egy dokumentumot több részre tagolunk általunk meghatározott elemekkel. Ezen elemek neveit a „<” és „>” jelek között helyezzük el, hogy elkülönüljön a dokumentum tartalmától. Az elemek neveit mi magunk találhatjuk ki. Például tárolni szeretnénk egy gépjármű adatait akkor az egész dokumentum tartalmát közrefoghatjuk egy gépjármű nevű elemmel:

<gepjarmu>
 
</gepjarmu>

Egy gépárműről szeretnénk tárolni a rendszámát, űrtartalmát és színét.

<gepjarmu>
    <rendszam>ASG-843</rendszam>
    <urtartalom>1800</urtartalom>
    <szin>piros</szin>  
</gepjarmu>

A dokumentumot a gépjármű elem kezdi és zárja, ezért ezeket gyökér elemeknek nevezzük. Vegyük észre, hogy a záró elem nevét mindig „/” karakter előzi meg.

XML

Amikor már a HTML nyelvet elterjedten használták, kiderültek az SGML hiányosságai, hátrányai. A Tim Bray az SGML nyelvet egyszerűsítette, néhány helyen szigorításokat vezetett be, és létrehozta az SGML utódját az XML nyelvet. Az XML annyira jól sikerült, hogy ma már a legnagyobb szoftvergyártók is XML tárolják a dokumentumokat. Az MSO, a LibreOffice mind XML-ben tárolja a dokumentumait. Az XML 1.0-t 1998-ban definiálták.

A W3C konzorcium látta, hogy az XML nagyszerű és sokan használják. Ezért a HTML nyelvet is áttervezték XML alapokra. Ezeknek a HTML verzióknak a neve az XHTML.

<?xml version="1.0"?>
<note>
    <to>Tibi</to>
    <from>János</from>
    <heading>Emlékeztető</heading>
    <body>Ne felejtsd el a héten!</body>
</note>

Mi az XML?

XML az EXtensible Markup Language szavak rövidítése.
XML egy jelölőnyelv, mint az SGML vagy a HTML.
XML adatok szerkezetének megadására tervezték, nem megjelenítésére.
XML tagek nemelőre definiáltak. Neked kell saját tagjeidet definiálnod.
XML önleíró nyelvnek tervezték.
XML egy W3C ajánlás

<?xml version="1.0" encoding="ISO-8859-2"?>
<note>
    <to>Tibi</to>
    <from>János</from>
    <heading>Emlékeztető</heading>
    <body>Ne felejtsd el a héten!</body>
</note>

Az XML minta első sora megadja a használt XML verziót és a karakterkódolást.

A következő a note a gyökér elem. Ebből kötelezően van egy a dokumentum végén is. A gyökérelemből egy dokumentumban csak egy lehet.

A következő négy sor a gyermekelemek:

    <to>Tibi</to>
    <from>János</from>
    <heading>Emlékeztető</heading>
    <body>Ne felejtsd el a héten!</body>

Az XML dokumentumok ezt a tagoltságot követik. Általánosan:

<gyökér>
  <gyermek>
    <algyermek>.....</algyermek>
  </gyermek>
</gyökér>

Nagyobb XML példa:

<könyvesbolt>
  <könyv kategória="Főzés">
    <cím nyelv="hu">Olasz ételek</cím>
    <szerző>Pók Géza</szerző>
    <év>2004</év>
    <ár>30.00</ár>
  </könyv>
  <könyv kategória="Gyerek">
    <cím nyelv="hu">Harry Potter</cím>
    <szerző>J K. Rowling</szerző>
    <év>2001</év>
    <ár>3500</ár>
  </könyv>
  <könyv kategória="Nyelv">
    <cím nyelv="hu">Tanuljunk latint</cím>
    <szerző>Véső Endre</szerző>
    <év>1947</év>
    <ár>4900</ár>
  </könyv>
</könyvesbolt>

DTD

Ún. DTD-ékben definiáljuk az SGML (vagy később XML) alapján az alkalmazni kívánt szintaxist

Document Type Definition

Dokumentum Típus Definíció

Egy DTD tartalma

<!DOCTYPE root-elem [elem-deklarációk]>

DTD példák

Járművekről általános szöveges leírást szeretnék tárolni. Az eltárolandó szöveg például:

A járművek a közlekedés eszközei.

A DTD így nézhet ki:

jarmu.dtd:

<!DOCTYPE jarmu [
<!ELEMENT jarmu (#PCDATA)>
]>

A példában egyetlen elemet deklaráltunk. Ez a gyökérelem, ami bármilyen szöveget tartalmazhat.

A dokumentum ekkor így nézhet ki:

  <!DOCTYPE jarmu SYSTEM "jarmu.dtd">
  <jarmu>
    A járművek a közlekedés eszközei.
  </jarmu>

Járművekről szeretnék információt tárolni egy dokumentumban.

A PCDATA a „parsed charachter data” szavakból alkotott betűszó. Az SGML vagy XML parszer átvizsgálja az ilyen adatot, és markup-okat és entity-ket keres benne. Ha ilyet talál, azokat visszakódolja (kifejti). Ilyen kód lehet az < vagy >

A CDATA a „character data” szavakból alkotott betűszó. Ilyen tartalomban az XML parszer nem végez entitáskeresést, ha van benne egy < akkor azt négy önálló karakterként értelmezi. A CDATA tartalmazt a <![CDATA[ nyitó és ]]> bezáró jelek közzé tesszük.

Gyakorlat

Milyen nyelvből ered a HTML nyelv?
Mi az SGML?
Mi a HTML?
Mi a DTD?
Ki találta ki a HTML nyelvet?
Ki készítette el az XML nyelvet?
Szerkezetileg hogyan épül fel egy nyelv?
Sorolja fel a HTML fontosabb verzióit.
A HTML5 verziót kik találták ki?
Mi a W3C konzorcium?
Mondjon egy magyar intézményt, amely tagja a W3C konzorciumnak.
Mi az ARPANET?
Mikortól létezik az ARPANET?
Mikor alkották meg az első weboldalt?
Az XHTML-nek melyik az utolsó verziója?
Mikor definiálták az XML 1.0 verziót?

Helló Világ

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">
  <html>
  <head>
    <title></title>
  <meta http-equiv="Content-type" Content="text/html; charset=utf-8">
  </head>
  <body>
 
  <h1>Weblap címe</h1>
  <p>Maga a weboldal.</p>
 
  </body>
  </html>

Fejezetcímek meghatározása

Fejezet címeket h1, h2, h3, h4, h5 és h6-os elemekkel határozunk meg.

A példa kedvéért a tigrisről szeretnénk weblapot csinálni és szeretnénk írni az elterjedéséről, az alfajairól, a megjelenéséről, az életmódjáról és a szaporodásáról. Ekkor a következő módon határozzuk meg fejezetcímeknek:

<h2>Elterjedése</h2>
 
<h2>Alfajok</h2>
 
<h2>Megjelenése</h2>
 
<h2>Életmód</h2>

A különböző méretek

<h1>H1 fejezetcím</h1>
<h2>H2 fejezetcím</h2>
<h3>H3 fejezetcím</h3>
<h4>H4 fejezetcím</h4>
<h5>H5 fejezetcím</h5>
<h6>H6 fejezetcím</h6>

Bekezdések

A bekezdéseket a p elemek közzé tesszük.

<p>
Vinum regum rex vinorum. Vinum regum rex vinorum. 
Vinum regum rex vinorum. Vinum regum rex vinorum. 
Vinum regum rex vinorum. Vinum regum rex vinorum. 
Vinum regum rex vinorum. Vinum regum rex vinorum. 
Vinum regum rex vinorum. Vinum regum rex vinorum. 
Vinum regum rex vinorum. Vinum regum rex vinorum. 
Vinum regum rex vinorum. Vinum regum rex vinorum. 
Vinum regum rex vinorum. Vinum regum rex vinorum. 
Vinum regum rex vinorum.
</p>

Formázás

HTML formázó tagek

Tag	Leírás
<b>	félkövér szöveg
<big>	nagy szöveg (A HTML5 nem támogatja)
<em>	kiemelt szöveg
<i>	dőlt szöveg
<small>	kis szöveg
<strong>	erős szöveg
<sub>	alsó index
<sup>	felső index
<ins>	beszúrt szöveg
<del>	törölt szöveg

félkövér szöveg
nagy szöveg
kiemelt szöveg
dőlt szöveg
kis szöveg
erős szöveg

_alsó index és ^felső index

beszúrt szöveg

~~törölt~~ szöveg

HTML Számítógép kimeneti tagek

Tag	Leírás
<code>	számítógépes kód
<kbd>	billentyűzet
<samp>	mintakód
<tt>	teletype
<var>	változó
<pre>	előreformázott szöveg

Kódszöveg: printf("alma\n");

Billentyűkombinációs: Ctrl + D

Minta: ^a.*

Parancs: ls -1 -F a*

Változó: $PATH

Előreformázott szöveg:

    printf("Behúzással\n");

HTML idézet és definíciós tagek

Tag	Leírás
<abbr>	egy rövidítés
<acronym>	mozaikszó (A HTML5 nem támogatja)
<address>	egy dokumentum tulajdonosának elérhetősége
<bdo>	szöveg iránya
<blockquote>	hosszú idézet
<q>	rövid idézet
<cite>	cím idézése
<dfn>	egy kifejezés meghatározása

stb. u. dec. feb.

HTML MÁV ELTE BKV

Nagy József
06(30) 123-4567
nagy.jozsef@valahol.tld

A szöveg irányának megváltoztatása:

Normál szöveg

<bdo dir="ltr">Valami szöveg</bdo>

Fordított irány:

<bdo dir="rtl">Valami szöveg</bdo>

Normál szöveg:

Valami szöveg

A fordított szöveg megjelenítve:

Valami szöveg

Gyakorlat

Milyen elemmel határozunk meg fejezetcímeket?
Hány fejezetcímet szintet tudunk meghatározni?
Milyen elemmel adunk meg címeket?

Lista

Számozatlan lista

<ul>
  <li>Kávé</li>
  <li>Tea</li>
  <li>Tej</li>
</ul>

Számozott lista

<ol>
  <li>Kávé</li>
  <li>Tea</li>
  <li>Tej</li>
</ol>

<ol start="50">
  <li>Kávé</li>
  <li>Tea</li>
  <li>Tej</li>
</ol>

<ol reversed="reversed">
  <li>Kávé</li>
  <li>Tea</li>
  <li>Tej</li>
</ol>

Egymásbaágyazás:

<ol>
  <li>Kávé</li>
  <li>Tea
    <ol>
      <li>víz</li>
      <li>fű</li>
      <li>édesítő</li>
    </ol>
  </li>
  <li>Tej</li>
</ol>

Kávé
Tea
1. víz
2. fű
3. édesítő
Tej

Böngésző támogatottság

A legtöbb jelentős böngésző támogatja az <ol> taget.

Definíció és használat

Az <ol> tag egy számozott listát definiál.

Használd az <li> taget a lista elemeinek meghatározásához.

Különbség a HTML 4.01 és a HTML5 között

A „start” attribútum elavult a HTML 4.01-ben de újra támogatott a HTML5-ben.

A „reversed” új a HTML5-ben.

A „compact” és a „type” attribútum elavult a HTML 4.01-ben és nincs támogatva a HTML5-ben.

Tippek és megyjegyzések

Tipp: Számozatlan listához használd az <ul> taget.

Tipp: Használj CSS a stílus meghatározásához.

Attribútumok

(Új) : Új a HTML5-ben.

Attribútum	Érték	Leírás
reversed (Új)	reversed	Csökkenő sorrend meghatározása (9,8,7…)
start	szám	Kiindulási érték maghatározása a listában
type	1 A a I i	Listajelző megadása

Global Attributes

Az <ol> tag támogatja az globális attribútumokat a HTML5-ben.

Eseményattribútum

Az <ol> tag támogatja az esemény attribútumokat a HTML5-ben.

Definíciós lista

<dl>
  <dt>Kávé</dt>
    <dd>feket forró ital</dd>
  <dt>Tej</dt>
    <dd>Fehér hideg ital</dd>
</dl>

HTML elemek:

<dl>	Egy definíciós lista definiálása
<dt>	Egy definíciós lista egy elemét definiálja
<dd>	Egy definíciós lista egy elemének leírása

Képek beillesztése

Képek beillesztésénél ügyeljünk arra, hogy megmutassuk a szöveg és a beillesztett kép közötti kapcsolatot.

A weblapra illeszthető képtípusok:

.jpg (Fényképek beillesztése)
.gif (Rajzok beillesztése)
.png (Vegyes felhasználásra)

<img src="fajlneve.jpg" alt="A Kép leírása">

A képnek és a html állománynak egy könyvtárban kell lenniük.

<img src="fajlneve.jpg" alt="A Kép leírása" width="800" height="600">

Táblázat

<table border="1">
  <tr>
    <th>Hónap</th>
    <th>Spórolás</th>
  </tr>
  <tr>
    <td>Január</td>
    <td>1000 Ft</td>
  </tr>
</table>

Hónap	Spórolás
Január	1000 Ft

Hypertext

A hypertext a tulajdonképpeni link. Linket az „a” elemmel hozunk létre:

<a>A link tartalma</a>

Hova linkeljünk? Linkelhetünk egy másik weblapra, vagy az aktuális lap egy pontjára, vagy a másik lap egy adott pontjára.

Beépített weblap

Egy weblap beépítve

<iframe src="https://szit.hu/download/doboz.html" width="300" height="200"></iframe>

Szegély:

frameborder="0"

Egy link céljaként

<iframe src="https://szit.hu/download/doboz.html" name="iframe_a" width="500" height="200"></iframe>
<p><a href="https://szit.hu/oktatas" target="iframe_a">szit.hu/oktatas</a></p>

szit.hu/doku.php?id=oktatas

Űrlap

Az űrlapokkal valósítjuk meg az interaktív weblapokat. Egy weblap nem attól interaktív, hogy különböző dolgok mozognak rajta. Attól lesz interaktív, hogy a felhasználó adatokat küld a szerver felé. Ezt pedig űrlapok segítségével lehet megtenni. Az űrlap mindig adatokat kér tőlünk, amit egy „Elküldés” gombbal el kell küldenünk a szervernek.

Űrlap létrehozása

Űrlapot a form elemmel tudunk beszúrni. Van két kötelező tulajdonsága, az action és a method. Az action értékeként adjuk meg, hogy milyen szerveroldali script fogja feldolgozni az űrlapot. A method értékeként adjuk meg, hogy milyen metódussal küldjük az űrlapelemet:

urlap.html

<form action="akcio.php" method="POST">
  Vezetéknév: <input type="text" name="vnev" value="" /><br />
  Keresztnév:<input type="text" name="knev" value="" /><br />
<input type="submit" value="Elküld" />
</form>

Kétféle metódussal küldhetjük el űrlapjainkat:

GET
POST

A GET metódus

Az adatokat a meghívó URL paramétereként adjuk át.

A POST metódus

Az adatok egy adatként kerülnek átadásra a szerver számára.

Űrlap elemek

Beviteli mező

<input type="text">

Az input tag-el többféle űrlapelem is meghatározható. Hogy melyik jelenik meg az mindig a type tulajdonságtól függ. A text értékkel egy beviteli mezőt jeleníthetünk meg. Kötelező tulajdonság még a name. Ezzel adjuk meg, milyen néven hivatkozhat a beviteli mező tartalmára a feldolgozó program.

Nem kötelező tulajdonság a value. Ezzel kezdőértéket írhatunk a bevitelimezőbe.

<input type="text" name="nev" value="Névtelen">

Elküldés gomb

<input type="submit">

Törlés gomb

<input type="reset">

Még egy gomb

<button type="button">Klikkelj ide!</button>

Rádiógombok

<form action="feldolgoz.php" method="POST"> 
  <input type="radio" name="nem" value="ferfi" /> Férfi<br />
  <input type="radio" name="nem" value="no" /> Nő<br />
  <input type="submit" value="Mehet" />
</form>

A rádiógomboknál nagyon fontos, hogy name tulajdonság azonos értékkel legyen kitöltve az egy csoportba tartozó radiógomboknál. A böngésző ebből tudja, hogy mely rádiógombok tartoznak egy csoportba. Ha kattintunk egyik rádiógombra, az előzőleg aktív rádiógomb jelöltségének meg kell szűnnie, ha az egy csoportban van az újonnan kattintottal.

Jelölőnégyzet

<form>
<input type="checkbox" name="jarmu" value="kerekpar" /> Van kerékpárom<br />
<input type="checkbox" name="jarmu" value="kocsi" /> Van kocsim<br />
<input type="submit" value="Mehet" />
</form>

Szöveghely

<textarea rows="3" cols="20">
Lorem ipsum dolor sit amet.
</textarea>

Lorem ipsum dolor sit amet.

Legördülő listadoboz

Egyszerű kombóbox

<select>
  <option>Opel</option>
  <option>Ford</option>
  <option>Volvo</option>
  <option>Saab</option>
  <option>Mercedes</option>
  <option>Audi</option>
</select>

Alcsoportok

<select>
  <optgroup label="Svéd kocsik">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
  </optgroup>
  <optgroup label="Német kocsik">
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>
</select>

Attribútumok

<select name="tipus">
  <option value="opel">Opel</option>
  <option value="ford">Ford</option>
  <option value="volvo" selected="selected">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

Listadoboz

<select name="tipus" miltiple size="3">
  <option value="opel">Opel</option>
  <option value="ford">Ford</option>
  <option value="volvo" selected="selected">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

Vizuális elemek

<form>
<fieldset>
<legend>Személyes:</legend>
Név: <input type="text" size="30" /><br />
Email: <input type="text" size="30" /><br />
Születés dátuma: <input type="text" size="10" />
</fieldset>
</form>

Fájlfeltöltés

Űrlap

<form method="post" action="upload.php" enctype="multipart/form-data">
  <input type="file" name="kep" />
  <input type="submit" value="Feltöltés" />
</form>

Formázáshoz használt elemek

div

A div elemmel blokk szintű dobozokat hozhatunk létre.

span

A span elemmel inline szintű elemet hozunk létre.

Például egy szövegrészletet külön szeretnék formázni.

Lorem ipsum <span>dolores</span> sit amet.

span {
    text-decoration: undrline;
}

Vagy

Lorem ipsum <span class="dol">dolores</span> sit amet.

span.dol {
    text-decoration: undrline;
}

Link tag

A meta tag

Újratöltés

<head>
<meta http-equiv="refresh" content="30">
</head>

Átirányítás

<meta http-equiv="refresh" content="0; url=http://masikdomain.valahol">

Esetleg 10 másodpercre állítjuk, így 10 másodperc múlva átirányítunk:

index.html

<html>
<head>
<!-- Send users to the new location. -->
<title>redirect</title>
<meta http-equiv="refresh" content="10;URL=http://www.masikdomain.valahol">
</head>
<body>
This page has moved. You will be 
automatically redirected 
to its new location in 10 seconds. 
If you aren't forwarded 
to the new page, 
<a href="http://www.masikdomain.valahol">
click here</a>. 
</body>
</html>

Használható színek

Szín	Hex	RGB
AliceBlue	F0F8FF	240,248,255
AntiqueWhite	FAEBD7	250,235,215
Aqua	00FFFF	0,255,255
Aquamarine	7FFFD4	127,255,212
Azure	F0FFFF	240,255,255
Beige	F5F5DC	245,245,220
Bisque	FFE4C4	255,228,196
Black	000000	0,0,0
BlanchedAlmond	FFEBCD	255,235,205
Blue	0000FF	0,0,255
BlueViolet	8A2BE2	138,43,226
Brown	A52A2A	165,42,42
BurlyWood	DEB887	222,184,135
CadetBlue	5F9EA0	95,158,160
Chartreuse	7FFF00	127,255,0
Chocolate	D2691E	210,105,30
Coral	FF7F50	255,127,80
CornflowerBlue	6495ED	100,149,237
Cornsilk	FFF8DC	255,248,220
Crimson	DC143C	220,20,60
Cyan	00FFFF	0,255,255
DarkBlue	00008B	0,0,139
DarkCyan	008B8B	0,139,139
DarkGoldenRod	B8860B	184,134,11
DarkGray	A9A9A9	169,169,169
DarkGrey	A9A9A9	169,169,169
DarkGreen	006400	0,100,0
DarkKhaki	BDB76B	189,183,107
DarkMagenta	8B008B	139,0,139
DarkOliveGreen	556B2F	85,107,47
Darkorange	FF8C00	255,140,0
DarkOrchid	9932CC	153,50,204
DarkRed	8B0000	139,0,0
DarkSalmon	E9967A	233,150,122
DarkSeaGreen	8FBC8F	143,188,143
DarkSlateBlue	483D8B	72,61,139
DarkSlateGray	2F4F4F	47,79,79
DarkSlateGrey	2F4F4F	47,79,79
DarkTurquoise	00CED1	0,206,209
DarkViolet	9400D3	148,0,211
DeepPink	FF1493	255,20,147
DeepSkyBlue	00BFFF	0,191,255
DimGray	696969	105,105,105
DimGrey	696969	105,105,105
DodgerBlue	1E90FF	30,144,255
FireBrick	B22222	178,34,34
FloralWhite	FFFAF0	255,250,240
ForestGreen	228B22	34,139,34
Fuchsia	FF00FF	255,0,255
Gainsboro	DCDCDC	220,220,220
GhostWhite	F8F8FF	248,248,255
Gold	FFD700	255,215,0
GoldenRod	DAA520	218,165,32
Gray	808080	128,128,128
Grey	808080	128,128,128
Green	008000	0,128,0
GreenYellow	ADFF2F	173,255,47
HoneyDew	F0FFF0	240,255,240
HotPink	FF69B4	255,105,180
IndianRed	CD5C5C	205,92,92
Indigo	4B0082	75,0,130
Ivory	FFFFF0	255,255,240
Khaki	F0E68C	240,230,140
Lavender	E6E6FA	230,230,250
LavenderBlush	FFF0F5	255,240,245
LawnGreen	7CFC00	124,252,0
LemonChiffon	FFFACD	255,250,205
LightBlue	ADD8E6	173,216,230
LightCoral	F08080	240,128,128
LightCyan	E0FFFF	224,255,255
LightGoldenRodYellow	FAFAD2	250,250,210
LightGray	D3D3D3	211,211,211
LightGrey	D3D3D3	211,211,211
LightGreen	90EE90	144,238,144
LightPink	FFB6C1	255,182,193
LightSalmon	FFA07A	255,160,122
LightSeaGreen	20B2AA	32,178,170
LightSkyBlue	87CEFA	135,206,250
LightSlateGray	778899	119,136,153
LightSlateGrey	778899	119,136,153
LightSteelBlue	B0C4DE	176,196,222
LightYellow	FFFFE0	255,255,224
Lime	00FF00	0,255,0
LimeGreen	32CD32	50,205,50
Linen	FAF0E6	250,240,230
Magenta	FF00FF	255,0,255
Maroon	800000	128,0,0
MediumAquaMarine	66CDAA	102,205,170
MediumBlue	0000CD	0,0,205
MediumOrchid	BA55D3	186,85,211
MediumPurple	9370D8	147,112,219
MediumSeaGreen	3CB371	60,179,113
MediumSlateBlue	7B68EE	123,104,238
MediumSpringGreen	00FA9A	0,250,154
MediumTurquoise	48D1CC	72,209,204
MediumVioletRed	C71585	199,21,133
MidnightBlue	191970	25,25,112
MintCream	F5FFFA	245,255,250
MistyRose	FFE4E1	255,228,225
Moccasin	FFE4B5	255,228,181
NavajoWhite	FFDEAD	255,222,173
Navy	000080	0,0,128
OldLace	FDF5E6	253,245,230
Olive	808000	128,128,0
OliveDrab	6B8E23	107,142,35
Orange	FFA500	255,165,0
OrangeRed	FF4500	255,69,0
Orchid	DA70D6	218,112,214
PaleGoldenRod	EEE8AA	238,232,170
PaleGreen	98FB98	152,251,152
PaleTurquoise	AFEEEE	175,238,238
PaleVioletRed	D87093	219,112,147
PapayaWhip	FFEFD5	255,239,213
PeachPuff	FFDAB9	255,218,185
Peru	CD853F	205,133,63
Pink	FFC0CB	255,192,203
Plum	DDA0DD	221,160,221
PowderBlue	B0E0E6	176,224,230
Purple	800080	128,0,128
Red	FF0000	255,0,0
RosyBrown	BC8F8F	188,143,143
RoyalBlue	4169E1	65,105,225
SaddleBrown	8B4513	139,69,19
Salmon	FA8072	250,128,114
SandyBrown	F4A460	244,164,96
SeaGreen	2E8B57	46,139,87
SeaShell	FFF5EE	255,245,238
Sienna	A0522D	160,82,45
Silver	C0C0C0	192,192,192
SkyBlue	87CEEB	135,206,235
SlateBlue	6A5ACD	106,90,205
SlateGray	708090	112,128,144
SlateGrey	708090	112,128,144
Snow	FFFAFA	255,250,250
SpringGreen	00FF7F	0,255,127
SteelBlue	4682B4	70,130,180
Tan	D2B48C	210,180,140
Teal	008080	0,128,128
Thistle	D8BFD8	216,191,216
Tomato	FF6347	255,99,71
Turquoise	40E0D0	64,224,208
Violet	EE82EE	238,130,238
Wheat	F5DEB3	245,222,179
White	FFFFFF	255,255,255
WhiteSmoke	F5F5F5	245,245,245
Yellow	FFFF00	255,255,0
YellowGreen	9ACD32	154,205,50

Entitások

ő = 337
Ő = 336
ű = 369
Ű = 368

Így használjuk

&#336;

Az oldal nyelve

<meta http-equiv="Content-Language" content="hu" />

szit

Felhasználói eszközök

Eszközök a webhelyen

Tartalomjegyzék

HTML 4.01

Bevezetés

Nyelvek szerkezete

Nyelvek osztályozása

Eredet (SGML)

XML

DTD

DTD példák

Gyakorlat

Helló Világ

Fejezetcímek meghatározása

A különböző méretek

Bekezdések

Formázás

HTML formázó tagek

HTML Számítógép kimeneti tagek

HTML idézet és definíciós tagek

Gyakorlat

Lista

Számozatlan lista

Számozott lista

Böngésző támogatottság

Definíció és használat

Különbség a HTML 4.01 és a HTML5 között

Tippek és megyjegyzések

Attribútumok

Global Attributes

Eseményattribútum

Definíciós lista

Képek beillesztése

Táblázat

Hypertext

Beépített weblap

Egy weblap beépítve

Egy link céljaként

Űrlap

Űrlap létrehozása

A GET metódus

A POST metódus

Űrlap elemek

Beviteli mező

Elküldés gomb

Törlés gomb

Rádiógombok

Jelölőnégyzet

Szöveghely

Legördülő listadoboz

Egyszerű kombóbox

Alcsoportok

Attribútumok

Listadoboz

Vizuális elemek

Fájlfeltöltés

Űrlap

Formázáshoz használt elemek

div

span

Link tag

A meta tag

Újratöltés

Átirányítás

Használható színek

Entitások

Az oldal nyelve

Eszközök az oldalon