Depuis que j'ai commencé à écrire sur ce blog, même si j'ai essayé de concevoir des pages Web de manière simple, j'ai toujours dû essayer de comprendre les codes html car, même en utilisant le système automatique le plus simple et parfait pour créer un site, le besoin pour ajouter du code html personnalisé, il y en a toujours. Je ne suis pas un webmaster professionnel, mais tous ceux qui ont un blog ou un site devraient au moins connaître les éléments de base des balises HTML de base Je peux également indiquer divers portails en ligne qui agissent comme un support global pour ceux qui veulent apprendre et aussi pour les gestionnaires et les développeurs de sites Web. Même si les technologies ont évolué avec le temps avec la naissance de nouveaux langages de programmation tels que PHP, Javascript, CSS et ainsi de suite, il est nécessaire, même pour les plus expérimentés, d'avoir des points de référence pédagogiques pour les Webmasters et les web-designers .
Donc, comme il y a certainement beaucoup de sites Web plutôt pauvres et évitables, nous voyons les meilleurs sites qui présentent des exemples et des guides de code HTML et des applications Web qui vous permettent de faire des tests, des exercices, des expériences et des tests avec des éditeurs en ligne . Les sites suivants offrent non seulement une bonne base solide pour l'apprentissage du HTML, mais offrent également le meilleur environnement d'apprentissage, avec des outils interactifs qui peuvent être utilisés pour vérifier ce qui est appris et l'essayer sur le terrain.
LIRE AUSSI: Principaux langages de programmation utilisés pour les applications et les sites Web
1) Les meilleurs sites pour apprendre le HTML et la programmation sur Internet sont CodePen et les sites pour faire des tests de programmation, qui fournissent également des tutoriels, des guides et de nombreux tutoriels et exemples à étudier et à essayer avec un aperçu immédiat.
2) HTML Dog est le premier site à visiter si vous oubliez comment utiliser une commande ou une instruction HTML et CSS .
Le site est bien conçu et, surtout, très mis à jour contrairement à d'autres sites dédiés à la conception web qui contiennent souvent des guides obsolètes.
HTML Dog fournit, pour chaque fonction, balise ou attribut, un exemple clair de code que vous pouvez copier et coller dans votre éditeur.
Il existe trois niveaux de didacticiel, débutant, intermédiaire et avancé.
Même si le site est en anglais, il est très facile à consulter même pour ceux qui le connaissent superficiellement.
En utilisant le champ de recherche, vous pouvez obtenir des instructions et des exemples d'utilisation d'une balise particulière.
3) W3Schools est peut-être le meilleur site Web pour trouver des codes moins standard et plus imaginatifs.
Il contient de nombreux exemples de code, de PHP CSS et HTML à XML et Javascript .
La chose la plus utile sur le site W3Schools est un outil d'écran partagé utile où vous pouvez tester le code que vous apprenez dans chaque leçon .
Si vous modifiez le code HTML dans l'éditeur de boîte, vous pouvez immédiatement voir le résultat en aperçu afin de faire tous les tests que vous souhaitez.
Cet outil m'amène à ouvrir une parenthèse et à signaler d'autres sites qui proposent un éditeur html en ligne et instantané, très utile pour s'exercer en faisant des tests et voir ce qui se passe en changeant des valeurs et des commandes.
- HTML Instant est le plus célèbre des éditeurs HTML en ligne où vous écrivez du code à gauche et vous voyez immédiatement comment il est vu à droite
- HTML Edit est similaire à HTML Instant, mais l'éditeur est au-dessus et l'aperçu ci-dessous.
- JsBin est très utile pour ajouter du javascript comme jQuery, Prototype et autres.
4) Quackit est au même niveau que W3Schools, avec de nombreux exemples de html de base et avancé .
Tous les codes peuvent être copiés et collés sur votre site Web.
Pour chaque exemple, le code de programmation et le résultat graphique sont affichés.
Dans le menu en bas à gauche, il y a des générateurs de code automatiques où, en remplissant les champs de manière personnalisée, vous pouvez générer la partie de code dont vous avez besoin.
5) LandOfCode propose un éditeur en ligne, divisé en deux parties, pour tester le code HTML.
Sur le site, il existe de nombreux exemples de code HTML, bien que la mise en forme laisse un peu à désirer.
L' éditeur en ligne LandOfCode est plus avancé que celui de W3School car il dispose de boutons supplémentaires qui vous permettent d'afficher les résultats dans une nouvelle fenêtre et pas seulement dans la zone d'affichage à droite.
6) Html.it est le meilleur site italien pour lire des guides et des informations sur le code HTML utilisé pour créer un site Web.
Si ce n'était de la présence massive de publicité, ce serait excellent, avec de nombreux exemples à copier et coller selon vos besoins.
Cependant, la langue utilisée n'est pas trop simple et il est presque préférable de lire les guides de l'un des sites anglais ci-dessus.
7) HTML.com est un autre excellent site pour lire, étudier et rechercher des guides pour utiliser HTML, les balises CSS et trouver des exemples de toutes sortes de code de site Web.
Par curiosité, vous pouvez vous rendre sur le site WebPagesThatSuck où vous pouvez voir comment une page Web ne doit pas être faite, quelles erreurs éviter et où lire le classement des pires sites du monde.
Enfin, je me souviens d'une autre page de ce blog avec les meilleures ressources en ligne pour télécharger des schémas de synthèse HTML, CSS et Javascript, à imprimer .
