Ända sedan jag började skriva på den här bloggen, även om jag har försökt att designa webbsidor på ett enkelt sätt, har jag alltid varit tvungen att förstå html-koder, även om jag använder det enklaste och perfekta automatiska systemet för att skapa en webbplats, behovet att lägga till anpassad HTML-kod finns det alltid. Jag är inte en professionell webbansvarig men alla som har en blogg eller en webbplats bör åtminstone känna till de grundläggande elementen i grundläggande HTML-taggar Jag kan också ange olika onlineportaler som fungerar som ett globalt stöd för dem som vill lära sig och även för chefer och utvecklare av webbplatser. Även med tanke på att teknologier har förändrats med tiden med att nya programmeringsspråk som PHP, Javascript, CSS och så vidare har funnits, är det nödvändigt, även för de mest erfarna, att ha pedagogiska referenspunkter för webbansvariga och webbdesigners .
Så eftersom det verkligen finns många ganska dåliga och undvikbara webbplatser, ser vi de bästa webbplatserna som presenterar exempel och guider för HTML-kod och webbapplikationer som gör att du kan göra tester, övningar, experiment och tester med online-redaktörer . Följande webbplatser erbjuder inte bara en bra och solid grund för att lära sig HTML, utan erbjuder också den bästa inlärningsmiljön med interaktiva verktyg som kan användas för att verifiera vad som lärs och testa det på fältet.
LÄS OCH: Huvudsakliga programmeringsspråk som används för appar och webbplatser
1) De bästa webbplatserna för att lära sig HTML och programmering på internet är CodePen och webbplatserna för att göra programmeringstester, som också innehåller handledning, guider och många tutorials och exempel att studera och prova med omedelbar förhandsvisning.
2) HTML Dog är den första webbplatsen som går om du glömmer hur du använder ett HTML- och CSS-kommando eller instruktion .
Webbplatsen är väl utformad och framför allt mycket uppdaterad till skillnad från andra webbplatser som är dedikerade till webbdesign som ofta innehåller föråldrade guider.
HTML Dog ger, för varje funktion, tagg eller attribut, ett tydligt exempel på kod som du kan kopiera och klistra in i din redigerare.
Det finns tre lektionsnivåer, nybörjare, mellanliggande och avancerade.
Även om webbplatsen är på engelska är det väldigt lätt att konsultera även för dem som känner till det ytligt.
Med hjälp av sökfältet kan du få instruktioner och exempel på hur du använder en viss tagg.
3) W3Schools är kanske den bästa webbplatsen för att hitta mindre standard och mer fantasifulla koder.
Den innehåller massor av kodexempel, från PHP CSS och HTML, till XML och Javascript .
Det mest användbara med W3Schools-webbplatsen är ett användbart verktyg för delad skärm där du kan testa koden du lär dig i varje lektion .
Om du ändrar HTML-koden i boxredigeraren kan du omedelbart se resultatet i förhandsgranskning för att göra alla test du vill.
Det här verktyget leder till att jag öppnar en parentes och rapporterar andra webbplatser som tillhandahåller en online-redaktör för html online, mycket användbar för att öva genom att göra tester och för att se vad som händer genom att ändra värden och kommandon.
- HTML Instant är den mest kända av HTML-redigerare där du skriver kod till vänster och du ser omedelbart hur den ses till höger
- HTML-redigering liknar HTML Instant endast som redigeraren är ovanför och förhandsgranskningen nedan.
- JsBin är mycket användbart för att lägga till javascript som jQuery, Prototype och andra.
4) Quackit är på samma nivå som W3Schools, med många exempel på grundläggande och avancerad html .
Alla koder kan kopieras och klistras in på din webbplats.
För varje exempel visas både programmeringskoden och det grafiska resultatet.
I menyn längst ner till vänster finns automatiska kodgeneratorer, genom att fylla i fält på ett personligt sätt kan du generera den del av koden du behöver.
5) LandOfCode erbjuder en online-redigerare, uppdelad i två delar, för att testa HTML-koden.
På webbplatsen finns det många exempel på HTML-kod, även om formateringen lämnar lite att önska.
LandOfCode online-redigeraren är mer avancerad än W3School eftersom den har ytterligare knappar som gör att du kan se resultaten i ett nytt fönster och inte bara i visningsområdet till höger.
6) Html.it är den bästa italienska webbplatsen för att läsa guider och insikter om HTML-koden som används för att skapa en webbplats.
Om det inte var för den massiva närvaron av reklam skulle det vara utmärkt, med många exempel att kopiera och klistra in för dina behov.
Det språk som används är dock inte så enkelt och det är nästan bättre att läsa guiderna från en av de engelska webbplatserna ovan.
7) HTML.com är en annan bra webbplats att läsa, studera och söka efter guider för att använda HTML, CSS-taggar och hitta exempel på alla typer av webbplatskoder.
Av nyfikenhet kan du gå till WebPagesThatSuck- webbplatsen där du kan titta på hur en webbsida inte ska göras, vilka misstag du ska undvika och var du kan läsa rankningen av värsta webbplatser i världen.
Slutligen kommer jag ihåg en annan sida i den här bloggen med de bästa resurserna online för att ladda ner HTML-, CSS- och Javascript-syntesplaner, som ska skrivas ut .
