De când am început să scriu pe acest blog, chiar dacă am încercat să proiectez pagini web într-un mod simplu, am avut mereu să încerc să înțeleg codurile html deoarece, chiar și folosind cel mai simplu și perfect sistem automat pentru a crea un site, este nevoie pentru a adăuga cod html personalizat există întotdeauna. Nu sunt un webmaster profesionist, dar toți cei care au un blog sau un site ar trebui să cunoască cel puțin elementele de bază ale etichetelor HTML de bază De asemenea, pot indica diverse portaluri online care acționează ca suport global pentru cei care doresc să învețe, precum și pentru managerii și dezvoltatorii de site-uri web. Chiar dacă considerăm că tehnologiile s-au schimbat de-a lungul timpului odată cu nașterea de noi limbaje de programare, cum ar fi PHP, Javascript, CSS și așa mai departe, este necesar, chiar și pentru cei mai experimentați, să existe puncte de referință educațională pentru webmasteri și web-designeri .
Așadar, având în vedere că există cu siguranță o mulțime de site-uri web destul de sărace și de evitat, vedem cele mai bune site-uri care au exemple și ghiduri de cod HTML și aplicații web care vă permit să faceți teste, exerciții, experimente și teste cu editori online . Următoarele site-uri nu numai că oferă o bază bună și solidă pentru învățarea HTML, dar oferă și cel mai bun mediu de învățare, cu instrumente interactive care pot fi utilizate pentru a verifica ceea ce este învățat și a-l încerca pe teren.
CITEȘTE ȘI: Principalele limbaje de programare utilizate pentru aplicații și site-uri web
1) Cele mai bune site-uri pentru învățarea HTML-ului și programării pe internet sunt CodePen și site-urile pentru efectuarea testelor de programare, care oferă, de asemenea, tutoriale, ghiduri și multe tutoriale și exemple de studiat și încercat cu previzualizare imediată.
2) HTML Dog este primul site accesat dacă uitați cum să utilizați o comandă sau instrucțiune HTML și CSS .
Site-ul este bine conceput și, mai ales, foarte actualizat, spre deosebire de alte site-uri dedicate design-ului web care conțin adesea ghiduri învechite.
HTML Dog oferă, pentru fiecare funcție, etichetă sau atribut, un exemplu clar de cod pe care îl puteți copia și insera în editor.
Există trei niveluri de tutorial, începător, intermediar și avansat.
Chiar dacă site-ul este în engleză, este foarte ușor de consultat chiar și pentru cei care îl cunosc superficial.
Utilizând câmpul de căutare, puteți obține instrucțiuni și exemple pentru utilizarea unei anumite etichete.
3) W3Schools este poate cel mai bun site web pentru a găsi coduri mai puțin standard și mai imaginative.
Conține o mulțime de exemple de cod, de la PHP CSS și HTML, la XML și Javascript .
Cel mai util lucru despre site-ul W3Schools este un instrument util cu ecran despărțit, unde puteți testa codul învățat în fiecare lecție .
Dacă modificați codul HTML în editorul de casete, puteți vedea imediat rezultatul în previzualizare, pentru a face toate testele pe care le doriți.
Acest instrument mă determină să deschid o paranteză și să raportez alte site-uri care oferă un editor html online și instantaneu, foarte util pentru exersarea efectuării de teste și pentru a vedea ce se întâmplă prin schimbarea valorilor și comenzilor.
- HTML Instant este cel mai cunoscut dintre editorii online HTML în care scrii cod în stânga și vei vedea imediat cum se vede în dreapta
- Editarea HTML este similară cu HTML Instant doar că editorul este deasupra și previzualizarea de mai jos.
- JsBin este foarte util pentru adăugarea javascript precum jQuery, Prototip și altele.
4) Quackit este la același nivel ca W3Schools, cu multe exemple de html de bază și avansate .
Toate codurile pot fi copiate și lipite pe site-ul dvs. web.
Pentru fiecare exemplu, sunt afișate atât codul de programare, cât și rezultatul grafic.
În meniul din partea stângă jos există generatoare automate de cod, unde, completând câmpurile într-un mod personalizat, puteți genera porțiunea de cod de care aveți nevoie.
5) LandOfCode oferă un editor online, împărțit în două părți, pentru a testa codul HTML.
Pe site există numeroase exemple de cod HTML, deși formatarea lasă puțin de dorit.
Editorul online LandOfCode este mai avansat decât cel al W3School, deoarece are butoane suplimentare care vă permit să vizualizați rezultatele într-o fereastră nouă și nu doar în zona de afișare din dreapta.
6) Html.it este cel mai bun site italian pentru citirea ghidurilor și informații despre codul HTML utilizat pentru crearea unui site web.
Dacă nu ar fi pentru prezența masivă a publicității, ar fi excelent, cu numeroase exemple de copiat și lipit pentru nevoile dvs.
Cu toate acestea, limba folosită nu este prea simplă și este aproape mai bine să citiți ghidurile de pe unul dintre site-urile engleze de mai sus.
7) HTML.com este un alt site minunat pentru a citi, studia și căuta ghiduri pentru a utiliza taguri HTML, CSS și pentru a găsi exemple de tot felul de cod de site.
Din curiozitate, puteți accesa site-ul WebPagesThatSuck unde puteți privi cum nu trebuie făcută o pagină web, ce greșeli să evitați și unde să citiți clasamentul celor mai grave site-uri din lume.
În sfârșit, îmi amintesc o altă pagină a acestui blog cu cele mai bune resurse online pentru a descărca scheme de sinteză HTML, CSS și Javascript, pentru a fi tipărite .
