HTML5
HTML (Hypertext Markup Language):
Jelentése HyperText Markup Language, vagyis hiperszöveges jelölőnyelv. A weboldalakat leíró jelnyelv, vagy az a kódrendszer, amit a weboldalak elkészítéséhez használnak.
A HTML egy kódnyelv, aminek segítségévek akár a Jegyzettömb segítségével is alkothatók weboldalak.
A hipertext jelenti valójában az interneten található oldalakat (dokumentumokat), amelyek szöveg, kép, videó, hang, animáció, vagy ezek valamilyen kombinációjából áll.
HTML 5 (Hypertext Markup Language):
A HTML nyelv ötödik változata.
Kifejlesztésének fő célja, hogy a webalkalmazások használatához ne kelljen kiegészítőket (például Flash‑t) telepíteni a böngészőkhöz.
Más új elemek a weboldal egyes részeinek meghatározására szolgálnak, így például a <header> a fejléc, a <footer> a lábléc, az <article> egy cikk, a <nav> pedig a navigáció jelölésére használható. Az így kapott kód az emberek és a számítógépek számára is könnyen értelmezhető lesz.
A napjainkban elterjedt böngészők mind támogatják ezt az új változatot.
HTML5 elemek:
Minden elem tartalmazza a Globális attribútumok.
Főbb elemek:
<html> – HTML-dokumentum gyökerét jelöli.
<head> – A metaadatok tárolója, és a <html> címke és a <body> címke közé kerül.
<meta> – HTML-dokumentum metaadatait határozza meg.
<script> – JavaScript beágyazására szolgál.
<link> – Az aktuális dokumentum és egy külső erőforrás közötti kapcsolatot határozza meg.
<style> – CSS beágyazására szolgál.
Oldalszerkezetek:
<body> – Dokumentum törzse
<main> – Fő tartalmi egység meghatározása
<article> – tartalmi egység (pl. cikk) elhelyezése
<header> – fejléc megadása
<footer> – lábléc
<section> – szakasz
<nav> – navigációs elemek
<aside> – Kapcsolódó, járulékos információ (jellemzően oldalsáv)
Szövegszintűek:
<i> – dőlt betű
<em> – hangsúlyos kiemelés
<b> – félkövér betű
<strong> – erős kiemelés
<u> – aláhúzás
<mark> – szövegkiemelés
További elemek:
<h1>, <h2>, <h3>, <h4>, <h5>, <h6> – Címsorok megadása
<p> – Bekezdés
<a> – Hivatkozási elem
<br> – Sortörés
<table> – HTML-táblázatot határoz meg.
<tr> – Táblázatsor
<th> – Táblázat Fejléce
<td> – Táblázat Cella
<img> – Egy kép HTML-oldalba való beágyazására szolgál.
<ol> – Számozott Lista
<ul> – Számozatlan Lista
<li> – Lista elemek
<div> – Egy felosztást vagy szakaszt határoz meg egy HTML-dokumentumban.
Attribútum:
További információkat adnak az elemekhez.
Globális Attribútumok:
Olyan paraméterek amiket minden elemhez használhatunk.
class
dir
id
style
title
Stíluslapok:
CSS szabvány által definiált stíluslapok legfontosabb jellemzője a lépcsőzetesség.
Előnyei:
A dokumentum forráskódja áttekinthetőbb, mert szétválasztható a tartalom megadása a megjelenítési stílus definiálásától.
Reszponzív weboldalak:
Tökéletesen illeszkedik a különböző multimédiás eszközök (mobil, tablet, laptop, monitor, stb.) képernyőihez, azok felbontásától függetlenül.