HTML alapok összefoglalója

Weblapkészítés (ELTE)

Fájltípusok, böngészők (browser)

	HTML fájl (weboldal)
	médiafájl: képfájl, hangfájl, videofájl
	PDF fájl
	programfájl
	stb.

	fájl --> böngésző --> megjeleníti/lejátssza/végrehajtja
	HTML fájl --> böngésző --> látvány

HTML fájl elemei

	címkék/parancsok/tag-ek
 	    páros - title, H1, p, ul, table, ...
	    páratlan - meta, br, hr, img, ...

	alkalmazás
	    páros - csak a nyitó és a záró tag közti szöveggel csinál valamit (ezért mindig írjuk ki a záró tag-et is!)
	    páratlan - egy HTML utasítást hajt végre anélkül, hogy valamilyen szövegrészre hatna

HTML fájl felépítése/struktúrája

	dokumentum típusa - DOCTYPE
	html
	    head
	    body

Fejrész - head

	cím
	meta elemek
	    karakterkészlet
	    szerző
	    ...
	stílusok
Ugrás a lap tetejére

Tartalom - body

	szövegek
		címsorok - h1, h2, ..., h6 (header1, ...)
		bekezdés - p (paragraph)
		sortörés - br (break)
		elválasztó (vízszintes vonal) - hr (horizontal rule)

	listák
		rendezetlen lista (felsorolás) - ul (unsorted list), li (list item)
		rendezett lista (sorszámozott) - ol (ordered list), li
		definíciós lista 

	táblázatok - table, tr (table row), th (table header),td (table data)

	médiaelemek
		kép - img (image)
		hang 
		videó 

	linkek/hivatkozások/horgonyok - a (anchor)
		szöveglink
		    másik saját oldalra (külső link)
		    másik "idegen" oldalra (külső link)
		    HTML lapon belülre (belső link)
		képlink

	kérdőívek 

Néhány megjegyzés az oldal használatáról

  • a halványsárga hátterű parancsszó egy HTML tag ("kacsacsőrök nélkül")
  • a sötétszürke fogalmakra, szavakra téve az egérkurzort kapunk egy kicsit részletesebb példát, leírást
  • a kék színű fogalmakra, szavakra kattintsunk rá, s egy magyarázó képet kapunk (jobboldalt van a forrás,
    ami létrehozta a baloldali "látványt")
  • Célszerű megnézni ezen oldal forráspogramját is (Ctrl+U), felismerhetünk benne jó néhány fent említett HTML tag-et!