HTML POUR DÉBUTANT
APPRENDRE LES BASES DU LANGAGE HTML
Définition
Le langage HTML (HyperText Markup Language) est un langage permettant d'écrire des documents hypertexte pour le web. C'est un langage très simple, basé sur des balises (tag). Les balises servent à mettre en forme le texte, à réaliser des liens vers d'autres pages, à insérer des images, etc.
1- Quelques généralités à savoir :
-Un fichier HTML n'est pas compilé (ce n'est pas un programme)
-Un fichier HTML est un fichier texte simple, parfaitement lisible, respectant un
ensemble de convention d'écriture.
-Un fichier HTML peut être écrit à l'aide de n'importe quels éditeurs de texte simple (des
éditeurs plus évolués existent également )
-Lorsque vous consultez un site web, les fichiers HTML (extension.html) sont
envoyés à votre navigateur et le code html est interprété sur votre machine par votre navigateur.
-Il n'est pas indispensable de posséder un serveur HTTP pour écrire des pages. Vous
pouvez utiliser la fonction « Ouvrir » de votre navigateur pour consulter une page.
-HTML enregistrée sur votre ordinateur (ou une page que vous avez vous-même créée)
NB : vous pouvez créer votre site statique avec un smartphone que je vais utiliser souvent dans durant la pratique en video sur ma chaîne youtube.
2- balises ou tags indispensable en HTML:
<-HTML> Ceci est le début d'un document de type HTML.
<-/HTML> Ceci est la fin d'un document de type HTML.
<-HEAD> Ceci est le début de la zone d'en-tête (prologue au document proprement dit contenant
des informations destinées au browser).
<-/HEAD> Ceci est la fin de la zone d'en-tête.
<-TITLE> Ceci est le début du titre de la page.
<-/TITLE> Ceci est la fin du titre de la page.
<-BODY> Ceci est le début du document proprement dit.
<-/ BODY> Ceci est la fin du document proprement dit.
Ne prenez pas en compte le tiret de 6 (-) quand vous éditez votre code html comme les balises ci-dessus.
• Remarquez qu'à chaque balise de début d'une action, soit <...>, correspond (en toute
logique) une balise de fin d'une action .
• Notez aussi que les balises ne sont pas "case sensitive". Il est donc équivalent d'écrire
, , , etc...
Faisons ensemble notre premier document Html avec notre smartphone Android etc...
Je vais vous montrer une méthode pour télécharger quelques applications pour éditer du html et css sur ma chaîne youtube.
Travaux pratique pour débutant
METHODE
-Créez un répertoire appelé « bendo » sur votre disque ou dans la mémoire de votre smartphone.
-Ouvrez notepad ++ ou votre éditeur habituel.
-Tapez l'exemple ci-dessus.
-Enregistrez ce document sous le nom de exemple.htm dans le répertoire bendo.
-Grâce à l'explorateur Web, ouvrez le document exemple.html Si vous ne vous êtes pas trompé
d'extension, c'est le navigateur qui s'ouvre et votre page s'affiche. Vous devez avoir une page blanche avec deux paragraphes.
-Visualisez le résultat. Vérifiez que vous avez bien le titre. Constatez comment s'effectue le passage à la ligne. Vérifiez que les caractères accentués apparaissent.
Ce lien vous renvoie sur la correction du TP et un resumé de cette partie.me suivre sur youtube. Apres votre lecture laissez un commentaire pour m’améliorer, abonnez à mon blog et à ma chaîne youtube.
La suite sera dans mes prochains articles et videos
Courage avec beaucoup d'effort
RépondreSupprimermerci merci
RépondreSupprimer