Home

eWelcome to the WikiHTML wiki!

HTML : L’HyperText Markup Language, généralement abrégé HTML, est le langage de balisage conçu pour représenter les pages web. C’est un langage permettant d’écrire de l’hypertexte, d’où son nom CSS 👍

• validateur W3C ?

• HTML : STRUCTURE DU SITE / FRONT

Figure = utiliser thinkoption

control Maj A = mettre le paragraphe en commentaire control A = selectionner tout le paragraphe

héritage SASS : @extend nom de variable :

Balises de base :

• doctype 

• html

• body

• h1 (h2 (sous titre),h3 (sous titre des sous-titres..) trés important pour le référencement , hierarchie des articles, 1 seul par page. Mettre le mot le plus important dans le h1.

• head

• title

• Référencement :

• row :

• section :

• main :

• div :

Nom attribué différence class / id : refacto ?

balise : chaque élément est à l’intérieur de balises

• span ne va pas a la ligne (ne se voit pas , tag un mot)

• p va à la ligne

• les liens : très important pour le référencement , ils doivent avoir un titre et attribut href

href indique la référence , title fait un popup (ne pas oublier de le mettre) , il est impossible qu'un navigateur n'affiche pas un lien , que les images

• Lien absolu : avec le https, interne

• Lien relatif : va chercher une source externe

Doctype : ???

---

• importe les bibliotèques, les frameworks, et l'utilisation de CSS

fin

---

// modifie tout ce qu’il y a à l’intérieur de ces balises

tu classe tout dans des cases

chaque nom de case peut être utiliser dans le CSS et le JS <case 1 > // modifie img video text1 mais img video texte 1 <case 2> // ne modifie que la partie texte2 texte 2 fin </case 2> fin </case 1>

<case 3> // contient le footer : bas de page // ne modifie que le footer (case 3) (logo1/logo2)  logo1(img) logo2(img)

fin fin <script >JS fin </script> }

---

CSS : coté graphique Feuilles de style en cascade — Wikipédia

https://fr.wikipedia.org/wiki/Feuilles_de_style_en_cascade

Commentaires À propos de ce résultat

JS :

back : exemple : connexion

HTML

Flex Align-content : flex-start : Les lignes sont amassées dans le haut du conteneur. • flex-end: Les lignes sont amassées dans le bas du conteneur. • center : Les lignes sont amassées dans le centre vertical du conteneur. • space-between : Les lignes s'affichent avec un espace égal entre eux. • space-around : Les lignes s'affichent avec un espace égal autour d'eux. • stretch : Les lignes sont étirées pour s'adapter au conteneur.

justify-content • align-items • flex-direction • order • align-self • flex-wrap • flex-flow • align-content

Grid :

video : type mime :

responsive :