Sinds ik op deze blog begon te schrijven, ook al heb ik geprobeerd om webpagina's op een eenvoudige manier te ontwerpen, moest ik altijd proberen html-codes te begrijpen, want zelfs met behulp van het gemakkelijkste en perfecte automatische systeem om een site te maken, was de behoefte om aangepaste html-code toe te voegen is er altijd. Ik ben geen professionele webmaster, maar iedereen die een blog of site heeft, moet op zijn minst de basiselementen van eenvoudige HTML-tags kennen Ik kan ook verschillende online portals aangeven die fungeren als wereldwijde ondersteuning voor degenen die willen leren en ook voor beheerders en ontwikkelaars van websites. Zelfs als we bedenken dat technologieën in de loop van de tijd zijn veranderd met de geboorte van nieuwe programmeertalen zoals PHP, Javascript, CSS enzovoort, is het, zelfs voor de meest ervaren, noodzakelijk om educatieve referentiepunten te hebben voor webmasters en webdesigners .
Omdat er dus zeker veel tamelijk slechte en vermijdbare websites zijn, zien we de beste sites met voorbeelden en HTML-codegidsen en webtoepassingen waarmee u tests, oefeningen, experimenten en tests kunt uitvoeren met online editors . De volgende sites bieden niet alleen een goede en solide basis voor het leren van HTML, maar bieden ook de beste leeromgeving, met interactieve tools die kunnen worden gebruikt om te verifiëren wat er is geleerd en om het op het veld uit te proberen.
LEES OOK: Belangrijkste programmeertalen die worden gebruikt voor apps en websites
1) De beste sites voor het leren van HTML en programmeren op internet zijn CodePen en de sites voor het maken van programmeertests, die ook tutorials, handleidingen en vele tutorials en voorbeelden bieden om te bestuderen en uit te proberen met onmiddellijke preview.
2) HTML Dog is de eerste site die u bezoekt als u vergeet hoe u een HTML- en CSS-opdracht of -instructie moet gebruiken .
De site is goed ontworpen en vooral zeer bijgewerkt, in tegenstelling tot andere sites die zijn gewijd aan webdesign en die vaak verouderde handleidingen bevatten.
HTML Dog biedt voor elke functie, tag of attribuut een duidelijk voorbeeld van code die je kunt kopiëren en plakken in je editor.
Er zijn drie tutorialniveaus : beginner, gemiddeld en gevorderd.
Zelfs als de site in het Engels is, is het heel gemakkelijk te raadplegen, zelfs voor degenen die het oppervlakkig kennen.
Met behulp van het zoekveld kunt u instructies en voorbeelden krijgen voor het gebruik van een bepaalde tag.
3) W3Schools is misschien wel de beste website om minder standaard en meer fantasierijke codes te vinden.
Het bevat veel codevoorbeelden, van PHP CSS en HTML tot XML en Javascript .
Het handigste aan de W3Schools-site is een handige tool voor gesplitst scherm waarmee je de code die je leert in elke les kunt testen .
Als u de HTML-code in de vakeditor wijzigt, kunt u het resultaat onmiddellijk in het voorbeeld bekijken om alle gewenste tests uit te voeren.
Deze tool brengt me ertoe een haakje te openen en andere sites te rapporteren die een online en instant html-editor bieden, erg handig om te oefenen door tests uit te voeren en om te zien wat er gebeurt door waarden en opdrachten te veranderen.
- HTML Instant is de bekendste van de online HTML-editors waar je code aan de linkerkant schrijft en je ziet meteen hoe het aan de rechterkant wordt gezien
- HTML bewerken is vergelijkbaar met HTML Instant, alleen is de editor hierboven en het voorbeeld hieronder.
- JsBin is erg handig voor het toevoegen van javascript zoals jQuery, Prototype en anderen.
4) Quackit is op hetzelfde niveau als W3Schools, met veel voorbeelden van eenvoudige en geavanceerde html .
Alle codes kunnen worden gekopieerd en geplakt op uw website.
Voor elk voorbeeld worden zowel de programmeercode als het grafische resultaat getoond.
In het menu links onderaan staan automatische codegeneratoren waar je, door velden op een gepersonaliseerde manier in te vullen, het stukje code kunt genereren dat je nodig hebt.
5) LandOfCode biedt een online editor, verdeeld in twee delen, om de HTML-code te testen.
Op de site staan talloze voorbeelden van HTML-code, hoewel de opmaak een beetje te wensen overlaat.
De online editor van LandOfCode is geavanceerder dan die van de W3School omdat deze extra knoppen heeft waarmee u de resultaten in een nieuw venster kunt bekijken en niet alleen in het weergavegebied aan de rechterkant.
6) Html.it is de beste Italiaanse site voor het lezen van handleidingen en inzichten in de HTML-code die wordt gebruikt om een website te maken.
Zonder de enorme aanwezigheid van advertenties zou het uitstekend zijn, met veel voorbeelden om naar uw behoeften te kopiëren en te plakken.
De gebruikte taal is echter niet al te eenvoudig en het is bijna beter om de handleidingen van een van de Engelse sites hierboven te lezen.
7) HTML.com is een andere geweldige site om gidsen te lezen, bestuderen en zoeken om HTML, CSS-tags te gebruiken en voorbeelden te vinden van allerlei soorten websitecode.
Uit nieuwsgierigheid kunt u naar de WebPagesThatSuck- website gaan, waar u kunt bekijken hoe een webpagina niet gemaakt mag worden, welke fouten u moet vermijden en waar u de ranglijst van de slechtste sites ter wereld kunt lezen.
Ten slotte herinner ik me nog een pagina van deze blog met de beste online bronnen om HTML-, CSS- en Javascript-syntheseschema's te downloaden, om af te drukken .
