Présentation du Développement Web

Qu'est ce que c'est ?

Le développement orienté web est un ensemble de langage informatique qui permet de créer des Sites Internet, des outils ou des jeux en ligne.
La particularité du développement orienté web c'est qu'il est necessaire de séparer le fond de la forme (la structure ou squelette de la charte graphqique).
Le HTML est le langage qui va maquetter votre page ou votre projet.
Le CSS est le langage qui va charter votre page ou votre projet.
Le JAVASCRIPT est le langage qui va dynamiser votre page ou votre projet.

Concrètement pour développer un projet, il faut d'abord le présenter sur une feuille, puis le créer en HTML, mettre en forme avec le CSS et créer les actions avec le JAVASCRIPT.





Les Balises HTML

Le HTML repose sur l'utilisation de balises et d'éléments. Il ne faut pas confondre les deux termes.

Le HTML propose toute une panoplie de balises pour structurer un document :

Les attributs ou propriétés

Les attributs sont des caractéristiques supplémentaires des balises.
Elles permettent souvent de distinguer ou de personnaliser une balise.
Elles s'écrivent dans la balise ouvrante. Leur valeur est entourée par des apostrophes simples ou doubles

Définition des balises

Éléments : inline ou bloc

Inline

Un élément en ligne (inline) est le contenu affiché au fil du texte comme par exemple dans un paragraphe ou lien hypertexte, etc...
Par défaut, les éléments inline n'ont pas de marges internes ou externe.
Ces éléments sont conçus pour enrichir du texte et apporter du sens au contenu.

bloc

Un élément en bloc (bloc) est à l'inverse un élément qui forme un bloc comme le paragraphe.

Il est facile de passer d'un élément inline à un élément bloc grâce à la propriété CSS display.
Attention : à l'exception de la balise div, tous les éléments de type bloc possèdent par défaut des marges internes (padding) et externes (margin) non null.

Le code HTML + CSS