Introducció al HTML

This translation is incomplete. Please help translate this article from English.

En el fons, HTML és un llenguatge bastant simple compost d'elements, que es poden aplicar a peces de text per donar-los significats diferents en un document (és un paràgraf? És una llista de vinyetes? és part d'una taula?), l'estructura d'un document en seccions lògiques (té una capçalera? tres columnes de contingut? un menú de navegació?) i insertar contingut com imatges i vídeos en una pàgina. Aquest mòdul us presentarà els dos primers d'aquests, i us introduirà en els conceptes fonamentals i la sintaxi que necessiteu saber per entendre HTML.

Requisits previs

Abans d'iniciar aquest mòdul, no cal cap coneixement d'HTML previ, però heu de tenir almenys coneixements bàsics de l'ús d'ordinadors, i l'ús de la web de forma passiva (és a dir, simplement mirant, consumint el contingut.) Heu de tenir un entorn de treball bàsic configurat com es descriu en Instal.lació de programari bàsic,  i entendre com crear i administrar arxius, com es detalla en Tractar amb arxius — tots dos són parts del nostre mòdul Introducció a la  web per a principiants.

Nota: Si esteu treballant en un ordinador/tauleta/altre dispositiu en el qual no teniu la capacitat de crear els vostres propis arxius, podeu provar (la majoria) els exemples de codi en un programa de codificació en línia, com ara JSBin o Thimble.

Guies

Aquest mòdul conté els següents articles, que us portarà a través de tota la teoria bàsica d'HTML, i oferint-vos una gran oportunitat per posar a prova algunes habilitats.

Introducció a HTML
Cobreix els fonaments absoluts d'HTML, perquè pugueu començar - definirem els elements, atributs i tots els altres termes importants que podeu haver sentit, i on encaixen en el llenguatge. També us mostrarem com s'estructura un element HTML, com s'estructura una pàgina HTML típica, i explicarem altres importants característiques bàsiques del llenguatge. En el camí, tindrem un joc amb una mica d'HTML, perquè t'interessi!
Què hi ha en la capçalera? Metadades en HTML
La capçalera (head) d'un document HTML és la part que no es mostra en el navegador web quan es carrega la pàgina. Conté informació tal com el <title> de la pàgina, enllaços a CSS (si voleu donar estil el vostre contingut HTML amb CSS), enllaços a faviconos personalitzats, i les metadades (que són dades sobre l'HTML, com qui el va escriure, i les paraules clau importants que descriuen el document.)
Fonaments de text HTML
Un dels treballs principals de l'HTML és donar significat de text (també conegut com la semàntica), de manera que el navegador sap com mostrar-ho correctament. En aquest article s'analitza com usar HTML per trencar un bloc de text en una estructura d'encapçalats i paràgrafs, afegir èmfasis/importància a les paraules, crear llistes i molt més.
Creació d'hipervincles
Els hipervincles són realment importants - són el que fan de la web un web. En aquest article es mostra la sintaxi necessària per fer un enllaç, i discuteix les millors pràctiques d'enllaços.
Format de text avançat
Hi ha molts altres elements en HTML per donar format al text, que no vam poder en l'article de fonaments de text HTML. Els elements d'aquí són menys coneguts, però encara són útils de conèixer. Aquí aprendreu sobre el marcatge de cites, llistes de descripció, codi de computadora i altre text relacionat, subíndexs i superíndexs, informació de contacte, i més.
Document i estructura del lloc web
Així com es defineixen les parts individuals de la pàgina (per exemple, "un paràgraf" o "una imatge"), HTML també s'utilitza per definir les àrees del vostre lloc web (per exemple, "la capçalera", "el menú de navegació", "el principal contingut de la columna ".) en aquest article es reflexiona sobre com planificar una estructura bàsica del lloc web, i escriure el codi HTML per representar aquesta estructura.
Depuració HTML
Escriure HTML està molt bé, però i si alguna cosa va malament, i no es pot calcular on està l'error en el codi? Aquest article us donarà a conèixer algunes eines que poden ajudar-vos.

Avaluacions

Les següents avaluacions posaran a prova la vostra comprensió dels conceptes bàsics d'HTML coberts en les guies anteriors.

Marcatge d'una carta
Tots aprenem a escriure una carta, tard o d'hora; també és un exemple útil per posar a prova les vostres habilitats de format de text! Així que en aquesta avaluació se us donarà una carta per marcar.
Estructuració d'una pàgina de contingut
Aquesta avaluació posa a prova la vsotra capacitat d'utilitzar HTML per estructurar una simple pàgina de contingut, que conté una capçalera, peu de pàgina, el menú de navegació, contingut principal, i la barra lateral.

Veure

Conceptes bàsics d'alfabetització Web 1
Un excel·lent curs de la fundació Mozilla que explora i posa a prova moltes de les habilitats parlades en al mòdul Introducció a HTML. Els estudiants es familiaritzaran amb la lectura, l'escriptura i participació en la web en aquest mòdul de sis parts. Descobriran els fonaments del web a través de la producció i col·laboració.

Document Tags and Contributors

 Contributors to this page: Legioinvicta
 Last updated by: Legioinvicta,