HTML alapok II.
HTML elemek
- br: sortörés
- hr: vízszintes vonal
- link: css, favicon megadása a head-ben
- meta: meta információk megadása a head-ben, pl: kódolás, kereső optimalizálás
- script: javascript helye
- style: html-be is írhatunk css-t
- em: kiemelés, dőlt
- blockquote, q: idézés
- <!-- -->: komment, feltételes komment
Táblázat
- table: táblázatot jelölő fő elem
- tbody: táblázat adatsorai
- thead: táblázat fejlécét tartalmazó sorok
- tfoot: táblázat láblécét tartalmazó sorok
- tr: sor
- td: cella
- th: fejlécet tartalmazó cella
- caption: táblázat címe
- tbody,thead,tfoot elhagyható és csak tr-ek is használhatóak
- rowspan: több soros cella
- colspan: több oszlopos cella
- headers: cellához tartozó fejlécek megadása
- colgroup, col: oszlopok kijelölése
Listák
- ul: nem rendezett lista
- ol: rendezett lista
- li: lista elem (csak ez lehet egy ul,ol-en belül)
- iframe: belső keret, más weboldalt lehet megnyitni benne
CSS alapok
- font-family: betűtípus
- font-size: betűméret
- font-weight: betűvastagság
- color: betűszín
- background-color: háttérszín
- background: háttér komplexebb megadása
- border: keret
- padding: belső margó
- margin: külső margó
- width: szélesség
- height: magasság
- display: méretezési, megjelenítési mód
HTML attribútumok, szelektorok
- id: egy oldalon egyedinek kell lennie
- class: több elem osztozhat rajta
- style: az elemek egyből az attribtumainál kaphat css szabályokat
Feladatok
Mi a hiba a feladatok/hiba.html fájlban? Hogyan lehet javítani?
Készíts HTML dokumentumot, mely tartalmazza a következőket:
- Két címsor: profil, órarend
- A profil alatt a saját vagy egy kitalált személy adatai jelenjenek meg.
- A profilhoz tartozzon egy profilkép is.
- Felsorolással listázd a kedvenc hobbijaid.
- Az órarend címsor alatt készítsd el az órarended egy szabályos táblázattal.
CSS segítségével formázd az előbb elkészített dokumentumot.