Texte, balises et concept de base
Concept de base
Dans la page d'introduction au HTML, nous avons brièvement étudié les balises de base permettant de créer une page Web sans aucun contenu. Dans ce document, nous commencerons à regarder les balises permettant d'ajouter du contenu à notre page Web. Toutes ces balises doivent être ajouté à l'intérieur de la balise <body>. En effet, la balise <body> contient le contenu d'une page Web. Donc, la majorité des balises que nous ajouterons seront toujours cette balise.
Il est important de comprendre que le HTML est un langage de balisage hiérarchique. Ceci veut dire que l'on peut généralement mettre des balises dans une autre balise. Ce principe est éssentiel au bon fonctionnement du HTML et sera utilisé très fréquemment. Vous aurez donc très souvent à mettre des balises dans une autre balise et cela est normal. Habituez-vous rapidement!
Il faut tout de fois faire attention. Lorsque nous mettons des balises à l'intérieur d'une autre, il est parfois possible de faire des erreurs et de croiser les balises. C'est un énorme problème que vous devez régler le plus rapidement possible. Le croisement de balise peut générer des erreurs et des problèmes sévères dans vos pages web.
Texte
Le texte fait partie intégrante du web et du HTML. En effet, les premières page web constitait simplement à afficher de l'information textuel. Encore aujourd'hui, la majorité des sites web sont basé sur l'affichage de texte. Dans le HTML, vous pouvez insérer du texte presque n'importe où. Il vous suffit de taper du texte normalement et celui-ci sera affiché dans la page web.
Il est important de noter que le texte devra généralement être insérer dans certaines balises particulière si on veut bien respecter les bonnes pratiques de programmation web. Bien que cela soit valide, on ne devrait jamais mettre de texte directement dans le <body>.
Commentaires
Les commentaires, comme dans les langages de programmation, servent à aider à organiser le code dans un fichier. Les commentaires ne sont pas affichés lorsque la page HTML est affiché dans un navigateur Web. Pour faire un commentaire en HTML, vous devez simplement mettre du texte entre les balises <-- et -->.
Texte important
Si vous désirez spécifier qu'une partie du texte de votre page Web est important, vous pouvez utiliser la balise <strong>. Par défaut, la plupart des navigateur Web afficheront les éléments dans une balise <strong> en gras. Toutefois, n'utilisez pas cette balise pour mettre du contenu en gras. Cette balise ne sert qu'à indiquer l'importance d'un morceau de texte. Comme mentionné ci-dessus, le CSS que nous apprendrons dans quelques semaines nous permettra de mettre du contenu en gras pour le côté visuel de notre site Web.
Entête
Les balises d'entête (header), servent à mettre des titres dans les pages Web. Essentiellement, le texte ou les balises qui se trouve dans les balises d'entête seront considéré comme un titre dans la page. Le numéro dans le <h?> est un nombre de 1 à 6 représentant l'importance du titre. Ainsi, un titre <h1> est un titre plus important, ou plus global qu'un titre <h2>. En général, vous n'aurez qu'à utiliser les 3 premiers niveaux des entêtes.
Paragraphe
Les paragraphes servent à mettre un bloque de texte dans le HTML. Même si vous n'avez que quelques mots à écrire, le paragraphe peut être une bonne idée. Il y a toutefois d'autres balise qui peuvent nous être utile pour le texte. Pour créer un paragraphe, nous utiliserons la balise <p>.
Liste ordonnée
Les listes ordonnées <ol> servent principalement à afficher une liste de texte avec un numéro devant chacun d'eux. On l'utilise conjointement avec la balise <li> qui représente un élément de la liste.
Liste non ordonnée
Les listes non ordonnées <ul> servent principalement à afficher une liste de texte simplement avec des points ou barres. On l'utilise lui-aussi conjointement avec la balise <li> qui représente un élément de la liste, comme pour la liste ordonnée.
Liste imbriquée
Les listes, ordonnées ou non peuvent être mises l'une dans l'autre pour créer plusieurs niveau dans la liste. Il est même possible de mélanger les listes ordonnée et non ordonnée ensemble. Pour ce faire, nous mettrons simplement des listes à l'intérieur des <li>.
Liste de description
Les listes de description <dl> sont utilisé pour afficher un terme ou une courte phrase, suivi de sa description. On l'utilisera conjointement avec les balises <dt> pour donner le terme et <dd> pour donner la description.