Cahier Bleu à Paulo

Quelques rappels sur les possibilités de Emmet (dans visual studio code par ex...)

# création de 3 <article><h1><p>
article*3>h1>p

# pareil en ajoutant des classes et boutons
# ps : la classe red est indicée avec le caractère $
artiste.col-xs-12.col-sm-12.col-md-3.col-lg-3.red$*3>h1>p+button.btn.btn-danger

<artiste class="col-xs-12 col-sm-12 col-md-3 col-lg-3 red1">
  <h1>
    <p></p>
    <button class="btn btn-danger"></button>
  </h1>
</artiste>
<artiste class="col-xs-12 col-sm-12 col-md-3 col-lg-3 red2">
  <h1>
    <p></p>
    <button class="btn btn-danger"></button>
  </h1>
</artiste>
<artiste class="col-xs-12 col-sm-12 col-md-3 col-lg-3 red3">
  <h1>
    <p></p>
    <button class="btn btn-danger"></button>
  </h1>
</artiste>

# creation formulaire
div>(form>input:text[name='username']+input:password+input:submit)+p{ ou enregistrer ici}

<div>
  <form action="">
    <input type="text" name="username" id="">
    <input type="password" name="" id="">
    <input type="submit" value="">
  </form>
  <p> ou enregistrer ici</p>

source : https://code.visualstudio.com/docs/editor/emmet