La FAQ HTML essentielle à marquer

Le HTML existe depuis longtemps, il est donc temps que vous en appreniez les bases. Qu'est-ce que c'est, comment ça marche et comment écrire des éléments communs en HTML.

Avant de commencer, assurez-vous de lire notre guide des éditeurs HTML gratuits en ligne. 5 meilleurs éditeurs HTML en ligne gratuits pour tester votre code 5 meilleurs éditeurs HTML en ligne gratuits pour tester votre code Lorsque vous souhaitez simplement manipuler un petit extrait de code HTML, vous pouvez l’ajuster à votre guise, un éditeur HTML en ligne vous servira mieux. En savoir plus et les meilleurs sites Web pour des exemples HTML de qualité 8 Meilleurs sites Web pour des exemples de codage HTML de qualité 8 Meilleurs sites Web pour des exemples de codage HTML de qualité Certains sites Web impressionnants offrent des exemples et des didacticiels de codage HTML bien conçus et utiles. Voici huit de nos favoris. Lire la suite .

Qu'est-ce que le HTML?

HTML est le langage utilisé pour construire des pages Web. HTML signifie Langage Signalétique Hyper Text et est simple un ensemble d'instructions pour votre navigateur Web. En utilisant ces instructions, votre navigateur affiche à quoi une page Web devrait ressembler.

Il est important de comprendre que c'est un balisage langue, pas un la programmation la langue. Les langages de programmation vous permettent de résoudre des problèmes, tels que des équations mathématiques, la manipulation de données ou le déplacement d'un personnage de jeu vidéo..

Vous ne pouvez pas écrire de logique en HTML. Il ne concerne que la mise en page.

À quoi ressemble HTML?

HTML se compose de plusieurs éléments appelés “Mots clés”. Les balises sont des instructions pour styler une partie spécifique de votre page Web. Pour revenir à la construction, HTML correspond aux plans et les balises sont des fonctionnalités spécifiques telles que les fenêtres ou les portes..

Voici à quoi ressemble une page Web très basique en HTML:

Les balises HTML sont prédéfinies et spécifient des fonctionnalités communes telles que des images, des liens vers d'autres pages Web, des boutons, etc..

La grande majorité des tags doivent être ouvrir et fermé. Cela définit simplement certaines caractéristiques, avec du texte, des images ou d’autres balises, puis termine la définition. Revenir aux maisons, ouvrir l'étiquette, c'est comme dire “Commencez la fenêtre ici”, et fermer le tag, c'est comme dire “voici où la fenêtre se termine”.

Les balises HTML n'apparaîtront pas sur votre site Web. Votre navigateur suit les instructions, mais ne les montre jamais à aucun visiteur. Ce n'est pas secret, cependant. Tout le monde peut consulter votre code HTML une fois que vous avez publié vos pages Web..

Bien qu'il existe un grand nombre de balises HTML différentes, vous n'avez pas besoin de toutes les apprendre avant de pouvoir coder un site Web. Aujourd’hui, vous apprendrez à écrire des balises courantes et leur utilité..

Que sont les attributs de balises HTML??

Une dernière chose à savoir sur les tags est les attributs. Les attributs définissent les caractéristiques spéciales des balises. Si les balises sont des fenêtres et des portes, les attributs spécifient des détails spécifiques au bâtiment. Cela peut être la largeur et la hauteur du cadre, que la fenêtre s'ouvre ou si la porte est verrouillée.

Les attributs sont inclus dans la balise d'ouverture, comme ceci:

Vous ne pouvez pas créer vos propres balises ou attributs. Les attributs et les balises sont prédéfinis par le World Wide Web Consortium (W3C)..

Qu'est-ce que HTML5??

HTML5 est la dernière version de HTML. Il contient plusieurs nouveaux tags, attributs et fonctionnalités..

Comme HTML est un ensemble d’instructions, différents navigateurs Web l’interprètent parfois différemment. Un navigateur peut décider que les fenêtres et les portes doivent être peintes en noir, sauf indication contraire de votre part..

Alors que les navigateurs ont finalement commencé à devenir assez cohérents les uns avec les autres, vous pouvez toujours être surpris parfois avec de nouvelles fonctionnalités. Peut-être que Google Chrome a mis en place une nouvelle balise, mais Internet Explorer de Microsoft n’a pas encore.

Dans la plupart des cas, vos pages Web auront la même apparence sur tous les principaux navigateurs, mais il est toujours utile de faire un test rapide avant de publier quoi que ce soit, surtout si vous utilisez de nouveaux tags, qui ne sont peut-être pas encore compatibles avec tous les navigateurs..

Si vous souhaitez en savoir plus sur HTML5, consultez notre guide de mise en route de HTML5 Premiers pas avec HTML5 Premiers pas avec HTML5 Vous avez entendu parler de HTML5. Tout le monde l'utilise. Il est présenté comme le sauveur d’Internet, permettant aux gens de créer des pages Web riches et attrayantes sans avoir recours à Flash et à Shockwave. Lire la suite .

Comment commenter HTML

Comme beaucoup d’autres langages, balisage ou programmation, HTML a la capacité de “commenter” blocs de balisage. Un commentaire est quelque chose qui est ignoré par le navigateur. Cela peut être une note pour vous rappeler ce que cette partie particulière de votre site Web fait.

En commentant les balises, vous indiquez au navigateur d’ignorer une ou plusieurs balises. Cela peut être utile pour supprimer des fonctionnalités ou pour masquer une partie de votre site Web sans supprimer le code..

Lorsqu'un navigateur Web voit un commentaire, il le comprend comme suit: “ne pas utiliser ces instructions jusqu'à ce que je dise le contraire”. Les commentaires consistent en un “ouverture” commentaire et un “fermeture” comment-juste comme les balises.

Voici un exemple:

La mise en commentaire du code se fait exactement de la même manière:

Plutôt qu'un message, placez votre balise entre les balises de commentaire.

Comment insérer des images en HTML

L'insertion d'images dans votre code HTML se fait avec la balise image:

Notez comment le nom de la balise est appelé img, et il y a deux attributs. le src attribut spécifie où trouver l'image, et le alt tag est une description textuelle alternative, au cas où l'image ne pourrait pas être chargée pour une raison quelconque.

La balise image n'a pas besoin d'être fermée, contrairement à la plupart des autres balises.

Comment changer la police en HTML

Les polices peuvent être changées en utilisant le Police de caractère tag et le visage attribut:

MUO Arial Text

La taille de la police peut être facilement modifiée à l’aide des touches Taille attribut:

MUO Big Text

Si vous souhaitez modifier la couleur de la police, vous pouvez le faire facilement avec le bouton Couleur attribut:

MUO texte rouge

Ces attributs sont uniques à la Police de caractère étiquette. Si vous souhaitez utiliser une autre balise, vous pouvez nid balises, en les plaçant l'une dans l'autre:

MUO texte rouge

Comment ajouter un lien en HTML

Des liens peuvent être ajoutés en utilisant le une étiquette:

MakeUseOf.com

le href attribut est la destination de votre lien.

Comment faire un tableau en HTML

Les tableaux HTML impliquent l'imbrication de plusieurs balises différentes. Vous aurez besoin de commencer avec un table étiquette:

Maintenant, ajoutez quelques lignes en utilisant le tr étiquette:

Enfin, utilisez le td balise pour créer vos cellules de table, ce qui créera également les colonnes:

Il est possible d'aller trop loin avec la disposition de votre table, mais il est généralement préférable de garder les choses simples, si possible. Dans le passé, les tableaux étaient utilisés pour structurer une page Web, mais cette pratique est périmée et a une apparence terrible. Gardez les tables simplement pour relayer les données au lecteur.

Utiliser CSS avec HTML

Ces exemples ont couvert les bases, mais si vous voulez être vraiment créatif, vous devrez utiliser CSS. Les feuilles de style en cascade vous permettent de mieux contrôler la conception de votre site Web et de vous permettre de réutiliser beaucoup de code entre différentes parties de votre site Web..

Bien que nous ayons des tutoriels sur l’apprentissage CSS 5 Étapes initiales pour apprendre CSS et devenir un CSS kick-ass Sorcier 5 Étapes initiales pour apprendre le CSS et devenir un CSS kick-ass et cela a ouvert la voie à la séparation du style et du contenu. De manière moderne, XHTML définit la structure sémantique… Lire plus et exemples CSS rapides 10 exemples de code CSS simples à apprendre en 10 minutes 10 exemples de code CSS simples à apprendre en 10 minutes Nous allons voir comment créer une feuille de style inline afin que vous puissiez pratiquer vos compétences CSS. Nous passerons ensuite à 10 exemples CSS de base. A partir de là, votre imagination est la limite! En savoir plus, vous pouvez encore configurer HTML.

Si vous souhaitez écrire du CSS avec votre code HTML, vous pouvez utiliser le style attribut. Cet attribut applique simplement le CSS à la balise sur laquelle il est utilisé:

Bien que cette méthode fonctionne bien, vous aurez du mal à maintenir si vous avez beaucoup de balisage qui nécessite un style similaire..

La meilleure façon est d'utiliser le style tag, placé à l'intérieur du tête étiquette. Ici, vous pouvez définir le CSS pour votre page entière:

La balise de style a un attribut de text / css. Ceci est nécessaire pour que votre navigateur connaisse le style exact à attendre dans la balise.

La troisième et dernière façon d’utiliser CSS est de créer un fichier externe, en utilisant lien étiquette. Cela lie votre HTML au CSS stocké dans son propre fichier, ce qui est génial si vous en avez une grande quantité:

Plusieurs attributs sont utilisés ici. le rel attribut déclare votre lien comme une feuille de style. Le type de “text / css” est à nouveau défini dans le type attribut, et le href attribut est où trouver le fichier externe.

Comment faites-vous un site Web avec HTML?

Comme vous l'avez vu, le HTML n'est vraiment pas si mauvais, n'est-ce pas? En utilisant quelques balises et attributs simples, vous pouvez rapidement assembler une page Web, même si vous n'avez jamais écrit HTML!

Si vous souhaitez créer un site Web complet, assurez-vous de consulter notre guide du débutant pour créer un site Web. Comment créer un site Web: pour les débutants Comment créer un site Web: pour les débutants aujourd'hui, je vous guiderai à travers le processus de création d'un site Web complet à partir de zéro. Ne vous inquiétez pas si cela semble difficile. Je vous guiderai à travers chaque étape du processus. Lire la suite .

En savoir plus sur: CSS, FAQ, HTML, Développement Web.