Hirdetés

HTML5

4 perc olvasás

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.

Hirdetés

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.

Hirdetés

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

Hirdetés

<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.

Hirdetés

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.

 


Iratkozz fel hírlevelünkre

Értesülj elsőnek a legújabb minőségi tételekről, jegyzetekről és az oldal új funkcióiról!

Sikeres feliratkozás

Valami hiba történt!