Home

revenir au sommaire : https://github.com/lcs01/Wiki-Sommaire/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 👍

Balises de base :

Différence class et id :

• class ( peut etre appelé sur plusieurs élement )

• id (sur un seul élement , unique sur une page)

• 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 : h1 , title, img, liens absolus.

• 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

• a # , faire des encres avec les balises a. : http://41mag.fr/liste-des-balises-html5/balise-a-html5-lien

• Une encre : tres important

• img elle est auto-fermante, elle a une seule balise, il y a pas de contenu autre que l'image a y mettre. la taille dans l'html pour les balises img a mettre dans le html pour le référencement.

• buttons

• les listes html : ul , li

• Lien absolu : avec le https, interne

• Lien relatif : va chercher une source externe

• 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 :

• 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 :