Initiation : HTML 5 CSS 3

Salut très cher(e) lecteur (trice) !

👨🏻 Aujiurd'hui nous allons apprendre à programmer en HTML, langage qui va nous permettre de concevoir notre toute première page web.

Pour commencer, qu'est-ce que le HTML ?
HyperText Markup Language. C'est bien le langage du Web. Certaines pages sont conçues sous ce langage.

🤷🏽‍♂ Comment faire pour créer une page en HTML ? Telle est la question.

Pour créer sa page HTML, il faut :
● un navigateur
● un éditeur

Le navigateur est ce programme qui interpréte tous les fichiers HTML.
Encore dit BROWSER, il permet de surfer sur le Net (Internet encore dit Toile), et affiche ainsi votre page. Les plus populaires sont :Internet Explorer, Mozila Fire Fox, Google Chrome, et j'en passe.


L'éditeur de son côté est un utilitaire permettant de créer ou de mettre à jour un fichier texte. Ainsi, pour créer une page HTML, il faut absolument un éditeur. Exemple : Bloc-note, NotePad++, Sublime Text, ...


Allons droit au but !

HTML est langage basé sur les balises.
On entend par balise une suite de caractères qui se trouve entre les signes < > (définition très simple). Elle marque une action pour le browser.
Il existe deux (2) types de balises : balises fermantes et les balises non fermantes. Examinons-les.
✓ Balises fermantes :
ce sont des balises qui s'appliquent sur du contenu placé entre la balise ouverte et la balise fermée.
✓ Balises non fermantes :
ce sont pour la plupart des objets. On ne les ferme pas.


Structure d'une page HTML


Examinons quelques balises

Doctype

est la première ligne. Son code HTML est Elle est indispensable, car c'est elle qui indique qu'il s'agit bien d'une page web HTML.

La balise html

C'est la balise principale du code. Elle englobe tout le contenu de votre page.

L'en-tête head et le corps body
• L'en-tête head

Cette section donne quelques informations générales sur la page, comme son titre, l'encodage.
• Le corps body

C'est ici que se trouve tout ce que vous écrirez au sein de votre page. Tout le code sera ici.

L'encodage charset

Cette balise indique l'encodage utilisé dans votre fichier .html

Le titre principal de la page

C'est le titre de votre page. Toute page doit avoir un titre qui décrit ce qu'elle contient.

😊 Il existe aussi d'autres balises, comme :
• pour un saut à la ligne.



pour indiquer le début et la fin d'un paragraphe

Cette balise se situe dans le corps (
Les titres : lorsque le contenu de votre page va s'étoffer de nombreux paragraphes, il sera difficile que vos visiteurs se retrouvent, d'où interviennent les titres.
6 niveaux de titres sont utilisés en HTML :


👉 À ne pas confondre avec la balise titre qui, elle affiche le titre de la page dans la barre de titre du navigateur



NB : les balises ont des propriétés qui permettent de définir la position, la taille, la couleur, ...
Syntaxe

Exemple :


Les images
Pour insérer une image, on utilise la balise
de
Cependant cette balise s'utilise avec l'attribut src qui définit l'adresse de l'image à afficher.
Exemple :

Cette balise possède aussi des attributs :
-width pour définir la largeur de l'image ;
- height pour définir la hauteur de l'image ;
- border pour définir la bordure de l'image.

.Cliquez ici pour la suite 😉