Commentaire 2nd
Les balises orphelines
Ce sont des balises qui servent le plus souvent à insérer un élément à un endroit précis (par exemple une image). Il n'est pas nécessaire de délimiter le début et la fin de l'image, on veut juste dire à l'ordinateur "Insère une image ici". Il n'y a donc pas besoin de faire une balise ouvrante et une fermante, d'où l'appellation "balise orpheline".
Les images
Il existe plusieurs formats d'images adaptés au Web : PNG, JPG... On insère une image avec la balise <img> . <img> doit obligatoirement comporter au moins ces deux attributs : src (source de l'image) et alt (courte description de l'image). Afin d'afficher une bulle d'aide sur vos images, vous pouvez utiliser l'attribut title
Comprenez le rôle du CSS
Le CSS (Cascading Style Sheets, aussi appelées feuilles de style) a pour rôle de gérer l'apparence de la page web (agencement, positionnement, décoration, couleurs, taille du texte...). Ce langage est venu compléter le HTML en 1996, et il est toujours au fondement même du style du Web de nos jours.
Comprenez le rôle du HTML
Le HTML (HyperText Markup Language) a fait son apparition dès 1991 lors du lancement du Web. Son rôle est de gérer et d'organiser le contenu.
Les balises principales
Le HTML comporte de nombreuses balises qui nous permettent d'organiser le texte de notre page. Ces balises donnent des indications comme "Ceci est un paragraphe", "Ceci est un titre", etc. Les paragraphes sont définis par la balise <p> </p> , et les sauts de ligne par la balise orpheline <br>. Il existe six niveaux de titre, de <h1> </h1> à <h6> </h6>, à utiliser selon l'importance du titre. On peut mettre en valeur certains mots avec les balises <strong>, <em> et <mark>. Pour créer des listes, on doit utiliser la balise <ul> (liste à puces, non ordonnée) ou <ol> (liste ordonnée). À l'intérieur, on insère les éléments avec une balise <li> pour chaque item.
Paramétrez vos balises avec des attributs
Les attributs sont un peu les options des balises. Ils viennent les compléter pour donner des informations supplémentaires.
On distingue deux types de balises :
Les balises en paires (une balise ouvrante et une balise fermante) Et les balises orphelines (une seule balise).
La structure html
Pour créer une page web, on crée un fichier ayant l'extension .html , qui pourra être ouvert dans le navigateur web simplement en faisant un double-clic dessus. Chaque fichier HTML est constitué de balises. Les balises peuvent avoir plusieurs formes : <balise> </balise> : balises en paires, elles s'ouvrent et se ferment pour délimiter le contenu (début et fin d'un titre, par exemple) ; <balise> : balises orphelines (on ne les insère qu'en un seul exemplaire), elles permettent d'insérer un élément à un endroit précis (par exemple une image). Les balises sont parfois accompagnées d'attributs pour donner des indications supplémentaires, ou paramétrer un élément (exemple : <img src="photo.jpg"> ). Une page web est constituée de deux sections principales : l'en-tête<head> </head> dont le contenu n'apparaît pas dans l'affichage de la page et le corps <body> </body> qui, lui, apparaît.
Les liens
Un lien hypertexte (ou hyperlien) permet de changer de page. Par défaut, il est en bleu et souligné dans le navigateur mais on peut modifier ce style en CSS. Pour faire un lien hypertexte vers un site web existant, on utilise la balise <a> avec l'attribut href pour indiquer l'adresse de la page web cible. Il s'agit d'un lien absolu. Exemple : <a href="https://openclassrooms.com"> . Pour faire un lien hypertexte vers une autre page de son site, on utilise la balise <a> avec l'attribut href pour indiquer le nom du fichier en local. Il s'agit d'un lien relatif. Exemple : <a href="page2.html"> . Un lien hypertexte peut aussi permettre d'amener vers un endroit précis d'une page. Il faut créer une ancre avec l'attribut id pour "marquer" cet endroit dans la page, puis faire un lien vers l'ancre comme ceci : <a href="#ancre"> .
Les balises en paires
Une balise ouvrante Et une balise fermante
balises
elles vous permettront de structurer les éléments qui constituent le contenu de votre site web. Les balises indiquent la nature du texte qu'elles encadrent. Elles permettent au navigateur de comprendre ce qu'il faut afficher à l'écran pour les visiteurs d'un site web.
Qu utilise t on dans les deux language?
en HTML, vous utiliserez des balises qui permettent de décrire votre contenu - vous les écrirez entre chevrons < > ; en CSS, vous utiliserez des propriétés qui permettent d'appliquer du style à des éléments HTML - vous les écrirez entre accolades { }.
Mais pourquoi apprendre deux langages séparément ?
le CSS sont deux langages qui se complètent, le premier permet de créer et de structurer du contenu, le second permet de faire de la mise en forme visuelle et dynamique
Comprenez le rôle du navigateur
lire le code HTML et CSS pour afficher un résultat visuel à l'écr
Comprenez le rôle du navigateur
navigateur web qui fait le reste du travail : lire le code HTML et CSS pour afficher un résultat visuel à l'écran
