HTML TP

756 mots 4 pages

Développement de sites web statiques
Par Youssef FAKHRI
Informatique IV
Semestre 4
FAKHRI-Youssef@univ-ibntofail.ac.ma

SMI/SMA-2010-2011

PLAN z z z z z z z z z Introduction
Structure de document HTML
Formatage
Listes
Hyperliens
Images
Tableaux
Cadres
Formulaires

Introduction z HTML:

HyperText Markup Language z Langage de balisage:
<balise attribut1=valeur1 attribut2=valeur2 ….> texte balisée
</balise>

Structure de document
HTML
<html>
<head>
Balises d ’en-tête

</head>
<body>
Corps du document

</body>
</html>

Balises d ’en-tête
<base>:
z
Définit les valeurs de référence globales pour les attributs href et target z Ex:
<head>
<base href=« http://www.univ-ibntofail.ac.ma/index.html>
<base target=«cadre1»>
</head>

Balises d ’en-tête
<meta>:
z
Définit des infos spécifiques au document. z Ex:
<head>
<meta name=«author» content=« Youssef FAKHRI »>
<meta name=«keywords» content=«design,html,iis »>
<meta name=«description» content=«cours sur le développement de sites web statiques avec html »>
</head>

Balises d ’en-tête
<meta>:
z
Ex:
<head>
<meta http-equiv=« refresh » content=« 5;url=http://www.univibntofail.ac.ma/index.htm »>
</head>

Balises d ’en-tête
<script>:
Ex: <head>
<script language=javascript>
//code du script
</script>
<noscript> votre navigateur ne supporte pas les scripts </noscript>
</head>

Balises d ’en-tête
<title>:
Ex: <head>
<title>
Site officiel de l ’Université IBNTOFAIL
</title>
</head>

STRUCTURE
<body>
Attributs: alink vlink link text background bgcolor

Formatage
Balises de niveau texte: z z z z z z

<b>, <i>, <u>
<basefont size=5 color=«blue» face=«arial» >
<font size=5 color=« red » face=« helvetica »>
<big>, <small>
<sub>,<sup>
<code>,<cite>

Formatage
Balises de niveau paragraphe: z <br> z <center> z <div align=left/right/center> z <p align=left/right/center/justify> z <h1>-<h6> z <hr align=left/right/center noshade size=5 width=80%> LISTES
Liste de définition
<DL>
<DT>Navigateur: </DT>
<DD> Logiciel de consultation de

en relation

Rien pour le moment
457 mots | 2 pages

Retrouver la ville la plus jeune, la plus âgée, la plus masculine et la plus féminine. Exercice 2 Écrire un script Perl qui transforme un fichier source .c en un fichier HTML agréable à consulter. Quelques indications : • respecter les sauts de lignes: il faut les marquer explicitement par , • respecter les espaces: il faut les marquer explicitement par , • transformer chaque caractère magique du HTML < > " & en son entité respective: < > " & , • utiliser une fonte type machine à écrire (), • reconnaître les opérateurs du C (+, *, etc.) et les encadrer de tags HTML qui les fait ressortir (, , , etc.)….

montre plus
hob france
3530 mots | 15 pages

Sa principale mission est de permettre à ses clients de favoriser leur communication en ayant un site Internet référencé et représentatif de leur image mais aussi en maitrisant la gestion des réseaux sociaux. Ce rôle est notamment assuré par des équipes composées de spécialistes maitrisant de nombreuses techniques :         Rédaction Web, CRM Joomla ! pour la création de sites Internet, CRM VTIGER Open Source pour l’intégration de composantes spécifiques, Design et graphisme, Flash Action Strips, Adobe Master Suite CS5, Création de vidéos, Référencement.….

montre plus
cas loyer
6229 mots | 25 pages

Stratégie de référencement SEO/SEM Nous suggérons d’entrée de jeu que le search engine optimisation (SEO) et le search engine marketing (SEM) soient gérés par la même équipe afin de susciter des synergies. Notre stratégie de référencement combinera les deux méthodes afin d’obtenir des résultats optimal rapidement. Il reviendra cependant à LoyerNet de juger des montants qu’elle entend allouer à son budget SEM. Notre stratégie couvrira trois volets distincts, soit l’aspect technique, le contenu et la popularité.….

montre plus
Css pour débutant
13292 mots | 54 pages

a href=""></a> : lien hypertexte Tableau < table></table>: tableau <th></th> : légende de ligne ou de colonne <tr></tr> : ligne du tableau <td></td> : colonne du tableau Positionnement <div></div> : définition de bloc Haut de page Pour aller plus loin : html ou xhtml ? Pour ceux qui se poseraient la question, la réponse est : c'est comme vous voulez...….

montre plus
Axa rapport
632 mots | 3 pages

Ecriture de pages Web Le langage HTML Karam Mustapha Karam.mustapha@lsis.org Comment fonctionne le Web ? C'est un mécanisme client-serveur. Le client demande un fichier, le serveur lui donne tel qu'il est stocké – processus statique Le serveur peut aussi générer un fichier en fonction de la demande du client – processus dynamique Écrire pour le Web Ce n'est pas uniquement écrire des pages en HTML, il faut penser en terme de projet: Définir, écrire le contenu.….

montre plus
Memento HTM
1880 mots | 8 pages

Mémento HTML : http://glenan.fr Balises de cadre (frame) < HTML> et </HTML> Balise de début et de fin de page < FRAMSET> et </FRAMSET> <HEAD> et </HEAD> Tête : contient principalement les méta balises ROWS="ligne1, ligne2,... " < TITLE> et </TITLE> Titre de la page dans le navigateur <META HTTPnom EQUIV="nom" Refresh CONTENT="valeur"> Content-Type Balise équivalente à Pragma celles envoyées par le Window-target serveur Expires valeur descriptif durée[;URL=url] rafraîchi une page ou renvoi vers autre page mime;jeu_carac type de document et jeu de caractères utilisé no-cache force le téléchargement de la page _top affichage dans une nouvelle fenêtre never | date date d'expiration (pas de disparition) de la page © LÉOST Informatique – Fouesnant - Les Glénan – 02 98 56 01 14 – contact@leost.fr création de tableau <….

montre plus
aquabin
318 mots | 2 pages

De manière à avoir le meilleur référencement possible de chacune des pages du site, il ne faut pas oublier de mettre les titres des paragraphes dans des balises (h1 ;h2,h3)…. Ici, les Titres de chaque paragraphe est mise en avant avec les balises "titres" (h1,h2...)  Evalué sur trois pages. Répétitions des mots importants dans chaque page et selon le domaine exemple : spa répété 3 fois dans les titres Remarques/questions  Sur le site Baignoire Balnéo http://www.ma-baignoire-balneo.com/baignoire-balneo-ronde-xsl-1081_1090.html - Il y a différentes tailles de polices utilisées - Il y a un cadre vert seulement sur le titre dans baignoire balneo d'hydromassage, il faut une Harmonisation des choix. - Utilisation de deux polices :….

montre plus
inflation t le chommage
1475 mots | 6 pages

Presque tous les éléments de présentation des balises ou des attributs présents dans le Html 4.0 ont ainsi disparu. Un document Html5 sans feuille de styles pour en assurer la présentation n'est alors plus qu'une morne structure du contenu textuel. Citons, par exemple, l'absence en Html5 de l'attribut border qui assurait la présence d'une bordure à la balise de tableau , rendant ainsi la représentation des tableaux problématiques en pur Html. Les feuilles de style vont beaucoup plus loin dans le domaine de la présentation que les anciennes balises du Html. De par leur richesse et leur variété, elles ont profondément modifié l'aspect visuel des applications en décuplant la créativité des webgraphistes.….

montre plus
Tocpoli
53689 mots | 215 pages

5 Informations sur le tutoriel ................................................................................................................................................. 5 Partie 1 : Les bases du HTML ............................................................................................................. 5 Comment fait-on pour créer des sites web ? .................................................................................................................... 6 XHTML ?….

montre plus
Aide
449 mots | 2 pages

• Le XML (eXtensible Markup Language) tout comme le HTML utilise des balises mais contrairement au HTML qui se limite à la mise en page, le XML permet de structurer l’information contenue dans n’importe quel type de document. Les balises personnalisées permettent….

montre plus
Mon cv 2013 apres cdi
377 mots | 2 pages

WordPress et leurs composantes EXPERIENCE PROFESSIONNELLE 2007 – 2012 : Société Spidexweb * Rédaction du cahier des charges et spécifications fonctionnelles * Réalisation de plusieurs sites (5 sites e-commerce et environ une vingtaine de sites vitrines) avec le CMS JOOMLA (templates, composants, modules, plugins,….) Exemple de sites réalisés : * http://www.es-concept.com/ * http://www.cergybf.fr/ * http://www.editionsanas.com/ * http://www.habitatimmo93.com * Création, gestion et administration de la base de données My SQL * SEO, Référencement naturel, Linking, Audit de sites. Mise en places de procédures, Rédaction web,Conseil en visibilité, référencement et community management.….

montre plus
Chatri PrePresentationv3
481 mots | 2 pages

Design aladin-101@hotmail.com Final 7 Tâches effectuées • Visibilité SEO • Qu'est-ce que le référencement ? • un site web soit présent dans un index • La clé du référencement • La région du Triangle d'Or • La zone chaude • Regard de l’internaute sur cette zone • Exemple • Les 3 premiers résultats de recherche • Règles de codage • Les balises de titre ( <h1> à <h6>) • Les balises <strong> et <em> • Les textes des liens (<a href=‘’lien’’>text</a>)….

montre plus
intro
555 mots | 3 pages

• Hypertexte : façon d’inter-relier des documents multimédias • Balises: façon d’indiquer le formatage des éléments Mise en forme décrite par des fichiers de style CCS Tout est exprimé en ASCII 7 bits (et souvent 8 ou 32 bits) pour la portabilité 5 I.3: L’HTML Les bases Principes de publication Concepts fondamentaux L’HTML Navigateurs Les balises Conseils et conventions Comment faire? Syntaxe Les extensions HTML : HyperText Markup Language Langage de description de pages web Un document HTML est • • • • un fichier texte, construit suivant une syntaxe précise structuré par des balises interprété (visualisé) dans un….

montre plus
Compte rendu css
864 mots | 4 pages

font-size : 1.5em; /* “text-decoration” permet de personnaliser le texte, dans ce cas il est souligné */ text-decoration : underline; /* “text-weight” permet de définir l’épaisseur du texte, qui est dans ce cas gras */ text-weight : bold; } /* Définition des attributs de la balise <h1> */ h1 { font-size : 3.2em; /* “text-align” permet de définir l’alignement du texte */ text-align : center; color : #FF1493; /* “font-family” permet de définir les polices à appliquer au texte, “serif” désigne la police par défaut du navigateur qui sera appliqué si toutes les polices qui précédent ne sont pas définies */ font-family : "Curlz MT","comic sans ms",serif; text-decoration : underline; } /* Création d’une classe qui permet de faire clignoter le texte (ne marche qu’avec FireFox) */ .texteClignotant { color : red; /* “text-decoration” prend cette fois la valeur “blink” pour indiquer le clignotement du texte*/ text-decoration : blink; } /* Définition des attributs pour les paragraphes */ p { /* “word-spacing” permet de déterminer l’espacement entre deux mots, la référence est faite en pixel */ word-spacing : 5px; /* “text-indent” permet de définir le décalage en début de paragraphe pour une meilleure lisibilité, la refrence s’effectue en pixel */ text-indent :….

montre plus
Résumé html - informatique
1007 mots | 5 pages

<html><head><meta http-equiv="Content-Type" content="text/html; charset= utf-8"/><title>exercicesuppl</title></head><body bgcolor="yellow">La couleur de fond à changer dans la balise body comme ci-dessus<p>à la ligne</br>sans espace<p>à la ligne</p>avec espace<p><u>souligner</u><p><b>en gras</b><p><em>italique</em><p><h1>titre</h1><p><h2>plus petit titre</h2><p><h3>encore plus petit titre</h3><p><h4>etc.</h4><hr size="12" color="pink">ligne, qui peut prendre une couleur et une épaisseur (exemple de ligne d'épaisseur 12 et de couleur rose. Pour une ligne simple, utiliser uniquement hr</hr><hr width="50%"align="left">couper la ligne avec les % et left center ou right pour le côté.….

montre plus