HTML
Speaker1: Très bien les amis, bonjour à tous. Dans cette vidéo, je vais vous présenter l'HTML,
ce qu'est l'HTML et à quoi il va nous servir pour créer nos pages web. Alors déjà, tout d'abord, il faut
savoir que l'HTML, c'est vraiment le premier langage qui va servir à structurer nos pages ok donc en
fait le web vous pouvez le voir vraiment comme une maison donc l'html dans la maison ça va être le
rôle des murs vous voyez de la base de la maison par exemple le sol les murs et le toit ça va être
html Et ce qui va, ce qui va servir de peinture, vous voyez, de peinture et de décoration, ça va être ce
qu'on appelle le CSS. Souvent, l'HTML, quand on parle de ce langage-là, on l'associe tout de suite au
CSS. Là, c'est exactement pareil. L'HTML, ça va être la maison, ça va être les fondations, vous
voyez. Et le CSS, ça va être la décoration qu'on va ajouter à nos pages web. Donc l'HTML, ici, ça va
servir de structure. Et en général, quand on parle d'HTML, on parle de structure et de texte surtout.
C'est vraiment tout ce qui va nous permettre d'ajouter du texte sur nos pages web. Donc tout le texte
que vous voyez, vous voyez, par exemple ici, je vous ai mis trois sites web, donc trois sites assez
anciens puisque vraiment la html, c'était vraiment aux prémices d'internet du développement web. Et
bien vous voyez, tout était en html. Donc ici, tout le texte que vous voyez, hormis les couleurs bien
sûr, et bien c'est de l'HTML.
Speaker1: C'est tout ce qui correspond à la structure de nos pages. Donc ici, vous voyez bien que le
texte, il est écrit de façon brute sur nos pages. Et bien ça, c'est le, c'est l'HTML qui nous permet de le
faire. Faire. Donc, HTML, ça veut dire Hyper text, Markup, language. Ok, donc c'est vraiment tout ce
qui nous permet d'écrire du texte, d'écrire du texte sur notre page web. Donc, c'est vraiment, c'est
vraiment très efficace pour afficher nos données en temps, en temps voulu. Et vous voyez ici on a des
couleurs donc tout ce qui est texte tout tout ce qui est texte souligné texte en italique et texte en bleu
tout ça c'est le css qui l'apporte c'est cette décoration dont je vous parlais et le css on le verra dans le
deuxième module de notre de notre formation voilà Donc maintenant, je vais vous montrer un aperçu
d'accord d'une première page html. Ce qu'on va voir par la suite. D'accord Donc ici, vous voyez, ça va
être le vraiment le document type en html qu'on va écrire à chaque début de projet. À chaque début
de projet en html ou de site web, on devrait écrire, vous voyez, ce document là. Vous voyez, au
début, on a ce qu'on appelle le doc-type html qui permet de dire à notre éditeur de texte, donc ça va
être bracket en l'occurrence, c'est de lui dire que voilà, on va écrire du html, de reconnaître notre page
en tant qu'html. Vous voyez donc Doc Tite, on lui dit que c'est une page html. Et ensuite, vous voyez,
on a une balise html qui permet d'écrire, qui permet d'écrire de l'html.
Speaker1: C'est à l'intérieur qu'on va pouvoir écrire le texte qu'on veut. Et ça, on le verra dans les
vidéos suivantes, ne vous inquiétez pas. Donc ici, vous voyez, vous voyez la balise body. Dans cette
balise body, j'ai écrit un H1. H1, on verra par la suite que c'est pour écrire un Heading, ce qui veut dire
un titre. Et bien là, j'ai écrit bonjour dans mon H1. Et bien, si vous voulez, mon éditeur de code,
comment il va le comprendre Il va afficher ça dans mon navigateur. Il va afficher tout simplement
bonjour. Donc, juste pour afficher un texte bonjour, vous voyez, il a fallu quand même écrire cette
syntaxe là, ce que vous voyez sur la gauche de l'écran. Donc, c'est toute cette syntaxe qui permet
d'écrire un simple texte bonjour. Ok, donc voilà vraiment les bases de l'HTML. Voilà à quoi ressemble
vraiment un premier document HTML où on pourrait écrire du texte brut. Et ici, en l'occurrence, c'est
bonjour qu'on veut écrire. Donc voilà, donc pour retenir, pour résumer la vidéo, vous voyez l'HTML, ça
veut dire Hyper text markup language qui nous permet d'écrire du texte dans nos pages web. C'est ce
qui permet d'établir les fondations de notre page. Vous voyez vraiment tout ce qui comporte le texte et
la structure de notre page. Et ensuite, on pourrait rajouter du css, donc dans notre deuxième module,
afin de rajouter du style à nos pages. Par exemple des couleurs, de l'italique, du placement, et
caetera, et caetera. Donc voilà.
