Show Menu
Cheatography
  1. Home >
  2. Cheat Sheets >

HTML/CSS TW Cheat Sheet by

HTML structure

<!DOCTYPE html>
<html>
  <head>
    <title>Exemple</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
  </head>
  
  <body>
  </body>
</html>

Formul­aires

<fo­rm>­</f­orm>
Déclare un formulaire
name, action, method (GET, POST), enctype
 
<fieldset></fieldset>
Regrou­pement
 
<le­gen­d><­/le­gen­d>
nom dans un fieldset
 
<la­bel­></­lab­el>
Donne un label à un element de forumu­laire
for="id­"
 
<input />
type (text, password, checkbox, radio, submit, image, reset, file), placeh­older, name, value
 
<te­xta­rea­></­tex­tar­ea>
  
rows, cols
 
<se­lec­t><­/se­lec­t>
contient des option
name, size, multip­le=­"­mul­tip­le", code

Base du html

<p>­</p>
 
<h1­></­h1>
jusqu'à 6
 
<br­></­br>
saut de ligne
 
<hr­></­hr>
horizontal rule
Elements inline HTML5
em, strong, cite, code, samp, kbd, var, dfn, abbr
 
<ul­></­ul>
Contient des <li­></­li>
 
<ol­></­ol>
Contient des <li­></­li>
 
<dl­></­dl>
Contient des <dt> et des <dd>
<img src="" alt=""/>
width, height
<a href="">­tex­te<­/a>

propriétés css

font-size
font-style
font-f­amily
font-w­eight
line-h­eight
text-align
text-t­ran­sform
height
width
display
block, inline, inline­-block
float
left, right
margin
padding
border
2px solid black
position
absolute, fixed, relative
top; left; right; bottom
décalage
z-index
profondeur
 

Commen­taires

HTML
<!-- ceci est un commen­taire -->
CSS
/* commen­taire */

Tableau

<ta­ble­></­tab­le>
Englobe le tableau
 
<ca­pti­on>­</c­apt­ion>
titre du tableau
 
<th­ead­></­the­ad>
entete
 
<tf­oot­></­tfo­ot>
pied
 
<tb­ody­></­tbo­dy>
corps
 
<tr­></­tr>
row
 
<td­></­td>
cellule (att rowspan, colspan pour fussionner cellules)
 
<th­></­th>
cellule important

Structure html5

Inclure du css

inline
 
<p style=­"­col­or:­red­"­></­p>
interne
 
<style type="t­ext­/cs­s"><­/st­yle>
externe
<link href="f­ich­ier.cs­s" rel="st­yle­she­et" type="t­ext­/cs­s"/>

Base css

selecteur {
  prop1: valeur;
  prop2: valeur;
}

selecteurs

*
universel
#
id
.
classe
p h2
descendant (h2 dans un p)
p > h2
enfant (h2 direct­ement dans p)
p + h2
adjacent (h2 direct­ement après p)
a:visited
pseudo­-classe lien visité
pseudo­-cl­asse:
:first­-letter ; :before ; :after
   
 

Metadata

  • Languages:
  • Published: 11th April, 2017
  • Rated: 5 out of 5 stars based on 3 ratings

Favourited By

charaf ess domdezi wilwil

Comments

No comments yet. Add yours below!

Add a Comment

Your Comment

Please enter your name.

    Please enter your email address

      Please enter your Comment.

          Related Cheat Sheets

          Five ways to center DIV element in CSS Cheat Sheet