Home-theater-designers
El primer que s’ha d’aprendre quan s’estudia el desenvolupament web és com codificar amb HTML. Més important encara, ser capaç de codificar en HTML5 utilitzant totes les tècniques més recents.
Tot el que veieu en un lloc web es crea amb HTML i CSS (amb una mica de JavaScript ruixat). Hi ha molt a aprendre, doncs, quins són els millors recursos per començar?
Hi ha alguns llocs web fantàstics que ofereixen exemples de codificació HTML i tutorials ben dissenyats que us poden mostrar les maneres més efectives de codificar.
Aquí hi ha vuit llocs que ofereixen bons exemples de codi HTML i us ajuden a convertir-vos en un expert en HTML.
1. HTML Dog
HTML Dog ofereix una oferta de tutorials, tècniques, referències i exemples de codi HTML. També ofereixen CSS i JavaScript, que és un avantatge addicional si sou desenvolupador web. HTML Dog utilitza HTML5 per obtenir informació actualitzada.
Els seus exemples HTML cobreixen tot tipus de sintaxi amb demostracions per a cadascun.
En fer clic a qualsevol dels elements, s'obrirà una pàgina de codificació interactiva. HTML Dog proporciona exemples en quadres de codi que podeu copiar i enganxar al vostre propi codi HTML. És una bona manera de fusionar aprenentatge i treball.
Podeu veure la sortida HTML en viu del codi de mostra al tauler de la dreta. És una caixa de sorra ordenada per jugar amb tot tipus de codi.
2. W3Schools
W3Schools és àmpliament considerat com un recurs principal per a desenvolupadors web, amb exemples de codificació, des de PHP fins a JavaScript ( què és JavaScript? ) També trobareu una secció amb exemples bàsics de codificació HTML.
Igual que HTML Dog, han incorporat una eina de pantalla dividida per provar de codificar. Podeu provar l'HTML que apreneu a cada lliçó i experimentar amb diferents trossos de codi. Codifiqueu l'HTML, feu clic a Correr, i veureu com quedaria el codi en una pàgina HTML real.
3. Mozilla MDN
La xarxa de desenvolupadors de Mozilla (MDN) té documentació per a desenvolupadors web. Hi ha una llista completa de tutorials HTML i exemples de codi per provar. La majoria d’exemples s’inclouen als seus tutorials, de manera que treballar el seu camí us donarà moltes oportunitats d’aprendre.
MDN és molt apreciat pels desenvolupadors pel seu detall. Cobreixen el desenvolupament web amb gran detall, cosa que funciona al vostre avantatge ja que les seves seccions s’uneixen. Aprendràs un bon comportament perquè quan comences a codificar CSS o JavaScript tot funcioni sense problemes.
El detall pot ser una mica descoratjador al principi. Les seccions són molt exhaustives, però en tindreu el cap! Aquest és un recurs fantàstic per mantenir-lo a mesura que avança, no superaràs mai els tutorials.
4. freeCodeCamp
freeCodeCamp és conegut pels seus cursos en línia i guies de formació per a programadors. També tenen una gran secció d’exemples d’HTML. El tutorial que apareix a la imatge inclou exemples de codis, des d’elements per a principiants, com ara capçaleres, fins a conceptes avançats com el marcatge semàntic.
Cada secció té exemples d'HTML perquè pugueu veure l'element en acció. És un recurs fantàstic per tornar a aprendre a codificar.
5. Codecadèmia
Un dels llocs web més coneguts per a l’aprenentatge de la programació és Codecademy. A l’hora d’aprendre HTML, Codecademy no decep amb un curs de formació en HTML.
apareix el disc dur extern però no hi pot accedir
El curs té al voltant de nou hores de contingut i cobreix la major part de l’idioma. Es tracten en profunditat quatre seccions: elements, taules, formularis i HTML semàntic.
L’àrea de treball del curs és bastant avançada i us ofereix la flexibilitat de jugar al sandbox. També podeu canviar-lo a pantalla completa per veure l'aspecte del vostre lloc web en una finestra completa del navegador.
El més interessant d’aquest curs és que també incorpora aprenentatge mitjançant CSS per formatar les vostres pàgines. Això és útil ja que HTML i CSS funcionen de la mà per crear aplicacions web.
6. HTML.com
HTML.com és un lloc web dedicat a tot el que és HTML. En obrir el lloc, veureu una guia per a principiants per aprendre l’idioma des del punt zero. Val la pena llegir-lo abans de capbussar-se en la sintaxi.
Quan estigueu a punt per aprendre HTML.com té molts tutorials per a diverses matèries. Tutorials com l'estructura de documents HTML, l'ús d'enllaços en HTML i el treball amb imatges. Els seus tutorials són bones lectures, amb molts exemples de codi per mantenir-vos nítids. També trobareu una llista alfabètica d’elements HTML si voleu triar-ne un per obtenir més informació.
7. BitDegree
BitDegree se centra en l’aprenentatge interactiu de codis, de manera que és molt valuós com a guia HTML. Podeu llegir guies sobre tots els elements HTML. Cada guia explica què fa l'element i us mostra un tros de codi que l'utilitza.
Cada fragment de codi es pot obrir al seu sandbox per provar-lo. És un diccionari per a elements HTML. Aquí podeu passar molt de temps experimentant amb una referència ràpida del que fa tot.
8. Punt de tutories
Tutorials Point és un recurs HTML senzill. És fàcil navegar i identificar elements HTML per codificar exemples. Igual que la resta d’aquests exemples, és una bona opció per marcar-los i tenir-los a mà quan escriviu codi.
Més exemples i recursos de codi HTML
No hi ha res tan emocionant com passar un temps codificant el vostre propi lloc web i revelant la vostra obra mestra al món. Si estudieu HTML, esteu en camí d’unir-vos a les files dels desenvolupadors web que han creat les seves pròpies aplicacions. Aquests vuit exemples de codificació HTML són molt bons per guardar-los quan els necessiteu.
Si voleu aprofundir més en HTML, consulteu 17 senzilles peces de codi HTML que podeu aprendre en qüestió de minuts . Aprendre els conceptes bàsics de l’HTML és un lloc ideal per començar a escriure aplicacions web. Un cop arribeu prou lluny amb l'idioma, pot fer coses sorprenents.
Consulteu la nostra guia de entendre els conceptes bàsics del codi HTML , va de la mà de molts d’aquests exemples.
Compartir Compartir Tweet Correu electrònic Una guia per a principiants d’animació de la parlaAnimar la parla pot ser un repte. Si esteu preparat per començar a afegir diàlegs al vostre projecte, us desglossarem el procés.
Llegiu a continuació Temes relacionats- Internet
- Programació
- HTML
- Desenvolupament web
- Eines per a administradors web
- CSS
Anthony Grant és un escriptor independent que cobreix programació i programari. És un especialista en informàtica dedicat a la programació, Excel, programari i tecnologia.
Més d'Anthony GrantSubscriu-te al nostre butlletí
Uniu-vos al nostre butlletí per obtenir consells tècnics, ressenyes, llibres electrònics gratuïts i ofertes exclusives.
Feu clic aquí per subscriure-us