HTML alapok I.
Szabványok
- XHTML 1.0 Strict
-
- 2000-es szabvány
- XML szerű megszorítás a dokumentumra
- Célja, hogy egységesek legyenek a html dokumentumok, ezáltal könnyebb, egységesebb feldolgozást tesz lehetővé
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- Részletek a szabványról
- HTML5
-
- 2014-es szabvány
- Modernebb eszközkészlet weboldalak készítéséhez
- Főbb újítások: multimédia támogatás, szemantika
- <!DOCTYPE html>
- Újdonságok
- Cheat sheet
Szabványosság ellenőrzése
HTML fájl felépítése
Egy HTML dokumentum egy sima szöveges fájl. Tetszőleges editorral szerkeszthető. A leggyakoribb kiterjesztések: htm, html. A böngésző webszerver nélkül is meg tud nyitni egy HTML dokumentumot.Minden elemnek van nyitó és záró tagja. Pl: <html></html>. A nyitó tagnak lehetnek attribútumai. Pl: <div class=""></div>. A záró tag egy plusz előre perjelet tartalmaz, illetve nem lehetnek attribútumai.
Ezenkívül vannak ún. üres tagok. Ezeknek nincs külön záró része, viszont van egy perjel a nyitó tag végén. Pl: <img src="" alt=""/>
Példa HTML dokumentum
HTML elemek
- doctype: A dokumentum szabványának megadására szolgál
- html: A html dokumentum gyökér eleme
- head: A meta információkat tárol, pl böngészőben a címsor, scriptek, css, stb
- title: A böngésző címsorában megjelenő szöveg
- body: A weboldalon megjelenő tényleges tartalom
- p: Egy bekezdést jelent. A böngésző minimális formázást alkalmaz rá
h1,h2,h3,h4,h5,h6 = Különböző méretű fejlécek
img = Kép "helye"
a = Hivatkozás (vagy horgonyok - anchor )
div = Szakasz
span = Szövegszintű szakasz azonosítása
HTML entitások
Összefoglaló
| Jel | Entitás | Kód |
|---|---|---|
| < | < | < |
| > | > | > |
| nem törhető szóköz | |   |
| & | & | & |