Créez votre première page web en HTML
Pour créer une page web en HTML, il suffit de créer un fichier ayant l'extension .html. Ce fichier s'ouvre dans le navigateur web simplement en faisant un double-clic dessus.
Pour créer une page en
html, vous aurez besoin d’un éditeur de texte, Et vous aurez besoin d’un navigateur,
puisque nous allons travailler sur Android, je vais vous présenter des éditeurs
de texte qui sont gratuit sur Play store. Acode, anWriter free html.
Pour faire afficher les
sources code d’une page web, il faut l’ancien navigateur firefox. Cliquez ici
pour le télécharger.
Vous trouverez les
différentes étapes pour créer ce fichier dans la vidéo d'introduction de
chapitre, à l'aide de Acode sur Android, qu’il vous faut
télécharger.
Appropriez-vous
les balises HTML
Le langage HTML utilise
ce qu'on appelle des balises. On les écrit entre chevrons < et > :
Comment utiliser les chevrons sur Android
Télécharger l’application Hacker keyboard sur Play
store et regarder la vidéo pour en savoir plus comment configurer hackers
keyboard.
·
La touche < pour faire le chevron
ouvrant ;
·
Et ⇧
+ < pour le chevron fermant.
Et elles servent à quoi les balises
concrètement ?
Les balises indiquent la
nature du texte qu'elles encadrent. Elles permettent au navigateur de
comprendre ce qu'il faut afficher à l'écran pour les visiteurs d'un site web.
Si elles pouvaient parler, elles diraient :
- <title> </title> : “Ceci est le titre de la page”,
- <img>: “Ceci est une image”,
- <p> </p>: “Ceci est un
paragraphe de texte”, etc.
Ah tiens, pourquoi certaines balises sont doublées et
prennent un / dans leur syntaxe ?
On distingue deux types de balises :
- Les balises en paires (une balise ouvrante
et une balise fermante)
- Et les balises orphelines (une seule
balise).
Les balises en paires
Elles s'ouvrent, contiennent du texte, et se ferment
plus loin. Si on prend la balise title qui correspond au titre de la page,
voilà ce que ça nous donne :
<title>Ceci est le titre de ma page</title>
On a donc :
·
Une
balise ouvrante : <title> ;
·
Et une
balise fermante : </title>.
Cela délimite ce qui
sera traduit par un titre. Pour l'ordinateur, tout ce qui n'est pas entre ces
deux balises n'est pas un titre.
Les balises orphelines
Ce sont des balises qui servent le plus souvent à insérer un élément à
un endroit précis (par exemple une image). Il n'est pas nécessaire de délimiter
le début et la fin de l'image, on veut juste dire à l'ordinateur “Insère une
image ici”. Il n'y a donc pas besoin de faire une balise ouvrante et une
fermante, d'où l'appellation "balise orpheline".
Une balise orpheline
s'écrit comme ceci : <img>
Jusqu'à il y a peu,
on mettait un / à la fin des balises orphelines pour dire
qu'elles étaient auto fermantes, comme ceci :
<img /> .
Il n'est donc pas
recommandé de mettre un slash à la fin d'une balise orpheline. Si vous vouliez
le faire néanmoins, n’oubliez pas de mettre des guillemets aux valeurs de vos
attributs. Par exemple :<img src=”…” alt=”…” />
Paramétrez vos balises avec des attributs
Dans les prochains chapitres, on utilisera, en plus des balises, des
attributs. Les attributs sont un peu les options des balises. Ils viennent les
compléter pour donner des informations supplémentaires.
Un attribut est situé dans la balise ouvrante d'une balise en paire, ou
directement dans une balise orpheline, comme c'est le cas ci-dessous avec la balise
<img> :
0 Ruban Lepoete:
Enregistrer un commentaire