HTML tags

Question 1

Liste décrivant chaque item

Answer 1

<dl>
  <dt>Coffee</dt>
  <dd>- black hot drink</dd>
  <dt>Milk</dt>
  <dd>- white cold drink</dd>
</dl>

=

<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>

Question 2

Unordered List avec des carrés comme puces

Answer 2

<ul style="list-style-type:squares;">

Question 3

Unordered List avec des cercles comme puces

Answer 3

<ul style="list-style-type:circle;">

Question 4

Nested list

Answer 4

<ul>
<li>Coffee</li>
<li>Tea
<ul>
<li>Black tea</li>
<li>Green tea</li>
</ul>
</li>
<li>Milk</li>
</ul>

<ul>
  <li>Coffee</li>
  <li>Tea
    <ul>
      <li>Black tea</li>
      <li>Green tea</li>
    </ul>
  </li>
  <li>Milk</li>
</ul>

Question 5

Mettre en plein écran la largeur de la table

Answer 5

<table style="width:100%">

Question 6

Différentes bordures de tableau

Answer 6

. dotted = pointillés
.dashed = tirets
.solid = ligne
.double
.groove
.ridge
.inset
.outset
.none
.hiddent

Question 7

Dans une table, spécifier la largeur d’une colonne

Answer 7

Sur la première ligne :

<td style="width:70%">Firstname</td>

Question 8

Dans une table, spécifier la hauteur d’une ligne

Answer 8

Sur la première cellule de la ligne :

  </tr>
  <tr style="height:200px">
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>

Question 9

Dans une table, mettre un même titre pour deux colonnes

Answer 9

<tr>
    <th colspan="2">Name</th>
    <th>Age</th>
</tr>

Question 10

Dans une table, mettre une caption

Answer 10

<table style="width:100%">
      <caption>Monthly savings</caption>
....
</table

Question 11

Dans une table, étaler une cellule sur deux colonnes

Answer 11

<td colspan="2">Bulma</td>

Question 12

Dans une table, étaler une cellule sur deux lignes

Answer 12

<td rowspan="2">Bulma</td>

Question 13

Dans une table, sélectionner les 2 premières colonnes et en modifier la couleur de fond

Answer 13

<table>
    <colgroup>
        <col span="2" style="background-color: #D6EEEE">
      </colgroup>
...
</table>

Question 14

Quelles propriétés sont légales pour colgroup ?

Answer 14

. width
. visibility
. background
. border

Question 15

Dans une liste, ne pas afficher de puce

Answer 15

<ul style="list-style-type:none;">

Question 16

Dans une liste ordonnée, mettre des chiffres comme puces

Answer 16

<ol type="1">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

Question 17

Dans une liste ordonnée, mettre des LETTRES comme puces

Answer 17

<ol type="A">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

Question 18

Dans une liste ordonnée, mettre les lettres minuscule comme puces

Answer 18

<ol type="a">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

Question 19

Dans une liste ordonnée, mettre des CHIFFRES ROMAINS comme puces

Answer 19

<ol type="I">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

Question 20

Dans une liste ordonnée, mettre des chiffres romains minuscule comme puces

Answer 20

<ol type="i">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

Question 21

Dans une liste ordonnée, commencer le compte à 50

Answer 21

<ol start="50">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

Question 22

Tag le plus commun pour déterminer un bloc inline

Answer 22

<span></span>

<p> La la la <span> li li </span> la la.</p>

Question 23

Donner plusieurs classes à un même élément

Answer 23

Div head, div style :
.city { …….. }
.main { …….. }

Div body :
<p class="city"> Rezé </p>
<p class="city main"> Nantes </p>

Ici, “Nantes” aura les attributs de style de la classe city et de la classe main

Question 24

Envoyer à un élément précis de la page en cliquant

Answer 24

<a href=#livre> Cliquer ici pour arriver à l'élément correspondant </a>

...

<p id="livre"> blabla </p>