Dans cette partie, vous pourrez suivre une série de cours traitant des langages HTML5 et CSS3, Ces langages sont utilisés pour la création de pages web enfin nous feront ensemble un projet.

Les Cours seront mis en ligne à un rythme de 1 par mois.

1- Introduction au HTML.

2- Les outils pour coder.

Introduction au HTML

Qu'est-ce  que le HTML?

Le HTML est un langage de codage informatique dit de description, ce dernier permet de faire comprendre à votre navigateur que les éléments composants votre page représente par exemple un Titre, une image etc...

Ces initiales signifient : Hyper Text Markup Language c'est à dire en français Langage de marquage hypertexte.

Ce langage est incorporé dans un document texte qui est interprété par votre navigateur.

L'utilisation de ce langage est simple, en effet des éléments constitués de balises et leurs contenus le tout délimité par des chevrons permettent d'appliquer différents formatage.

Pourquoi apprendre le HTML ?

Il est important de savoir utiliser le html pour modifier et personnaliser son site personnel afin de l'optimiser au maximum et qu'il se rapproche de l'apparence que vous souhaiter lui donner.

Bon nombre d'utilisateurs utilise des plateformes en ligne qui propose des solutions clés en main mais ces derniers ne permettent pas d'utiliser le plein potentiel du code HTML et du code CSS que nous verrons plus tard.

La sémantique c'est quoi  ?

La sémantique permet de mettre en valeur les informations présentent sur une page web en renforçant la signification de ces informations c'est à dire leurs sens.

Nous verrons que la 3WC qui est le consortium qui fait évoluer ce langage préconise certaines règles.

Un élément c'est quoi ?

Un élément est composé d'une balise ouvrante suivi du contenu et il se termine par une balise fermante, voici un exemple: 

<h1>Titre</h1>

ce cours se termine ici, n'apprenez pas par coeur cette présentation essayer juste de vous rappeler le rôle du html.

Les outils pour coder 

Dans la vidéo qui suit on va rentrer dans le vif du sujet, vous allez découvrir les outils pour coder mais pas que puisque je vous parle également de la structure de base d'une page web et vous découvrirez vos premières balises.

Je vous encourage vivement à regarder plusieurs fois la vidéo non pas pour apprendre par cœur mais pour bien comprendre. 

Si vous avez des questions les commentaires sont là pour ça.

Les Outils pour coder

Sur ce second cours celui-ci se dérouleras en vidéo comme les suivants d'ailleurs, dans le cours aujourd'hui je vous présente :

Les outils pour coder en ligne et hors ligne, la structure de base d'une page HTML, on découvre les balises H , P, Strong, E et Mark et on parle de sémantique.

Un conseil, prenez des notes car vous ne pourrez pas tout retenir et puis pour vos futurs projets vous verrez vos notes vous aideront .

Les éditeurs de code en ligne que je vous conseille :

inscription gratuite pour sauvegarder votre travail.

codepen.io - ICI

CodeSandbox - iCI

Voici les logiciels à installés sur vos ordis, ils sont gratuit a vous : 

Visual Studio Code

Sublim Text

Komodo édit  

les choses à retenir : 

Les balises "h1 à h6" sont utilisés pour définir le titre principal de notre page ainsi que les sous-titres éventuels, le h1 étant la balise concernant le titre le plus important et la balise

h6 le moins important, vous l'aurez compris chaque balise  représente un niveau d'importance , enfin d'un point de vue sémantique vous ne pouvez pas passez d'un titre h1 à un titre h3 vous devez respecter la hiérarchie des balises de titres.  

La balise "p", permet de créer un paragraphe.

Les balises "strong, em, mark", servent à mettre en évidence un mot ou une phrase dans un texte, la balise "strong" correspond à un haut niveau d'importance, la balise "em"  elle signifie une importance moyenne et la balise "mark " permet de surligner un mot ou une phrase.