user icon

HTML 5

3142 mots 13 pages
Montre plus
HTML
Hypertext Markup Language
LST – Informatique
A. Begdouri
FSTF
2011-2012

Plan du cours
Introduction
Structure d’un document HTML5
Organisation du texte
Listes
Images et multimédia
Liens
Tableaux
Formulaires

LST

Informatique

2011-2012

2

Introduction

LST

Informatique

2011-2012

3

Structure d’un document
HTML

LST

Informatique

2011-2012

4

Fichier HTML
Du texte brut
Le texte à afficher dans une page web

Des balises ou tags
Des commandes permettant l’organisation de la présentation du texte de la page web

Des références aux objets
Permettant d’accéder à d’autres ressources web
(images, audio, liens…)

LST

Informatique

2011-2012

5

Balises / attributs / valeurs
Balises
Indiquent la nature du texte autour d'elles
Deux types de balises
Monolithique :
Double : texte

Attributs complètent les balises en donnant des informations supplémentaires Disposent en général d’une valeur

LST

Informatique

2011-2012

6

Structure d’un document HTML5

Titre

Entête du document

Corps du document

LST

Informatique

2011-2012

7

Exemple simple

Mon premier exemple

Ma première page web

LST

Informatique

2011-2012

8

L’entête et le corps
L’entête
Informations générales sur la page web
Ne sont pas affichées sur la page web
Section courte mais très importante
Mon premier exemple

Utf-8: permet d'afficher sans aucun problème pratiquement tous les symboles de toutes les langues de notre planète
Il faut enregistrer le fichier source en Utf-8
Utf-8, ISO-8859-1, OEM 775, Windows-1253, etc.

Le corps
Partie principale de la page web
LST

Informatique

2011-2012

9

Encodage des caractères
Code ASCII (7 bits, 128 bits)
Code reconnu par toutes les plates plates-formes

Comment coder les caractères accentués ?

LST

Informatique

2011-2012

10

Caractères spéciaux

en relation

  • Fiche produit v-smile
    357 mots | 2 pages

    Il découvre les lettres, de nouveaux mots, les couleurs, |variés. | |les formes, les chiffres, la nature, la musique…. | | |Coloris : orange et violette / rose |Couleurs mixtes et modernes / Couleurs tendance pour les filles. | |Matières composantes :….

    montre plus
  • Rapport de stage licence 2eme année staps
    4796 mots | 20 pages

    SOMMAIRE Présentation du contexte d’intervention Mon contexte d’intervention Les caractéristiques de mes élèves : * D’où viennent-ils ? Page 2 * Le milieu socioprofessionnel Page 2 * L’environnement associatif Page 3 Les caractéristiques de mon lieu d’accueil : * L’équipe pédagogique Page 3 * L’école d’un point de vue général Page 3 Les caractéristiques de l’EPS au sein de l’établissement : * Les installations Page 4 Caractéristiques générales des élèves Page 4 Le cycle justifié Introduction Page 5….

    montre plus
  • sujet BTS economie droit
    1634 mots | 7 pages

    En effet la société estime que le professionnel doit informer son client que sur les caractéristiques essentielles du bien vendu ou du service fourni. Donc le calcul prévisionnel de crédit d’impôts ne peut être qualifié de caractéristiques essentielles. Deuxièmement, la juridiction de proximité de Gap a violé l’article L.111-1 du code de la consommation et l’article 1135 et 1147 du code civil. Pour la société l’information sur les conséquences fiscales attachées à l’acquisition de panneaux solaires n’entre pas dans son champ de compétence. Troisièmement, la juridiction de proximité de Gap a violé les articles….

    montre plus
  • Doc esthe
    332 mots | 2 pages

      INSTITUT FLASH BEAUTE   SOMMAIRE I) Fiche descriptive de l’entreprise a) Identification de l’entreprise b) Caractéristiques structurelles II) Caractéristiques humaines ( Variation en cours d’année du personnel ) a) Responsables b) Stagiaires, apprenties III) Caractéristiques techniques a)….

    montre plus
  • U2200
    2906 mots | 12 pages

    Pour une compréhension complète de l’utilisation des caractères illustrés dans ce fichier partiel, veuillez consulter les sections appropriées du Standard Unicode, version 5.0, en http://www.unicode.org/versions/Unicode5.0.0/, les sections inchangées du Standard Unicode 5.0 (ISBN 0-321-48091-0), les annexes n° 9, 11, 14, 15, 24, 29, 31, 34 et 41 du standard Unicode, les autres rapports techniques Unicode ainsi que la base de données Unicode disponibles sur Internet. Voir http://www.unicode.org/ucd/ et http://www.unicode.org/reports/. Une compréhension approfondie de ces documents complémentaires est nécessaire à toute mise en œuvre d’Unicode réussie.….

    montre plus
  • 5 element
    307 mots | 2 pages

    Le 5° élément Analyse d’une séquence : « L’air de la Diva » Le film  ….

    montre plus
  • fiche 5
    1528 mots | 7 pages

    Fiche n°5 : La vitesse Sommaire : I. La réglementation : 1) Générale : agglomération, hors agglomération, autoroute. 2) Permis probatoire : élèves conducteurs et novices. 3) Ajustements. II.….

    montre plus
  • Bp esthetique vente
    263 mots | 2 pages

    FICHE DE PRESENTATION DE L’ENTREPRISE Caractéristique structurelles : Institut de beauté qui a pour non « Quick Epil’ »,il est situé en centre ville sont principale concurrent est body minute, Esthetic Center et Citron vert car les prestations proposées sont semblable à ceux proposées par Quick Epil’, rapide et a bas prix pour une clientèle homme et femme de classe moyenne et les étudiants Caractéristique humaine : Caractéristique technique : Les couleurs associées au concept est le rouge, noir et blanc Le blanc signifiant l’hygiène, le rouge pour le dynamise et le noire donnant un effet luxueux Service rendu a la clientèle : L’institut est ouvert du lundi au samedi de 9h a 19h sans rendez-vous les différentes prestations proposées sont : Épilations  aux roll-on pour les jambes, aisselles, sourcils, Lèvres, dos, torse & recyclable pour le maillot (beauté direct) Manucure  vernis & crème pour les mains onglerie  Gel Solarium  UV Soin visage Crème, lait démaquillant, eau démaquillante masque, gommage, ampoule diverses Le concept Quick Epil' propose des tarifs très bas en contrepartie d'une fréquentation fidèle et régulière.….

    montre plus
  • Biuoiuouououoiu
    296 mots | 2 pages

    CaractéristiquesCommerciales | * Prix : 4€90 | Peu cher et accessible | OrgueilArgent | Nom du produit : Sac forme bourse | | C | A | SONCAS | CaractéristiquesTechniques | * Fermeture coulissante liens et rabats, fermeture pression * Matière : Polyuréthane 100% | Ce sac est petit, léger, souple et peu encombrant.….

    montre plus
  • inflation t le chommage
    1475 mots | 6 pages

    écran traditionnel, l'écran d'un ordinateur de poche ou d'un mobile, des feuilles de papier imprimées, une barrette braille, etc. C'est ainsi tout le domaine de la présentation qui est pris en charge par les feuilles de style, le rôle du Html se limitant alors à la structure et à l'encodage de l'information brute. B. Utilité des feuilles de style Les feuilles de style représentent un outil puissant dont les implications dans la conception des applications Web sont multiples. Un passage obligé en Html5 Le Html5 va au bout du concept de la séparation du contenu et de la présentation.….

    montre plus
  • dossiermethodologiebtsag2
    2391 mots | 10 pages

    U62 Projet de développement de la PME : présentation et recommandations Coefficient 5 Épreuve orale - Durée : 30 minutes 1. Finalités et objectifs Cette épreuve permet d'évaluer la capacité du candidat à conduire une démarche de projet en relation avec le développement, la pérennisation de la PME et la gestion des risques. (Souvent, lescandidats ne retiennent que le mot développement.….

    montre plus
  • TL5
    1521 mots | 7 pages

    LE CONCOURS D’ENTRÉE EN IFSI Quelles sont les modalités du concours ? Les épreuves de sélection sont au nombre de trois :   Deux épreuves d’admissibilité qui se déroulent le même jour.….

    montre plus
  • Pr Sentation Normes Standards
    256 mots | 2 pages

    Qu’est-ce qu’un standard? MELI Sandra & BUCCI Pauline Différenciez un standard ouvert, d’un standard fermé MELI Sandra & BUCCI Pauline Qu’est-ce qu’une norme ? MELI Sandra & BUCCI Pauline….

    montre plus
  • Td 5
    2971 mots | 12 pages

    3 juin 1987 95-15681 21 juin 2000 95-13981 27 novembre 2001 99-10378 fait La société Les Conseils immobiliers de Paris-Ouest (la CIPO) a été mise en redressement judiciaire le 17 décembre 1991 ; que le 5 mars 1992, Mme Y... et M. X... ont signé avec la CIPO, représentée par son seul président et directeur général, un contrat préliminaire de réservation de deux appartements, et versé un dépôt de garantie ; qu'ils ont ensuite demandé l'annulation du contrat et la restitution du dépôt procédure La cour d'appel, fait application de l'article 33 susvisé, en a déduit que le contrat se trouvait entaché d'une nullité absolue de plus la Cour d'Appel considère que les actes de gestion courante qu'accomplit seul le débiteur sont réputés valables à l'égard des tiers de bonne foi et que, compte tenu de l'activité de la CIPO, les ventes d'appartements constituaient des actes de gestion courante problème Est ce que les actes de gestion d'un débiteur en redressement vis à vis des tiers sont elles réputés de bonne foi?….

    montre plus
  • lool
    4396 mots | 18 pages

    wellou sqdfghjkhgfdqsSDFN?KLM%£µMLKJHBNJLM%F µGNB 4 FGFNJHHBJNDCette page contient des caractères spéciaux. Si certains caractères de cet article s’affichent mal (carrés vides, points d’interrogation, etc.), consultez la page d’aide Unicode. AthènesCette page contient des caractères spéciaux. Si certains caractères de cet article s’affichent mal (carrés vides, points d’interrogation, etc.), consultez la page d’aide Unicode. AthènesCette page contient des caractères spéciaux.….

    montre plus