Comment utiliser le format HTML simple?
Comprendre les balises HTML: Pour programmer en HTML nous utilisons des «balises».
Ce guide vous montrera comment créer facilement des phrases et des paragraphes simples en HTML. Il existe de nombreux programmes utilisés pour créer des sites Web, mais la méthode de base consiste à utiliser votre bloc-notes et le langage HTML.
Méthode 1 sur 1: utiliser un format HTML simple
- 1Comprendre les balises HTML:
- Pour programmer en HTML, nous utilisons des "tags". Ce sont eux qui mettent en forme le texte qui va apparaître sur votre site web, font des tableaux, insèrent des images, etc.
- Une balise se place entre ces symboles "< >", comme ceci, par exemple: <p>.
- Tout le reste qui n'est pas entre "< >" est ce qui va apparaître sur le site Web.
- Les balises ouvertes n'ont pas besoin d'être fermées et sont utilisées à des fins autres que la mise en forme du texte. Par exemple, la balise ouverte <br> insère un saut de ligne.
- Les balises de fermeture (les plus courantes) doivent être fermées. Cela se fait en écrivant la balise avec un "/" à l'endroit où se termine son contenu. Par exemple, la balise <p> doit être fermée lorsque le paragraphe qu'elle contient se termine, comme ceci:
<p>Bonjour, je m'appelle Dane.</p>
- 2Ouvrez un nouveau document texte.
- 3Saisissez un document HTML de base:
<!DOCTYPE html> <html> <body> <p>Bienvenue sur mon premier site Web</p> </body> </html>
- 4Enregistrez le document avec le nom de votre choix et l'
.htmlextension. Par exemple en tant que "site web.html". Si vous utilisez une extension autre que.htmlou.htm, votre système et votre navigateur ne le reconnaîtront pas en tant que fichier HTML et ne l'ouvriront pas correctement. - 5Recherchez le document que vous avez enregistré. Sous Windows, il aura un symbole IExplorer par défaut. Si vous avez défini un navigateur autre qu'Internet Explorer par défaut, il aura le symbole de ce navigateur à la place. Sur Ubuntu, son symbole sera un gris
</>. - 6Ouvrez le document HTML. Vous pouvez double-cliquer dessus dans un gestionnaire de fichiers ou appuyer sur Ctrl+ O dans la plupart des navigateurs, puis sélectionner le fichier. Le résultat sera la phrase "Bienvenue sur mon premier site Web" affichée sur une page autrement vide, comme le montre la capture d'écran.
- 7Expérimentez avec de nouvelles balises. voici une liste des balises les plus courantes:
- Emphase forte (généralement affichée en gras). Utiliser: Pour faire:
<strong> Texte en gras ici.</strong>
texte en gras ici. - Accentuation (généralement affichée en italique). Utiliser: A faire:
<em> Texte en italique ici.</em>
Texte en italique ici. - Style différent (généralement affiché sous forme de soulignement). Utiliser: Pour faire:
<u>Texte souligné ici.</u>
Texte souligné ici. - Styles CSS. Ceci est utilisé pour donner au texte un aspect spécifique, comme une autre couleur ou police. Utiliser: Pour faire: du
<span style="color: blue; font-family: monospace>texte de style CSS ici.</span>
texte de style CSS ici.
Dans les anciennes versions de HTML, vous pouviez utiliser la balise <font> pour cela, mais elle n'est plus prise en charge dans HTML5.
- Emphase forte (généralement affichée en gras). Utiliser:
Méthode 1 sur 1: en utilisant un format HTML simple.
- Vous pouvez utiliser des codes de couleur RVB pour créer la couleur de votre choix. Il s'agit de 3 nombres hexadécimaux de 0 à FF (décimal 255) écrits directement l'un après l'autre sans espace, précédés d'un symbole #. Le premier indique le rouge, le deuxième le vert et le troisième le bleu. Plus le nombre est grand, plus la couleur est brillante. Par exemple, #0000FF serait le bleu le plus brillant, tandis que #000020 serait un bleu très foncé qui ressemblerait presque à du noir. Vous pouvez utiliser un sélecteur de couleurs pour trouver le code RVB de la couleur que vous souhaitez.
- L'ordinateur
- Éditeur de texte simple
- Navigateur Web
Lisez aussi: Comment accélérer les torrents?
Questions et réponses
- C'est dans quelle version de Windows? Ai-je besoin d'une application pour l'ouvrir?Ils ont montré leur exemple sur un Macbook. Vous pouvez utiliser une application de bureau appelée Bloc-notes sur presque toutes les versions de Windows.
- Comment puis-je choisir une image lors du codage avec un téléphone Android (Anwriter)?Téléchargez ES File Explorer et ouvrez-le. Dirigez-vous vers l'image que vous souhaitez utiliser et appuyez longuement dessus. Appuyez sur Propriétés, puis sur Copier le chemin complet. Collez le chemin où vous le souhaitez.
- J'ai un projet sur HTML et je ne sais pas quoi faire. Où puis-je en apprendre davantage?Vous pouvez apprendre le HTML gratuitement sur codecademy.com.
