Want to create interactive content? It’s easy in Genially!

Get started free

Marka-lengoaiak: Oinarrizko HTML5

Uzuri Rosa Bengoa

Created on November 1, 2025

Start designing with a free template

Discover more than 1500 professional designs like these:

Terrazzo Presentation

Visual Presentation

Relaxing Presentation

Modern Presentation

Colorful Presentation

Modular Structure Presentation

Chromatic Presentation

Explore all templates

Transcript

Marka-lengoaiak

OINARRIZKO HTML5

Uzuri Rosa. Lan honek Creative Commons Aitortu-EzKomertziala-PartekatuBerdin 4.0 Nazioarteko Baimena dauka (CC BY-NC-SA 4.0).

HTML zer da?

HTML edo HyperText Markup Language web-orriak egiteko sortutako markatze- lengoaia bat da. Informazioa egituratzeko erabiltzen da -testua buruan, paragrafo batean, zerrenda batean eta beste batzuetan sailkatuz- eta neurri batean itxura eta semantika deskribatzeko ere erabil daiteke.

Aurkibidea

Estiloak
Nola hasi
Irudiak
HTML elementuak
Estekak
Izenburuak
Adibideak
Paragrafoak eta lerroak
Ariketak
Karaktere-aukerak

Nola hasi?

  1. Microsoft Notepad (Bloc de notas) (edo Notepad++) erabili behar da.
  2. Bertan HTML kodea idatzi (ikusi HTML kodea idazteko mantendu beharreko egitura adibide batean +info atalean)
  3. Fitxategia *.html fitxategi-luzapenarekin gorde.
  4. Ireki fitxategia Google Chrome-kin emaitza ikusteko

+ info

Zer da HTML elementu bat? HTML elementu bat hasierako etiketa batek, eduki batzuk eta amaierako etiketa batek definitzen dute: <tagname> Edukia hemen idazten da... </tagname> HTML elementua hasierako etiketatik amaierara arteko guztia da. HTML etiketek ez dute larriak eta xeheak bereizten: <P> <p>-ren berdina da, baina letra xeheak erabiltzea gomendatzen da.

+ info

Izenburuak

Izenburuak nola sortzen diren

Paragrafoak

Paragrafoak nola sortzen diren: <p>Paragrafoan agertu behar den testua</p> Lerro-jauziak nola sortzen diren: <br/> Lerro horizontalak nola sortzen diren: <hr>

Karaktere-aukerak

  • <b> Testu lodia </b>
  • <big> Testu handia </big>
  • <em> Testu enfatizatua </em>
  • <i> Testu etzana </i>
  • <small> Testu txikia </small>
  • <strong> Testu gogorra </strong>
  • <sub> Azpi indizea </sub>
  • <sup> Goi indizea </sup>
  • <ins> Testu azpimarratua </ins>
  • <del> Testu ezabatua </del>

Anima tu contenido yllévalo al siguiente nivel

Estilo desberdinak nola aplikatu daitezkeen:

style="font-family:arial (edo verdana, courier,..); font-size:30px (pixeletan: 30px, edo %tan: 150%); color:blue (edo yellow, magenta, aqua, maroon, lightblue,..); background-color:lightgreen (edo yellow, magenta, aqua, maroon, lightblue,..); border:double maroon 6px" (edo solid, double, dotted);" Web orriaren atzeko planoaren kolorea aldatzeko: <body style="background-color:aqua (edo yellow, red, maroon, lightgreen, purple,...)">
Informazio gehigarria: HTML W3schools styles

Irudiak

Irudiak nola sortzen diren

Estekak

Estekak nola sortzen diren

Adibideak

HTML W3schools adibideak:
HTML W3schools quiz:
HTML cheat sheet @Manz-ek sortua:
FalconMasters (Azaroak 1, 2025). Curso Básico de HTML desde 0 - Introducción. Youtube. https://youtu.be/cqMfPS8jPys?si=KFGY60D4_bTqk_CI
http://twitter.com/Manz

Ariketak 1

HTML W3schools exercises (Introduction. Basic):

Ariketak 2

Marka-lengoaiak

OINARRIZKO HTML5

Uzuri Rosa. Lan honek Creative Commons Aitortu-EzKomertziala-PartekatuBerdin 4.0 Nazioarteko Baimena dauka (CC BY-NC-SA 4.0).

Kontuan izan…

*** HTML fitxategia eta irudiak leku berdinean gordeta izatea gomendagarria da. *** Irudiaren propietateak begiratu behar dira (irudi gainean jarri, eskumako botoia → propiedades).

Esteka bat duen irudia sartzeko

Erabili beharreko kodea: <a href="Zabaldu beharreko URLa" title="Sagua estekaren gainean jartzerakoan agertu beharreko testu lagungarria"> <img src="Irudia eta non dagoen (fitxategia non kokatuta dagoen edo URLa)" width="300" (irudiaren zabalera) height="100" (irudiaren altuera)/> </a>

HTML dokumentu sinple baten adibidea

Utiliza este espacio para destacar datos super-relevantes.