TP de La Programmation Web1

1
INTRODUCTION
Nous voici au début de notre travail pratique qui nous a été
donnée dans le cours de la programmation web1 dont la question est de «
Donner les propriétés propre du langage html et en suite Enumérez la liste
complète de balises css ».
Pour répondre correctement à ceux deux questions nous devrions
d’abord comprendre ce quoi une propriété et une balise ?
Parler des propriétés c’est sont les caractères propre à une chose qui lui permet
de lui différencier avec une autre chose est pour terminer une balise c’est un mot
encadre entre deux croches <…> qui Permet d’expliciter les/la manière(s) de
mettre en forme de textes.
Nous vous invitons cher assistant à la page suivante qui va nous

permettre à développer le dut sujet qui est mentionner ci-haut.
TRAVAIL PRATIQUE DE LA PROGRAMMATION WEB1

PRESENTE PAR OMOKOKO OTSHUDI Henri
2
DEVELOPPEMENT DU SUJET
1ere QUETION
Quelle sont les propriété du langage Html ?
Nul ne cancer ignore que le langage html est un langage de
balisassions et chaque balise est une instruction de mise en forme de texte
contenu dans cette balise il à ses propriété qui lui différencier d’autres
langages ;
Voici quelques balises de base : balises de structuration qui lui diffère d’autre :
 < ! DOCTYPE html > : cette balise nous permet juste de déterminer que il
s’agit d’une page html ;
 < HTML> …</HTML> : Document HTML ;
 <HEAD>…</HEAD> : Partie d’entête du document ;
 <BODY>…</BODY> : Partie corps du document ;
 <TITLE>…</TITLE> Pour insérer le titre de votre site ;
 <H1>…</H1> : Pour insérer le premier titre de votre document ;
 … ou : Ajout d’un paragraphe ou d’une nouvelle ligne ;
 <OL>…</OL> : Liste ordonnée (avec numéros latins ou arables) ;
 <UL>…</UL> : Liste non ordonnée (avec puces) ;
 <DL>…</DL> : Liste des définitions ;
 <LI> </LI> : Item d’une liste ;
 : retour à la ligne ;
 <META> donne à votre document des informations qui seront lues par le
serveur http ;
Et d’outre balises de base : balises de style entre <body> et </body>
comme :
 … : Pour mettre un mot en Gras ;
 … : Pour mettre un mot en Italique ;
 <center>…</center> : Pour Centrer les éléments (textes, images) ;
 <CITE>…</CITE> : Afficher des citations ;
 <S>…</S> : Texte rayé ;
 … : Texte souligné ;
 …>STRONG> : Texte gras épais ;
QUELQUES BALISES DE BASE : Police de caractères entre <body> et
</body> :

3
 <BASEFONT SIZE=valeur> z Valeur sert à changer la taille de la police

par défaut.
 elle permet de donner une taille relative
par rapport à la taille en cours
QUELQUES BALISES MULTIMEDIA : Liens et Ancres entre <body> et
</body> :
 Syntaxe d’un lien : <A HREF="url" rel= "…. " title= " valeur " >texte
</A> où les attributs rel, rev, et title sont peu usités et ont les mêmes
significations que celles exposées dans la balise <LINK>.
 Syntaxe d’un Ancre : <A NAME=" nom-ancre“ /> définit un ancre avec
le nom_ancre dans le document. Ex: chapitre 1 − Pour faire référence à
une ancre : <A HREF=" #nom_ancre" >une ancre </A>
QUELQUES BALISES MULTIMEDIA : Images entre <body> et </body> :
 <IMG SRC="URL du fichier d’image"> insérer l’image dans le
document.
− Attributs possibles
1. ALT : pour afficher un texte si le lecteur de Web ne sait pas lire l'image
2.ALIGN=left|right|top|texttop|middle|absmiddle|baseline|bottom|absbott
3.WIDTH=valeur HEIGHT=valeur – taille de l’image
4.BORDER=valeur épaiseur de trait
5. VSPACE contrôle l'espacement vertical en pixels au-dessus et en dessous de
l'image.
2ere QUESTION
Enumérez la liste complète des balises css ?
Pour la Police, taille et
décorations :
Pour les alignements :
 Nom de police= font-family
 Alignement horizontal= text-align
 Taille du texte= font-size
 Alignement vertical= vertical-align ;
 Gras= font-weight
 Hauteur de ligne= line-height ;
 Italique =Italique
 Alinéa= text-indent ;
 Décoration= text-decoration,
 Césure= white-space ;
 Petites capitale=s font-variant
 Capitales text-transform ;
4
Pour les dimensions :

Pour le couleur :
 Largeur= width ;
 Couleur de texte= color ;
 Hauteur= height ;
 Couleur de fond =background-color ;
 Largeur minimal = min-width ;
Pour image de fond :  Largeur maximale= max-width ;
 Hauteur minimale= min-height ;
 Image de fond= background-image ;  Hauteur maximale=max-height ;
 Fond fixé =background-attachment ;
 Répétition du fond= background- Pour marges extérieures :
repeat ;
 Marge en haut=margin-top
 Position du fond= background-
 Marge à gauche=margin-left ;
position ;
 Marge à droite=margin-right ;
 Raccourci= background ;
 Marge en bas=margin-bottom ;
Pour les marges intérieures :  Marge intérieure à

droite=padding-right ;
 Marge intérieure en hau= padding-top ;
 Marge intérieure en bas
 Marge intérieure à gauche=padding-left ;
=padding-botton
Pour les bordures :
 Bordure en haut=border-top ;
 Epaisseur de la bordure=border-width  Bordure à droite=border-
 Couleur de la bordur= border-color right ;
 Bordure à gauch= border-left  Bordure en bas=border-
bottom ;
Pour l’affichage :  Raccourci= border ;
 Type d'élément= display
 Affichag= visibility Pour les listes :
 Limiter la dimension= overflow ;  Type de list= list-style-type ;
Pour le positionnement :  Position en retrait=list-
styleposition
 Flottant=float  Puce personnalisée=list-
 Stopper un flottant= clear styleimage
 Type de positionnement)=position  Les barres de défilement=
 Position par rapport au hau= top scrollbar
 Position par rapport au bas=bottom

5
 Position par rapport à gauch= left

 Position par rapport à droite=right
 Ordre d'affichage=-index
LA CONCLUSSION GENERAL
Comme un travail scientifique à toujours un débit et un fin

nous voici à la fin de notre travail dont -il-été que de « Donner les
propriétés propre du langage html et en suite Enumérez la liste complète de
balises css ».
Pour clore nous venons d’énuméré quelques propriété du
langage html qui est subdivise en plusieurs partie comme : les balises de
structuration, les balises de style entre <body> et </body> , Police de caractères
entre <body> et </body> , Liens et Ancres entre <body> et </body> ,et les
Images entre <body> et </body> ;
Et nous avons chuté directement sur la liste complète de balise
css . Qui est aussi caractériser par différente couches comme : Pour la Police,
taille et décorations, Pour les alignements, Pour le couleur, Pour les
dimensions, Pour image de fond, Pour marges extérieures, Pour les marges
intérieures, Pour les bordures, Pour l’affichage, Pour les listes & Pour le
positionnement.
Nous sommes à la fin de notre travail que vos remarques et suggestions soi
les Bienvenue !!!

TP de La Programmation Web1

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

TP de La Programmation Web1

Transféré par

Droits d'auteur :

Formats disponibles

1

Nous vous invitons cher assistant à la page suivante qui va nous

TRAVAIL PRATIQUE DE LA PROGRAMMATION WEB1

TRAVAIL PRATIQUE DE LA PROGRAMMATION WEB1

 <BASEFONT SIZE=valeur> z Valeur sert à changer la taille de la police

Pour les dimensions :

Pour les marges intérieures :  Marge intérieure à

TRAVAIL PRATIQUE DE LA PROGRAMMATION WEB1

 Position par rapport à gauch= left

Comme un travail scientifique à toujours un débit et un fin

TRAVAIL PRATIQUE DE LA PROGRAMMATION WEB1

Vous aimerez peut-être aussi