HTLM5 CSS3 OpenClassRoom
fiches de révision sur le cours Html5 et CSS3 du site Open Classroom
fiches de révision sur le cours Html5 et CSS3 du site Open Classroom
Fichier Détails
| Cartes-fiches | 26 |
|---|---|
| Langue | Français |
| Catégorie | Informatique |
| Niveau | Autres |
| Crée / Actualisé | 13.02.2015 / 19.08.2023 |
| Lien de web |
https://card2brain.ch/cards/htlm5_css3_openclassroom
|
| Intégrer |
<iframe src="https://card2brain.ch/box/htlm5_css3_openclassroom/embed" width="780" height="150" scrolling="no" frameborder="0"></iframe>
|
signification du sigle CSS
Cascading Style Sheets, aussi appelées Feuilles de style
signification du sigle Html
HyperText Markup Language
date d'invention du Htlm et nom de son inventeur
Tim Berners-Lee en 1991
nom du site permettant de vérifier les fonctionnalités des navigateurs
caniuse.com
Qu'appelle t'on et comment note t-on une balise orpheline ?
<image /> : il n'y a pas de balise de fermeture
comment se nomme ce sigle
/
slash
comment note-t-on une balise en paire (ex balise titre)
<titre> </titre>
indiquer la structure de base d'une page html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Titre</title>
</head>
<body>
</body>
</html>
balise permettant de créer un paragraphe
<P> </p>
pour faire un saut de ligne
<br /> (balise orpheline)
les balises des différents niveaux de titre
<h1> : titre très important
<h2> titre important
<h3> titre un peu moins important
<h4> titre moyennement important
<h5> titre peu important
<h6> titre le moins important
les balises de mise en valeur et leurs conséquences sur le texte affiché
<strong> : mise en valeur max , met le texte en gras
<em> mise en valeur normale, met le texte en italique
<mark> marquer du texte pertinent, le texte et alors surligner
les balises des listes
<ul>
<li>Fraises</li>
<li>Framboises</li>
<li>Cerises</li>
</ul>
les balises pour faire des listes ordonnées (avec des numéros)
<ol>
<li>.</li>
<li></li>
</ol>
Mettre un lien
<a href="url">texte cliquableMett</a>
Indiquer un lien relatif
<a href="sous-dossier/fichier.html"> dans un sous dossier
<a href="../fichier.html"> dans le dossier parent
<a href="fichier.html"> dans le même dossier
indiquer un lien vers une ancre
<h2 id="mon_ancre">Titre</h2> = donner un id à un élément
puis
<a href="#mon_ancre">Aller vers l'ancre</a>
lien vers une ancre située dans un autre fichier html
<a href="NomFichier.html#NomAncre">
faire apparapitre une info bulle au survol d'un lien
<a href="url du lien" title="texte de l'infobulle" </a>
Forcer l'ouverture d'un lien dans une autre fenêtre
<a href="url du lien" target="_blank"> texte à afficher</a>
un lien pour envoyer un email
<a href="mailto:votrenom@bidule.com"> texte à afficher </a>
un lien pour télécharger un fichier
<a href="monfichier.zip"> tetxte à afficher </a>
insérer une image. Préciser les particularités de cette balise.
<img src="dossier/NomFichier.jpg" alt="Texte de remplacement" />
les deux arguments src et alt sont obligatoire
<img/> est une balise orpheline
ajouter une infobulle au survol d'une image
<img src="chemin fichier" alt="texte de remplacement" title="texte de l'infobulle" />
ajouter une image miniature cliquable
<a href="chemin de l'image à afficher"><img src="chemin de la miniature" alt="texte de remplacement" title="texte de l'infobulle" /></a>
créer et commenter une figure et leur particularité
<figure>
<img src="chemin fichier image" alt="texte de remplacement" />
<figcaption>commentaire de la figure</figcaption>
</figure>
les figures peuvent être placées en dehors des paragraphes et une figure peut contenir plusieurs images
