Html, les bases

Technologie des années 80, le web n'a pourtant pas beaucoup évolué dans sa forme la plus pure, balayons ici les prémisses.

Que vous décidiez de programmer avec Javascript ou Php, dans tous les cas, la sortie finale sera du HTML, voyons quelques exemples.

Pour pouvoir consommer de l'internet, il faut un ordinateur ou un téléphone mobile, mais le plus important est qu'il faut aussi un navigateur. Découvrons les principaux et les avantages et inconvénients.

Le web s'affiche partout, que ce soit sur ordinateur ou sur mobile et maintenant même sur des montres et des téléviseurs, petit tour d'horizon des contraintes.

De nombreux éditeurs existent, voyons les principaux et apprenons à utiliser Visual Studio Code.

Avec des plugins disponibles gratuitement, nous allons préparer notre environnement, Chrome et Visual Studio.

Tous les navigateurs modernes nous proposent désormais une console, voyons les principales et les outils les plus intéressants pour notre métier.

Même si notre but est ici de découvrir le HTML, certains outils en ligne de commande seront très utiles pour avancer sereinement. Apprenons à installer des outils via npm.

Toute page internet dispose d'un corps précis, avec des informations importantes dans l'entête et des éléments obligatoires.

Dans Visual Studio, il faut enregistrer un site sous forme de projet, pour travailler plus simplement.

En terme de texte pure, HTML nous propose de nombreuses balises pour formatter et définir un texte, parlons des titres, des paragraphes et des balises les plus communes.

Découvrons div, qui est une des principale balise, elle entoure beaucoup d'autre éléments, elle est un peu le parent le plus générique en HTML.

Les sections ont la particularité de mieux définir des zones de pages, découvrons comment les utiliser pour décrire un peu mieux.

Grâce à des balises plus récentes, et plus modernes, nous allons apporter plus de sémantique et de compréhension dans notre code.

Pour décrire un menu, il existe aussi une façon d'écrire et de donner l'information, découvrons l'élément nav et son utilité.

Le web est constitué d'informations. Ces informations, sans contexte, ne sont pas simplement compréhensibles. Apprenons à mieux décrire.

Que ce soit un logo, une illustration ou un plan par exemple, le web est fait aussi bien de textes que d'images, découvrons comment en insérer dans une page.

Chaque balise dispose d'options, appelés attributs HTML, il faut les connaitre et sinon disposer d'un aide mémoire pour savoir ce qu'il est possible de faire.

Nous allons initier notre exemple avec plusieurs fichiers, et voir comment y accéder à la main.

Pour nous permettre de nous déplacer entre les pages, nous allons créer des liens et référencer les informations de navigation.

Les liens nous offrent également la possibilité de diriger notre visiteur dans la page entière et de lui fournir une sorte de sommaire interactif.

Avant de plonger dans les possibilités offertes par ce format, il est essentiel de créer un premier tableau.

Pour le rendre plus agréable, quelques options sont disponibles, pour définir sa taille et sa bordure.

Les tableau ont trois parties intéressantes que nous allons décrire ensemble, le haut, souvent pour les entêtes, le bas, pour des actions par exemple et le corps, pour la donnée.

Il sera souvent important d'augmenter ou de réduire certaines zones du tableau, pour afficher la donnée plus convenablement, des attributs existent pour cela.

Il est souvent nécessaire, avec HTML, de décrire un maximum les informations de la page, pour les moteurs de recherche, voyons également comment donner plus de détails sur notre tableau.

Pour informer qu'une cellule est une entête, nous disposons de deux information, une balise et une attribut vont nous permettre de décrire cet état.

Les tableaux disposent de nombreux attributs devenus obsolètes, faisons le point.

Avant de découvrir ce que les formulaires nous permettent, il est important de savoir en créer un premier, avec les éléments de base.

Grâce à certaines balises et attributs, nous allons pouvoir donner un contexte à nos utilisateurs et les informer de ce que nous attendons.

Beaucoup de types de champs existent et nous permettent de fixer les informations à récupérer, voyons ici les principaux.

Des champs spéciaux permettent de proposer des choix à l'utilisateur, voyons les différences.

Un formulaire va nous permettre de récupérer la donnée et d'en faire quelque chose, voyons comment faire pour lire l'information du formulaire.

HTML5 nous permet de bénéficier d'un système simple pour gérer les erreurs, découvrons comment l'utiliser.

De nombreux médias sont supportés de façon native par les navigateurs, petite tour d'horizon et feuille de route.

Nous allons découvrir comment utiliser les vidéos dans nos pages web, et permettre à nos utilisateurs d'interagir avec.

Il est possible de jouer un son sur une page internet, bien entendu, ce ne sera pas un player complet et la gestion est assez limité, mais c'est possible !

Qu'est ce qu'une api, pourquoi existent-elles et comment les utiliser, voyons de quoi il en retourne.

Vous avez sûrement déjà été notifié par un site pour partager votre géo-localisation, voyons comment utiliser cette api.

Il vous arrivera peut-être de devoir fournir un système de drag and drop à vos visiteurs, dans une liste par exemple, HTML5 dispose d'une telle api.

Votre navigateur n'est pas juste un simple afficheur de page, il dispose d'emplacement mémoire, et les api vous offrent des outils pour les utiliser.

Pour découvrir les autres api et leur utilisation, de nombreuses ressources sont disponibles en ligne, découvrons les.

Pour ne jamais rien oublier, il est important d'avoir des guides et des documentations en ligne pour trouver l'information.

Voici deux outils indispensable pour développer des sites internet de qualité en html.

Pour designer une page internet, et bien coder sa structure, il est souvent nécessaire de devoir prototyper une page, découvrons quelques outils disponibles gratuitement.