Fiche langage html
Cours : Fiche langage html. Recherche parmi 300 000+ dissertationsPar arieh.mimoun • 22 Août 2023 • Cours • 1 589 Mots (7 Pages) • 196 Vues
http://localhost:8100/tabs/tab2
LANGAGE HTML :
DIFFÉRENTES BALISES :
🡪 il faut une balise ouvrante (au début de la ligne/phrase) et une fermante (à la fin de ce qu’on voulait écrire)
• <p> - </p> = ouvrir/fermer un paragraphe
- Élément en bloc (si je les mets à la suite collés, ils vont se séparer et faire des paragraphes en revenant à la ligne)
• <em> - </em> = écrire en italique
- Élément en ligne
• <strong> - </strong> = écrire en gras (un mot ou une proposition)
- Élément en ligne (en gros si je les mets à la suite, ils vont être collés)
(contenus ds les éléments en bloc)
• <a> = transforme en lien le contenu
• <input> = élément de saisie d’un texte…
Ex : <input type=”text”>
🡪 ATTENTION : ouvrir et fermer des balises dans l’ordre (si je commence par <p> puis <strong>, je ferme d’abord </strong> PUIS </p>
• <img src=”….”. /> = insère une image là où est placée la balise
- Élément composé que d’une balise, PAS ouverture, contenu, fermeture
Ex : <img src="https://raw.githubusercontent.com/mdn/beginner-html-site/gh-pages/images/firefox-icon.png" />
ATTRIBUTS : contiennent info en + sur élément sans que ça apparaisse sur contenu réel
🡪 mettre un espace entre l’attribut et le nom de l’élément
🡪 mettre l’attribut + mettre signe =
🡪 mettre des guillemets entre sur quoi on veut l’appliquer (blc si guillemets simples ou doubles)
(ex : <p class=”class-css”>)
• On peut enchaîner les attributs : juste mettre des espaces entre eux
• Ex d’attributs pour <a> :
- href 🡪 donne l’adresse web vers lequel ça va diriger qd on clique sur le lien
- title 🡪 donne le nom de la page vers laquelle pointe le lien (ex : psg.fr qd on reste sur le lien genre)
- target 🡪 pour ouvrir le lien dans un autre onglet (pr que ça ouvre sur le mm onglet, juste on met pas ça)
- target=”_blank”
ATTRIBUTS BOOLÉENS : attributs sans valeur définie dedans genre 🡪 ont svt 1 valeur (qui est ds le nom)
Ex d’attribut booléen pr <input> :
- disabled 🡪 permet de désactiver l’entrée de texte pr l’utilisateur ds la zone faite par le input
COMMENT METTRE EN FORME UN DOCUMENT
- mettre en 1er : <!D0CTYPE html>
- puis ouvrir <htlm> pr commencer le code et le fermer à la fin du code (</html>)
- <head> - </head> = contient tt ce qui ne soit pas affiché aux yeux de utilisateurs
🡪 mots clefs, description de page = en gros les mots clefs que l’utilisateur va mettre ds la barre de recherche
- Mettre tjrs ensuite : <meta charset=”utf-8”>
🡪 en gros prend ts les caractères de ttes les langues : le mettre à chaque fois
- L’élément : <title> - </title> 🡪 déf le titre de la page (qui s’affiche ds liste des sites)
- <body> - </body> = contient TOUT le contenu qu’on veut afficher à utilisateur
• AU NV DES ESPACES : on s’en fout, juste pr la lisibilité
CARACTÈRES SPÉCIAUX :
- < : <
- > : >
- “ : "
- ‘ : '
- & : &
COMMENTAIRES DS LE CODE : invisible pr utilisateur
🡪 pour écrire une note : <!-- …………… -->
Ex : <!-- <p>Je suis dans un commentaire!</p> -->
EN-TÊTE
🡪 SE FAIT AVEC LA COMMANDE <head>
• Ajter un titre :
- <h1> = titre qui apparaît qd page est chargée
- Ds la balise <body>
- <title> = intitulé du document en général (pas ds le texte genre)
- Ds la balise <head>
MÉTADONNÉES :
- <meta> : données invisibles pr utilisateur
🡪 définit jeu de caractère qu’il peut utiliser : utf-8 = quasi ts les caractères humains
🡪 décrit page (avec content)
🡪 mots clefs (avec name pr montrer qu’on parle des mots clefs et content qui les dit)
...