You are on page 1of 3
Université Saad Dablab Blida (Blida 1) 20152016 Département informatique Deuxiéme année licence Série de TP N°I (HTML, CSS) Exercice 1 (Mise en forme de texte): 1. Test demandé de créer une premiére page HTML de base, a Taide du "BlocNote" de Windows. Cette page comportera ‘© untitre dans la barre du navigateur ; « Ma premiére page HTML » ‘© ois paragraphes, alignés 4 gauche, droite, et justfiés. (& vous de rédiger le contenu des paragraphes) © des commentaires 2. Menee en forme I'rticle disponible dans le fichier TP1.tx. Copier le contenu de larticle ‘+ Appliquer un style de titre au ttre général, et ajouter un ttre de niveau moindre & chaque paragraphe Créer les paragraphes avec des balises

Mettre chaque nom de continent ou de langage en police Courier et en vert Mettre chaque nom de compagnie en italigue et en marron Placer une barre horizontale en fin de Farticle Ajouter a sa fin, aprés la barre, la date courante, dans tn paragraphe aligné A droite Exercice 2: Lien externe Créer une page HTML "basique" comportant un paragraphe contenant un lien externe Liens relatifs et listes Créer une structure de répertoites en arbre & deux branches : répertoire racine index.html ie répertoire dossier! repertoire dossie cl kiml ‘fic2. him | 1 répertolte dossier3 répertoire dossier ‘fics. himl ‘fied htm ‘+ Créer, pour chaque fichier, une liste non ordonnée de liens relatifs vers chacun des autres fichiers. ‘© Créer une liste non ordonnée imbriquée dans une liste nimérotée imbriquée dans une liste non ordonnée. Exercice 3: Reconstituer le tableau suivant = Titret [ Titres Cellule simple Cellule simple Cellule simple Deux colonnes assembiées Cellule simple Titret Cellule simple Cellule simpl Celle simple Cellule simple ‘Deux lignes assembles (Cellule simple Deux lignes et deux colonnes 1 Cellule simple (On nfessaiera pas de tout fire & la fois ! 1, Déclarer un tableau de largeur 90% de la largeur de la fenétre,aligné au centre, avec une bordure de 1 2, Déclarer un entéte au tableau (balise ), constitué dune ligne de trois colonnes de type header Déclarer un Deéclater une premiére ligne constituée de trois cellules simples Déclarer la deuxiéme ligne constituée de deux colonnes assembiées, et d'une troisiéme colonne 6. Aligner le texte & droite dans la premitre cellule de la ligne 7, Déclarer une troisiéme "ligne" constituée de deux cellules simples, et d'une cellule assemblant deux lignes 8, Aligner le texte en bas dans la deriére colonne 9, Déelarer une quatritme ligne constituée de deux cellules simples (expérimenter ce qui se passe en déclarant une cellule de moins, ou une cellule de plus ;interpréter) 10, Déclarer une einquiéme ligne constituée dune cellule simple et d'une eellule regroupant deux colonnes et deux lignes 11. Aligner le texte av centre et en haut dans la demiére cellule 12. Compléter Ie tableau par une derniére ligne, Combien faut-il de cellules ? Exercice 4: Image-lien 1. Choisir une image sur votre disque local 2) Créer une page HTML ne comportant que cette image 3. Larendre globalement active : en cliquant sur cette image, on arrive & une URL par

You might also like