Q1 : Parmi les lignes de code HTML suivantes, laquelle permet de décrire la liste ordonnée ci-dessous :
a) <ol type=e start=e><li>HTML</li><li>CSS</li><li>PHP</li></ol>
b) <ol type=e start=5><li>HTML</li><li>CSS</li><li>PHP</li></ol>
c) <ol type=a start=5><li>HTML</li><li>CSS</li><li>PHP</li></ol>
Q2 : Nous voulons atteindre à travers le lien hypertexte « Introduction au CSS », un emplacement bien précis (ancre) nommé «introcss» qui se trouve dans une autre page web du même site nommé « css.html ». Parmi les codes HTML suivants quel est celui qui nous permet de réaliser ça ?
a) <a href=”css.html#introcss”></a>Introduction au CSS
b) <a href=” introcss#css.html”> Introduction au CSS </a>
c) <a href=”css.html#introcss”> Introduction au CSS </a>
Q3 : Parmi les lignes de code HTML suivantes, laquelle nous permet de créer un paragraphe centré de couleur de texte bleu, de taille 4 et de type de police verdana.
a) <p align=center><font police=verdana color=blue size=4>le paragraphe</font></p>
b) <p align=center><font face=verdana color=blue size=4>le paragraphe</font></p>
c) <p> <align=center><font face=verdana color=blue size=4>le paragraphe</align></font></p>
Q4 : Le code HTML <table cellpadding=5 cellspacing=10> nous donne:
a) Un tableau avec une bordure de 0 pixels, un espacement entre les cellules de 5 pixels et un espacement entre le contenu des cellules et leurs bordures de 10 pixels.
b) Un tableau avec une bordure de 0 pixels, un espacement entre les cellules de 10 pixels et un espacement entre le contenu des cellules et leurs bordures de 5 pixels.
c) Un tableau avec une bordure de 10 pixels, un espacement entre les cellules de 5 pixels et un espacement entre le contenu des cellules et leurs bordures de 0 pixels.
Q5 : Quel est le code HTML qui permet de créer une page web de couleur de fond rouge et de couleur de texte blanc.
a) <body bgcolor="red" color=white>
b) <body bgcolor="red" text=white>
c) <body font="red" color=white>
Partie B
Exercice 1 (10 pts)
Ecrire le code html qui permet de créer la page web ci-dessous « home.html », sachant que :
1. Le titre « Bienvenue dans notre site #1 de vente en ligne » est de taille h1 et centré.
2. La ligne horizontale est de largeur 600, de taille 5 et de couleur « #f404c0 ».
3. Le menu est mis dans un tableau d’une seule ligne et de 6 colonnes telle que :
La largeur est 80%
Le code de la couleur de fond est « #cccccc »
L’espacement entre le contenu et les bordures des cellules est égal à 5 pixels.
4. Le texte « Nos Produits » est un lien hypertexte vers la page « produits.html »
5. Le texte « Nos Services » est un lien hypertexte vers un ancre (signet) nommé « services » dans la page « produits.html ».
6. La dernière cellule contient deux images l’une à côté de l‘autre (sans retour à la ligne) de largeur et de hauteur 30 pixels. La 1ère « fblogo.png » est un lien hypertexte vers le site facebook.com tandis que la 2ème « instalogo.png » est un lien hypertexte vers le site « instagram.com ».
REPONSE (Exercice 1 – Partie B):
<html>
<head>
<title>coco.tn</title>
</head>
<body>
</body>
</html>
Exercice 2 (5 pts)
La page « produit.html » contient deux listes de menu comme suit. Les deux titres « Nos Produits » et « Nos Services » sont des têtes de liste.
Donner le code HTML permettant de créer la page « produit.html » dans laquelle vous devez créer l’ancre (signet) nommé « services » qui est la destination du lien hypertexte de l’exercice précédent.
mettez vos réponses dans les commentaires
Aucun commentaire:
Enregistrer un commentaire