[PDF] TP TIC (HTML) - Kiteb.net TP N°1 : Objectifs : ➢ Savoir é





Previous PDF Next PDF



Cours et exercices corrigés

tableau 2-1 . . Page 40. 26. Le langage HTML 5. PARTIE I. Tableau 2-1. Tous les éléments de la catégorie Phrasing (voir le tableau 2-3) ainsi que <head>. Le 



TP HTML Exercice 1 : Votre première page HTML Ecrivez lextrait de

Exercice 4 : Réalisez un mini site comprenant votre CV selon le descriptif suivant: • Un tableau avec bordure fine qui comportera les informations "standards".



Les cahiers dExercices en Programmation : Le langage HTML

Des tableaux seront alors utilisés. Les tableaux sont définis par des balises. Voici les balises utilisées dans ce chapitre : Balise. Description. <table> 



Exercice 6 – Les tableaux

Exercice 6 – Les tableaux. 1. Créez un fichier mon-cv.html dans le répertoire /EnvSystemeReseau/tp-html. balise <table> permet d'insérer un tableau dans une ...



Exercice 1. La structure minimale dune page HTML

Le résultat de l'affichage est le même que celui du tableau précédent. La balise <style> contient 3 règles CSS : la première s'applique à tous les éléments < 



HTML : exercices

Exercice 1 : Affichage de document HTML. 1. Ouvrez le bloc-note copiez-y le document Exercice 6 : Tableau de statistiques. Ajoutez à votre site une page ...



Cours PHP Accéléré

Jun 27 2023 Fabrication d'une table HTML avec les résultats : <html>. <head>. <title>. Connexion à MySQL avec PDO. </title>. <meta charset="utf-8">. <body>.



Travaux Pratiques - Fès

Liens hypertextes Tableaux





Exercice 1. La structure minimale dune page HTML

Créez un répertoire tp-html puis un fichier base.html dans le répertoire Le tableau commence par la balise ouvrante <table> et se termine par la balise ...



TP HTML Exercice 1 : Votre première page HTML Ecrivez lextrait de

Ecrivez l'extrait de code HTML qui réalise ce titrage dans un fichier nommé Un tableau avec bordure fine qui comportera les informations "standards".



Les cahiers dExercices en Programmation : Le langage HTML

Des tableaux seront alors utilisés. Les tableaux sont définis par des balises. Voici les balises utilisées dans ce chapitre : Balise. Description. <table> 



TP TIC (HTML) - Kiteb.net

Objectifs : ? Savoir écrire le code minimum en HTML pour créer une page Web. ? Savoir créer en mode code un tableau. ? Savoir insérer une image en HTML.



Exercices sur les tableaux Php - page 1

23 Dec 2015 On voudrait réaliser un tableau HTML $Mois donnant le nombre de jours de chaque mois de l'année par un script PHP utilisant un tableau PHP. Les ...



Travaux Pratiques

Travaux pratiques et exercices d'application Conception de sites Web Exercice 3 (Facultatif) : Donner le code html du plan suivant. - Filières EST.



JEE et Framework Travaux Pratiques

Déployer l'application et vérifier que la page page1.html est définie comme page d'accueil en accédant à Exercice 3 : Affichage dans un tableau.



TP n°1 : php

Exercice n°1: Premier programme </HTML>. Rappels : Les scripts php doivent être interprétés par un parser PHP ... Exercice n°5.2: Les tableaux array() ...





Les cahiers dExercices en programmation : CSS niveau 2 exercices

Ce livre complète les cahiers d'exercices en HTML. Il vous propose des énoncés L'utilisation de la balise <tbody> est obligatoire dans un tableau en.

Cours réalisé par : Ilahi Néjib

TP1 Page 1 sur 2

TP N°3 :

Objectifs :

Savoir cérire ue éone fimiflf em HTML .olr ércer lme .ade se() Savoir ércer em fone éone lm ...a(ueal) Savoir imGrâ ceâ àlatâ hleenâ ogâ tidasiadnâ hnâ hnafâ mg(ntâ çn"â el))éntâ pâmg(n b"i)oâuâ niâ

odndctmnistiCEes xdpe3l1t2L odndctmnistiCEes xdpeul1t2L

Figure1

Figure2

âAgâmg(nâ ântiâtidasiadénâgànsâaeâig"ongaâhleiâontâsgdgsiédMtiM,antâtleiâvâ

·

· Agd(nadâzg"ongaâvâFRRâmMfnotâ

· Lgainadâzg"ongaâvâERRâmMfnotâ

· Agd(nadâSnooaon âvâHRRâmMfnotâ · LgainadâsnooaonHâvâ >RâmMfnotâ · LgainadâsnooaonjâvâC>RâmMfnotâââ sgdgsiédMtiM,antâtleiâvâ

· qànsâ"ldhadnâ

· Agd(nadâzg"ongaâvâFRRâmMfnotâ

· Lgainadâzg"ongaâvâFRRâmMfnotâ

· LgainadâSnooaon âvâ >RâmMfnotâ · LgainadâsnooaonHâvâC>RâmMfnotââ · Agd(nadââsnooaonHâvâHRRâmMfnotâ · LgainadâsnooaonjâvâC>RâmMfnotââ · Agd(nadââsnooaonjâvâ>RRâmMfnotâ

TP TIC (HTML)

Matière : Technologie de l"information et de la communication

Classe : 4 SI

Enseignant : Ilahi Néjib Durée : 2 heures

Date : Octobre 07

A.S :2007/2008

Cellule1 Cellule2

Cellule3

Cellule4

Cellule1

Cellule2

Cellule4

Cellule3

Image1.jpg

Image2.jpg

Image3.jp

g R2

Page2.html

Image s

Mes sites

Site R1

Page1.html

C:/ Devoirs et examens sur : www.kiteb.net

Cours réalisé par : Ilahi Néjib

TP1 Page 2 sur 2

hnâhnafâmg(ntâVâ

B°) Dans la cellule2 de la page1.html insérer l"image " image1.jpg ».De même insérer

l"image " image2.jpg » dans la page2.html. (N.B : Utiliser l"adressage relatif pour l"insertion de deux images.

C°) Dans la cellule4 de chacune de deux pages appliquer un lien externe permettant de

déplacer de la page1.html à la page2.html et inversement.

D°) Dans la cellule3 de la page1.html on veut insérer 3 paragraphes à gauche. Ces

paragraphes doivent comporter des signets nommés respectivement " para1 », " para2 » et " para3 » E°) Appliquer à l"arrière plan de chaque page l"image3. L"adressage doit être relatif.

3Grâ 2getâ ogâ snooaonHâ hnâ ogâ mg(nHb"i)oâ aeâ oMneâ mnd)niigeiâ hnâ tnâ hémogsndâ àndtâ ogâ

mgdg(dgm"nâpâmgdgjâuâhnâogâmg(n b"i)oâ

âDevoirs et examens sur : www.kiteb.net

Cours réalisé par : Ilahi Néjib

TP2 Page 1 sur 4

TP N°3 :

Objectifs :

Savoir créer un formulaire en HTML.. Savoir indérer nsim(or)e ...uel élémen) HTML ODYM >)e*)ed!Bou)ond!)aBleau*!liend!..."

rétnaot dmCé fEaxCpliae

Grâ ceàlathnàrâ nogràhigncâ dràlrggrog has hagraàâ fr dhmrâ (rç fr fegrà traà dhmr "rç

f)étélrogâ nogràhigncâ dràlrgghog dhà rsrldtr ao fnhtemar hpri trâ nogràohagrb " th lhonuàr frâ

ieadeoâHàédeoâr dàéârogâ fhoâ iràghnoâ lhmhTnorâM

Gr trigraà âhnâng frâ noceàlhgneoâ ro àrldtnââhog frâ iLhldâ ea ro itnzahog âaà frâ çeageoâb danâ

hddanr âaà ao çeageo fr âealnââneo .âaçlngA deaà t)rope,rà âeng " ao

:vGb i)râgH"Hfnàr fr chméoéàhtr " aor hfàrââr rHlhnt ea " ao âiàndg fr dhmr "rç f,ohlnzar grt zar FRFb ESF ea ao âiàndg

>jCM

1l blpise 2OLu

Grâ ceàlathnàrâ âeog fétnlngéâ dhà th çhtnâr <2OLuF RRR

dtaânraàâ étélrogâ fr ceàlathnàr .çeageoâbiLhldâ fr âhnânrbMMMA rg zan deââufr trâ hggànçagâ eçtnmhgenàrâ

âanphogâq

· uMTSO> nofnzar âeaâ zarttr ceàlr âràeog rope,érâ trâ àédeoârâ

x F%SV y râg th phtraà zan ieààrâdeof " ao ropen fr feooérâ âgei3érâ fhoâ tr ieàdâ fr th

àrza2grb ghofnâ zar x jwV y ieààrâdeof " ao ropen frâ feooérâ ieférâ fhoâ t):vGb rg âédhàérâ

fr t)hfàrââr fa âiàndg dhà ao denog f)nogrààemhgneo .deaà dtaâ fr àroârnmorlrog âaà trâ légLefrâ

F%SV rg jwVb ieoâatgrT t)hàgnitr âaà

tr dàegeietr RVVFA · VgTrON nofnzar t)hfàrââr f)ropen .âiàndg >jC ea hfàrââr rlhnt .lhntgeqhfàrâârMrlhnt1lhiLnorAA

0enin th â,oghsr fr th çhtnâr Y%vNq

0enin zartzarâ rsrldtrâ fr çhtnârâ Y%vNq

V pmiétnaieCa de pl blpise 2OLuRRR

Gh çhtnâr ODYM ieoâgngar ro zartzar âeàgr ao ieogroraà dràlrgghog fr àrmàeadrà frâ étélrogâ zan peog

dràlrggàr " t)agntnâhgraà fr iLenânà ea fr âhnânà frâ feooérâb roârlçtr fr feooérâ zan âràeog rope,érâ "

t):vG nofnzaé fhoâ t)hggànçag #$T%D& fr th çhtnâr ODYM dhà th légLefr nofnzaér dhà t)hggànçag M'THD(M

TP TIC (HTML)

Matière : Technologie de l"information et de la communication

Classe : 4 SI

Enseignant : Ilahi Néjib Durée : 2 heures

Date : Octobre 07

A.S :2007/2008 Devoirs et examens sur : www.kiteb.net

Cours réalisé par : Ilahi Néjib

TP2 Page 2 sur 4

Ct râg deâânçtr f)noâéàrà o)nldeàgr zart étélrog RVNG fr çhâr fhoâ aor çhtnâr ODYM

.grsgrâbçeageoâbghçtrhasbtnroâbMMMA lhnâ nt râg âaàgeag nogéàrââhog f)noâéàrà frâ étélrogâ nogràhigncâM >râ

étélrogâ nogràhigncâ âeogq

· Gh çhtnâr %&)*Tq ao roârlçtr fr çeageoâ rg fr iLhldâ fr âhnânr · Gh çhtnâr T'+T#Y'#q aor Teor fr âhnânr · Gh çhtnâr S'L'$Tq aor tnâgr " iLens latgndtrâ

1l blpise rNP*T

Gh çhtnâr %&)*T râg th çhtnâr râârognrttr frâ ceàlathnàrâb ihà rttr dràlrg fr iàérà ao çeo oelçàr

f)étélrogâ OnogràhigncâOM Gh â,oghsr fr irggr çhtnâr râg th âanphogrq

G)hggànçag name râg râârognrt ihà nt dràlrggàh ha âiàndg >jC fr ieoohIgàr tr iLhld hââeiné " th dhnàr

oelBphtraàb i)râgH"Hfnàr zar tr oel fa iLhld âràh âanpn fa ihàhiguàr O=O danâ fr th phtraà rogàér dhà

t)agntnâhgraàb ea fhoâ tr ihâ ieogàhnàr fr th phtraà dhà féchag àrdéàé dhà t)hggànçag valueM

G)hggànçag ),(e dràlrg fr dàéinârà tr g,dr f)étélrog zar àrdàéârogr th çhtnâr %&)*Tb penin trâ phtraàâ zar

ir iLhld drag dàrofàrq

· c+ec,bE-q nt â)hmng fr caded - coc.er deaphog hflrggàr fras éghgâq c.ec/e< .ieiLéA rg

unc.ec/e< .oeo ieiLéAM Geàâzar th ihâr râg ieiLé th dhnàr oelBphtraà râg rope,ér ha >jC

· +iddeéq nt â)hmng f)ao c.am( cac.éM >r iLhld oeo pnânçtr âaà tr ceàlathnàr dràlrg fr dàéinârà

ao dhàhlugàr cnsr zan âràh rope,é ha >jC âeaâ ceàlr fr dhnàr oelBphtraà

· fipeq nt â)hmng f)ao c.am( dràlrgghog " t)agntnâhgraà fr dàéinârà t)rldthirlrog f)ao cniLnrà zan âràh

rope,é hpri tr ceàlathnàrM Ct chag fhoâ ir ihâ dàéinârà tr g,dr fr feooérâ deaphog 2gàr rope,érâ

màUir " t)hggànçag #$$')T fr th çhtnâr ODYM

· ixl.eq nt â)hmng f)ao Bou)on t)rldthirlrog dàéinâé dhà âeo hggànçag SY$

· /lss0Eadq nt â)hmng f)ao c.am( ceàlr f)hâgéànâzarâ hcno fr ihleactrà th âhnânr fr t)agntnâhgraà

· aldiEq nt â)hmng f)ao Bou)on dràlrgghog ao iLens dhàln dtaânraàâ dàedeâéâ .t)roârlçtr frâ

çeageoâ àhfneâ frphog deàgrà tr l2lr hggànçag nameM Gh dhnàr oelBphtraà fa çeageo àhfne

âétrigneooé âràh rope,é ha >jCM :o hggànçag c.ec/e< deaà ao frâ çeageoâ dràlrg fr dàéinârà tr

çeageo âétrigneooé dhà féchag

· aesetq nt â)hmng f)ao Bou)on étélrogâ fa ceàlathnàr " traàâ phtraàâ dhà féchag

· sCbxitq nt â)hmng fa Bou)on drag 2gàr dàéinâé màUir " t)hggànçag value

· te-tq nt â)hmng f)ao c.am(

drag 2gàr fécnonr " t)hnfr fr t)hggànçag di0e rg th ghnttr lhsnlhtr fa grsgr âhnân màUir " t)hggànçag

ma*len1).

1l blpise TM1TVLMV

Gh çhtnâr T'+T#Y'# dràlrg fr fécnonà aor Teor fr âhnânr dtaâ phâgr dhà àhddeàg " th ânldtr tnmor fr

âhnânr zar dàedeâr th çhtnâr %&)*TM >rggr çhtnâr deââufr trâ hggànçagâ âanphogâq

· cEpsq àrdàéârogr tr oelçàr fr ihàhiguàrâ zar drag ieogronà aor tnmor

· aE0sq àrdàéârogr tr oelçàr fr tnmorâ

· élxeq àrdàéârogr tr oel hââeiné ha iLhldb i)râg tr oel zan dràlrggàh f)nfrogncnrà tr iLhld

fhoâ th dhnàr oelBphtraà

· aeldEép2q dràlrg f)rld2iLrà t)agntnâhgraà fr lefncnrà tr grsgr rogàé dhà féchag fhoâ tr iLhld

· 3lpCeq àrdàéârogr th phtraà zan âràh rope,ér dhà féchag ha âiàndg ân tr iLhld fr âhnânr o)râg dhâ

lefncné dhà aor càhddr fr t)agntnâhgraà

1l blpise 4M1MgT Devoirs et examens sur : www.kiteb.net

Cours réalisé par : Ilahi Néjib

TP2 Page 3 sur 4

Gh çhtnâr S'L'$T dràlrg fr iàérà aor tnâgr féàeathogr f)étélrogâ .dàéinâéâ dhà frâ çhtnârâ D)T%D& "

t)nogéànraà fr irttrHinAM Grâ hggànçagâ fr irggr çhtnâr âeogq

· élxeq àrdàéârogr tr oel hââeiné ha iLhldb i)râg tr oel zan dràlrggàh f)nfrogncnrà tr iLhld

fhoâ th dhnàr oelBphtraà

· dislbpedq dràlrg fr iàérà aor tnâgr féâhignpérb i)râgH"Hfnàr hccniLér ro mànâér

· si5eq àrdàéârogr tr oelçàr fr tnmorâ fhoâ th tnâgr .irggr phtraà drag 2gàr dtaâ màhofr zar tr

oelçàr f)étélrogâ rccrigncâ fhoâ th tnâgrA

· xCpti/peq lhàzar th deâânçntngé deaà t)agntnâhgraà fr iLenânà dtaânraàâ iLhldâ fhoâ th tnâgr

*é e-ex/pe de fEaxCpliae

Grâ ceàlathnàrâ draprog 2gàr lnâ ro dhmr " t)hnfr fr ghçtrhas .irth râg l2lr ieoârntté deaà hpenà aor

lnâr ro dhmr âenmoérAM 0enin ao rsrldtr àéihdngathog trâ denogâ inHfrââaâ rg leogàhog iellrog lrggàr

ro dhmr ao ceàlathnàr " t)hnfr f)ao ghçtrhaq

Enregistrement d'un utilisateur

Nom
Prénom
Sexe

Homme :


Femme :
Fonction
Commentaires

0enin tr àéâatghg fr ir iefr RVNG Devoirs et examens sur : www.kiteb.net

Cours réalisé par : Ilahi Néjib

TP2 Page 4 sur 4

woàrmnâgàrlrog f)ao agntnâhgraà Del

Fàéoel

Srsr

Rellr q

Yrllr q

Yeoigneo

Enseignant

>ellroghnàrâ

Tapez ici vos commentaires

Envoyer

VttaibCts de pl blpise 2OLu et t2/es dmeétanes

6lpise VttaibCt 7lpeCa LnsCptlt Mffet 7isCep

NwVR%P F%SV

jwV

E>VC%D ropenr " t)hfàrââr

nofnzaér êY%vN- MMM êBY%vN- wD>V4Fw âdéincnr tr g,dr fr iefhmr agntnâé

âaçlng rccrigar t)E>VC%D fhoâ tr

çhtnâr êY%vN-

Envoyer

grsg

ânldtr tnmor fr grsgr feog

th teomaraà râg feooér dhà t)hggànçag

ânTr

àrârg rcchir tr ieogroa fa

ceàlathnàr

Rétablir

àhfne çeageo àhfne

V4Fw iLri3çes ihâr " ieiLrà

DENw Del

êCDF:V-

SC"w Vhnttr fa grsgr

DENw v%(S

êVw»VEvwE- MMM

êBVw»VEvwE- >%GS

"eor fr grsgr

DENw Choix 1

êSwGw>V-

ê%FVC%D- MMM

êB%FVC%D-

êBSwGw>V-

N:GVCFGw Ftaânraàâ iLens deâânçtrâ Choix 1

SwGw>VwP %dgneo dhà

féchag ê%FVC%D- MMM

êB%FVC%D- 0EG:w 0htraà ceàiér

Choix 1

Choix 2

Choix 3

Devoirs et examens sur : www.kiteb.net

Cours réalisé par : Ilahi Néjib

TP3 Page 1 sur 4

TP N°3 :

Objectifs :

Savoir créer un formulaire en HTML.. Savoir créer des frames (cadres) en HTML...

Présentation des frames

Grâce à la technologie des frames (en français "cadres") il est désormais possible d"afficher plusieurs

pages HTML dans différentes zones (ou cadres).

Créer des frames

Afin de créer un site contenant des cadres, il suffit de créer un fichier contenant l"agencement des cadres

: ce fichier HTML a pour particularité d"avoir un conteneur à la place du jeu de balises

. C"est cette balise qui définit les cadres par leur dimension en pixels ou en pourcentage (%).

Voyons ceci sur 3 exemples:

· 2 cadres verticaux

· 2 cadres horizontaux

· 2 cadres horizontaux et un vertical

Exemple n°1

Exemple n°2

TP TIC (HTML)

Matière : Technologie de l"information et de la communication

Classe : 4 SI

Enseignant : Ilahi Néjib Durée : 2 heures

Date : Novembre 07

A.S :2007/2008 Devoirs et examens sur : www.kiteb.net

Cours réalisé par : Ilahi Néjib

TP3 Page 2 sur 4

Exemple n°3

NAME="droit_haut"> NAME="droit_bas">

Les attributs de la balise

Attribut Valeur Action

Rows pourcentage (entre 1 et 100) valeur en pixels En fixant une seules des valeurs et en donnant à l"autre la valeur *, la valeur s"ajuste automatiquement

Cadre horizontal

Cols pourcentage (entre 1 et 100) valeur en pixels En fixant une seules des valeurs et en donnant à l"autre la valeur *, la valeur s"ajuste automatiquement

Cadre vertical

Frameborder YES

NO

Indique si le cadre a une

bordure ou non Border=n n est une valeur définissant la taille de la bordure Indique la taille de la bordure

Bordercolor Nom de la couleur

Valeur de la couleur en hexadécimal

Indique la couleur de la

bordure Framespacing=n n est une valeur définissant l"espace entre les cadres Indique l"espace entre les cadres

Les attributs de la balise

La balise permet de définir un ou plusieurs cadres au sein de la balise

Attribut Valeur Action

Src URL Définit l"emplacement de la page à afficher dans le cadre Name "nom" Définit un nom qui permettra d"afficher un autre document dans le cadre gâce à l"attribut Target

Marginwidth=n n est un entier spécifiant le

nombre de pixels Taille des marges latérales

Marginheight=n n est un entier spécifiant le

nombre de pixels Taille des marges du haut et du bas

Frameborder YES

NO Détermine si les cadres auront ou non une bordure

Border=n n est un entier spécifiant le

nombre de pixels Taille de l"espace entre les cadres (uniquement pour

Netscape)

Noresize (Aucune) Interdit à l"utilisateur de redimensionner les cadres (Ce n"est pas la valeur par défaut)

Scrolling

YES NO AUTO Permet ou non l"affichage d"une barre de défilement (Auto laisse le navigateur décider de son utilité)

Devoirs et examens sur : www.kiteb.net

Cours réalisé par : Ilahi Néjib

TP3 Page 3 sur 4

Application

quotesdbs_dbs1.pdfusesText_1
[PDF] exercice identité remarquable factorisation

[PDF] exercice identité remarquable seconde

[PDF] exercice immunité bac science

[PDF] exercice imparfait passé simple cm2 ? imprimer

[PDF] exercice induction mpsi

[PDF] exercice inégalité de bernoulli

[PDF] exercice information chiffrée terminale stmg

[PDF] exercice interactif javascript

[PDF] exercice java corrigé debutant

[PDF] exercice java corrigé debutant pdf

[PDF] exercice java corrigé heritage

[PDF] exercice javascript formulaire corrigé

[PDF] exercice jeu a 3 basket

[PDF] exercice la houle

[PDF] exercice laser terminale s