Lige siden jeg begyndte at skrive på denne blog, selvom jeg har forsøgt at designe websider på en enkel måde, har jeg altid været nødt til at prøve at forstå html-koder, fordi selv ved at bruge det nemmeste og perfekte automatiske system til at oprette et websted, var behovet at tilføje tilpasset html-kode er der altid. Jeg er ikke en professionel webmaster, men alle, der har en blog eller et websted, skal i det mindste kende de grundlæggende elementer i grundlæggende HTML-tags Jeg kan også indikere forskellige onlineportaler, der fungerer som global support for dem, der ønsker at lære, og også for ledere og udviklere af websteder. Selv i betragtning af at teknologier har ændret sig over tid med fødslen af nye programmeringssprog som PHP, Javascript, CSS og så videre, er det nødvendigt, selv for de mest erfarne, at have uddannelsesmæssige referencepunkter for webmastere og web-designere .
Så da der bestemt er mange ret dårlige og undgåelige websteder, ser vi de bedste websteder, der har eksempler og HTML-kodeguider og webapplikationer, der giver dig mulighed for at udføre tests, øvelser, eksperimenter og test med online redaktører . De følgende websteder tilbyder ikke kun et godt og solidt grundlag for at lære HTML, men tilbyder også det bedste læringsmiljø med interaktive værktøjer, der kan bruges til at verificere, hvad der læres og prøve det på marken.
LÆS OGSÅ: De vigtigste programmeringssprog, der bruges til apps og websteder
1) De bedste steder til læring af HTML og programmering på Internettet er CodePen og webstederne til at lave programmeringstest, som også indeholder tutorials, guider og mange tutorials og eksempler til at studere og prøve med øjeblikkelig forhåndsvisning.
2) HTML Dog er det første websted, der skal gå, hvis du glemmer, hvordan du bruger en HTML- og CSS-kommando eller -instruktion .
Webstedet er godt designet og frem for alt meget opdateret i modsætning til andre sider dedikeret til webdesign, der ofte indeholder forældede guider.
HTML Dog giver, for hver funktion, tag eller attribut, et klart eksempel på kode, som du kan kopiere og indsætte i din editor.
Der er tre vejledningsniveauer, begynder, mellemliggende og avanceret.
Selv hvis webstedet er på engelsk, er det meget let at konsultere, selv for dem, der kender det overfladisk.
Ved hjælp af søgefeltet kan du få instruktioner og eksempler på brug af et bestemt tag.
3) W3Schools er måske det bedste websted til at finde mindre standard og mere fantasifulde koder.
Det indeholder masser af kodeeksempler, fra PHP CSS og HTML, til XML og Javascript .
Den mest nyttige ting ved W3Schools-stedet er et nyttigt split screen-værktøj, hvor du kan teste den kode, du lærer i hver lektion .
Hvis du ændrer HTML-koden i bokseditoren, kan du med det samme se resultatet i en forhåndsvisning for at udføre alle de ønskede test.
Dette værktøj fører mig til at åbne en parentes og rapportere andre sider, der leverer en online og øjeblikkelig html-editor, meget nyttig til at øve ved at udføre tests og se, hvad der sker ved at ændre værdier og kommandoer.
- HTML Instant er den mest berømte af HTML-online redaktører, hvor du skriver kode til venstre, og du ser med det samme, hvordan det ses til højre
- HTML Edit ligner HTML Instant kun, at redaktøren er over og previewet nedenfor.
- JsBin er meget nyttigt til at tilføje javascript som jQuery, Prototype og andre.
4) Quackit er på samme niveau som W3Schools, med mange eksempler på grundlæggende og avanceret html .
Alle koder kan kopieres og indsættes på dit websted.
For hvert eksempel vises både programmeringskoden og det grafiske resultat.
I menuen nederst til venstre er der automatiske kodegeneratorer, hvor du ved at udfylde felter på en personlig måde kan generere den del af koden, du har brug for.
5) LandOfCode tilbyder en online editor, delt i to dele, til at teste HTML-koden.
På webstedet er der adskillige eksempler på HTML-kode, skønt formateringen lader lidt tilbage at ønske.
LandOfCode online-editor er mere avanceret end W3School, fordi den har yderligere knapper, der giver dig mulighed for at se resultaterne i et nyt vindue og ikke kun i displayområdet til højre.
6) Html.it er det bedste italienske websted til at læse guider og indsigt i HTML-koden, der bruges til at oprette et websted.
Hvis det ikke var for den massive tilstedeværelse af reklame, ville det være fremragende med mange eksempler til at kopiere og indsætte efter dine behov.
Det anvendte sprog er imidlertid ikke for enkelt, og det er næsten bedre at læse vejledningerne fra et af de engelske sider ovenfor.
7) HTML.com er et andet godt sted at læse, studere og søge efter guider til at bruge HTML, CSS-tags og finde eksempler på alle former for websitetskode.
Af nysgerrighed kan du gå til WebPagesThatSuck- webstedet, hvor du kan se på, hvordan en webside ikke skal laves, hvilke fejl der skal undgås og hvor du kan læse rangeringen af de værste steder i verden.
Til sidst husker jeg en anden side af denne blog med de bedste online ressourcer til at downloade HTML-, CSS- og Javascript-synteseskemaer, der skal udskrives .
