Is Qu'est-ce que HTML? Qu'est ce que ça fait? Et à quoi sert-il? (Explication de la vidéo) - WinningWP

Comment créer un coupon Popup qui augmente les ventes

Comprendre le HTML ouvre le Web. Une fois que vous savez ce que c'est et comment cela fonctionne, vous verrez bientôt comment les bases de la plupart des fonctions Internet entières – et plus important encore: comment les pages Web de base sont créées et comment les éditer. De plus, bien que difficile au début, HTML est vraiment un langage très très simple à apprendre! Prêt à tout savoir sur le HTML?

Nous allons jeter un coup d'oeil…

Qu'est-ce que HTML et que fait-il?

– (note: crédits vidéo à Topher DeRosia – créateur de HeroPress)

Transcription de la vidéo:

Salut! Ceci est Topher avec Jaredritchey. Dans cette vidéo, nous allons répondre aux questions suivantes: Qu'est-ce que HTML? Que fait-il et à quoi sert-il? Je vais commencer par vous dire ce que cela signifie et ensuite je vous montrerai ce que ça fait et à quoi ça sert. HTML représente le langage de balisage hypertexte, et l'hypertexte fait référence au fait que HTML permet de cliquer sur des liens dans des pages Web. C'est l'hypertexte. Le langage de balisage des mots signifie simplement que c'est quelque chose que vous utilisez pour marquer un anglais normal pour indiquer des choses. Lemme vous montrer ce que je veux dire: ceci est une page Web normale. C'est dans WordPress, et la page entière utilise HTML pour dire au navigateur quoi faire avec tout ce texte. Certains sont plus importants que d'autres, certains se trouvent dans des tableaux, d'autres sont des images, et sur n'importe quelle page Web, dans n'importe quel navigateur, vous pouvez cliquer avec le bouton droit de la souris et afficher le code HTML. Heureusement, vous n'avez pas besoin de connaître tout ce HTML. Je vais vous montrer ce que vous devez savoir dans le contexte de WordPress. C'est le même article, mais dans la zone d'administration, et si vous êtes habitué à WordPress, cela devrait vous sembler familier. C'est la zone de contenu normale. Ce type d'éditeur s'appelle wysiwyg, car cela signifie que ce que vous voyez est ce que vous obtenez. Ce mot en premier est un peu plus sombre que tous les autres, car je l'ai mis en surbrillance et j'ai cliqué sur le bouton en gras. Ce mot, statistique, est en réalité un en-tête, taille trois, et la diversité est également un en-tête, taille quatre, mais ce texte normal n'est qu'un paragraphe. Maintenant, une chose intéressante à propos de cet éditeur est que, juste en haut à droite, un bouton indique le texte. Et maintenant, nous examinons les mêmes informations, mais nous pouvons voir le HTML brut. Voici le mot en premier. Vous rappelez-vous comment je l'ai mis en évidence et rendu audacieux? Ce qui s'est réellement passé, c'est qu'il s'est retrouvé dans des balises HTML appelées strong. HTML se présente généralement en deux balises: une ouverture et une fermeture, et la fermeture est différente car elle comporte cette petite barre oblique. Donc, quelque chose de vraiment important à savoir sur le HTML, c'est qu'il décrit le texte qu'il marque. Je ne veux pas vraiment que cela soit audacieux. Je veux que ce soit fort. Dans un lecteur d'écran, peu importe que ce soit en gras ou non, la balise forte indique au lecteur de le dire avec plus de force. Mes en-têtes, trois et quatre, ici, indiquent une hiérarchie à ce texte. Cela peut être utile pour les lecteurs, mais il est très utile pour Google de comprendre ce qui se passe avec votre texte et également utile pour les lecteurs d'écran. Il est important de noter que tous les navigateurs ne rendent pas le code HTML de la même manière. Même dans ce navigateur qui est Chrome, il s'agit d'une taille d'en-tête quatre, et il ressemble à du texte de paragraphe. Mais si nous revenons à l'article actuel, vous remarquerez que c'est beaucoup plus gros que le texte du paragraphe. Il est également important de se rappeler que tous les navigateurs ne montrent pas la même chose. Vous ne pouvez donc pas compter sur le HTML pour le rendre plus gros et plus gras. Vous utilisez simplement HTML pour le décrire comme une taille d'en-tête trois et ensuite le navigateur prend soin de quoi faire avec cela. Dans certains cas, cela le rend plus volumineux et audacieux, mais dans d'autres cas, ce n'est pas le cas. Dans cet article, nous avons une table ici, et si nous passons en mode texte, vous pouvez voir que c'est ici: table, corps de table, ligne de tableau, et cetera. Et en bas de la table, nous avons une image. Et dans le HTML, l'image ressemble à ceci: elle commence par img, puis il y a une classe, dont nous parlerons dans une autre vidéo, et ensuite la balise source, qui nous indique où l'image se trouve sur Internet. Nous avons une balise alt pour les lecteurs d'écran et nous avons une balise width et height, de sorte que le navigateur sache à l'avance quelle sera la taille de cette image. Vous n'aurez probablement pas besoin d'utiliser cet onglet de texte très souvent, mais vous en apprendrez un peu plus sur le fonctionnement de HTML, ce qui vous fera économiser beaucoup de temps à l'avenir. Lorsque l'éditeur wysiwyg ne se comporte pas comme il le devrait, vous pouvez cliquer sur l'onglet texte et voir ce qui se passe. Peut-être que vous voulez vraiment que ce deux-points se trouve à l'intérieur des balises fortes, mais votre souris ne veut pas la mettre en évidence correctement. Mais voilà, maintenant c'est à l'intérieur. Maintenant, nous pouvons mettre à jour, et nous viendrons ici, et je n'ai pas encore rechargé, donc les deux points sont toujours en dehors du fort, mais si je recharge maintenant, vous verrez que c'est juste un peu plus audacieux. Passons en revue ce que nous avons appris jusqu'ici: HTML est synonyme de langage de balisage hypertexte, ce qui signifie que c'est un langage destiné à baliser un anglais normal dans un hypertexte, et que l'hypertexte signifiait simplement que vous pouviez cliquer dessus. des choses, comme la déclaration des en-têtes et des tableaux et des images. HTML décrit le but du texte. Ensuite, il appartient au navigateur Web de savoir quoi faire avec ce texte. Si vous souhaitez en savoir plus sur WordPress, consultez jaredritchey.com.

Voir plus de vidéos…

Quelque chose à ajouter?

Voir la vidéo: Shopify: Créer un code promo

Like this post? Please share to your friends:
Laisser un commentaire

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: