Le chemin pour apprendre HTML5

Le HTML5 est actuellement très populaire, et les experts estiment qu'il ne sera pas dépassé dans les 10 prochaines années. De plus en plus d'amis commencent à apprendre la technologie HTML5, mais beaucoup d'entre eux ne savent pas par où commencer à apprendre le HTML5, et ils ne savent pas quel est le bon itinéraire d'apprentissage du HTML5, ce qui conduit à de mauvais résultats dans l'apprentissage du HTML5. l'efficacité est encore plus faible. Alors aujourd’hui, l’éditeur partagera avec vous un parcours d’apprentissage correct pour dissiper vos doutes.

Pour nos étudiants qui viennent de commencer à apprendre le HTML, les balises compliquées sont très gênantes et difficiles à mémoriser. Sans plus tarder, le premier compilateur que je recommande est Hbuider, en tant que premier compilateur développé par nous chinois En tant que compilateur, nous le soutenons naturellement.

Parlons d'abord de la chose la plus précieuse du h5. Son plus grand avantage est qu'il peut être compatible avec les trois ports de WeChat, Android et iOS pour obtenir la compatibilité du code. Le client Taobao que nous utilisons actuellement est C'est le cas. implémenté en utilisant h5. Non seulement il est bien fluide, mais il est aussi plus beau !

Il faut savoir que le HTML est un langage de balises plutôt qu'un langage de programmation, donc c'est relativement simple.

Balise de titre

---

Ligne horizontale

Saut de ligne forcé

Balises de paragraphe

 Espace

italique Accentuation du ton italique

ton plus fort grasbold

milieu souligné

Soulignement

Indice

^{Up Mark}

Définir un style distinct pour le texte

Citation du texte court

;Références au texte long

Aucun saut de ligne

Voici quelques-unes des balises les plus élémentaires que vous n'avez pas besoin de trop maîtriser lorsque vous le faites. commencez par apprendre. Il y a beaucoup de choses, mais les choses les plus élémentaires doivent être appliquées habilement !

La balise de titre est le premier niveau, le deuxième niveau et le troisième niveau que nous utilisons lors de la création de documents... Le titre ici est

... .. Il est défini de cette façon, mais c'est un langage à double balisage

Par exemple, nous définissons un titre de premier niveau comme

Je suis une balise h1

Cela a un début et une fin. La plupart du HTML C'est comme ça Cependant, il existe aussi des étiquettes à porte unique, avec lesquelles nous sommes progressivement entrés en contact lorsque nous l'avons appris plus tard.

Il y a aussi notre composition HTML la plus importante. Je le connais personnellement en tant qu'ami

Voici la présentation générale de l'étiquette la personne de la tête aux pieds est la tête, qui est la tête. Les styles que nous définissons sont tous écrits ici. Les amis qui le connaissent savent peut-être que le style CSS est écrit ici

Ensuite, plus bas se trouve le corps, qui est écrit ici. est le corps. Sous la tête se trouve le corps. Le corps est l'endroit où nous écrivons le code de notre mise en page

Le parcours d'apprentissage HTML5 suit les quatre étapes suivantes :

1. , utilisation, processus de développement, etc. de HTML5 ;apprendre ps Opérations de base du logiciel : telles que couper des images, découper des images, etc. ; apprendre le HTML (jusqu'à la maîtrise de la mise en page Web HTML+CSS) ; vous pouvez utiliser indépendamment DIV+CSS pour compléter la mise en page et la refonte de divers sites Web interactifs. La première étape de l'apprentissage est terminée.

2. Apprendre les effets spéciaux de sites Web côté PC + interaction front-end et back-end ; apprendre les effets spéciaux JavaScript et jQuery (nécessite la maîtrise des outils de gestion Git ); vous pouvez appliquer habilement JavaScript et jQuery natifs, afin de compléter les effets spéciaux et l'interaction front-end et back-end de diverses pages Web populaires côté PC (en particulier les pages Web de commerce électronique), et la deuxième étape a été complétée avec succès .

3. Apprenez le développement de pages mobiles + la mise en page réactive ; découvrez les nouvelles fonctionnalités de HTML5+CSS3, telles que : le texte HTML5, les images, les liens, les tableaux, les listes, les formulaires, les cadres, la syntaxe CSS de base et diverses options de sélection. (sélecteurs universels, sélecteurs d'éléments, sélecteurs d'identifiant et de classe, sélecteurs descendants, sélecteurs de pseudo-classe, etc.), modèles de boîtes et arrière-plans, formatage de texte, tableaux, affichage et positionnement, développement de frameworks mobiles couramment utilisés ; .; jusqu'à ce que vous puissiez utiliser HTML5 et CSS3 natifs pour réaliser des applications mobiles, telles que : WebAPP, micro-scène, développement d'un système de gestion d'arrière-plan, etc., ce qui marque la réussite de la troisième étape du parcours d'apprentissage HTML5.

4. Apprenez des connaissances avancées sur le front-end, apprenez le framework de développement front-end Vue, Angular.js, le développement React.js, apprenez à développer sur la plateforme Node.js, apprenez ES6, optimisation des performances front-end , développement WeChat, etc.; Être capable d'utiliser le framework pour développer des applications WEB marque la réussite totale de cette étape d'apprentissage.

Après avoir parfaitement appris les quatre étapes ci-dessus, vous avez déjà satisfait aux exigences d'emploi de l'entreprise pour les ingénieurs de développement front-end. Mais si vous souhaitez continuer à évoluer vers un niveau supérieur, il reste encore beaucoup de connaissances de base à acquérir, et vous devez explorer et avancer dans votre travail.

【Recommandations associées】

Éléments de base du HTML, permettant d'apprendre le HTML à partir de zéro

Cours d'introduction au HTML

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!