Programmation des pages web statique (HTML)

Thèmes abordés

Pages web statique, HTML, programmation, hypertexte, marquage, fichier HTML, liens hypertextes

Résumé du document

- HTML Hyper Text Markup Language est né en 1989 sous l'impulsion de Tim Berners Lee, " inventeur " du Web.

- HTML est basé sur SGML (Structured Markup Language), qui est une vieille norme utilisée pour la description de documents. Elle est conçue pour les grosses documentations techniques.

- HTML est une instance de SGML.

- 1993 : HTML 1.0 : langage de présentation de contenu.

- 2000 : XHTML 1.0 : langage de contenu (sémantique).

Extraits

[...] Lorsque l'on pointe dessus, la souris devient une main. C'est un des moyens de le connaître. Un texte qui fait un lien est en général bleu et souligné. Lorsque on clique sur un lien, il nous amène : A une autre page Web dans le même site. A un autre site Web. A un endroit bien précis dans la page Web courante. A un logiciel de la messagerie pour envoyer un message. [...]

[...] Le cours HTML Introduction au marquage - 3 Il faut respecter une logique d'imbrication: Bon: Mauvais: Le cours HTML Le cours HTML Les attributs Les balises peuvent posséder un ou plusieurs attributs qui permettent de spécifier l'action de la balise. Toujours mettre la valeur de l'attribut entre guillemets. texte texte Les commentaires Note sur les caractères accentués Vous pouvez rencontrer le codage ASCII sur 7 bits spécifié par la norme pour afficher les caractères accentués ou spéciaux. Ceux ci devront faire l'objet d'un codage spécial au sein du fichier HTML. [...]

[...] HTML est une instance de SGML : HTML 1.0 : langage de présentation de contenu 2000 : XHTML 1.0 : langage de contenu (sémantique) HTML, les principes Il contient des commandes, implémentées par des balises pour marquer les différents types de texte (titres, paragraphe, listes ) , pour inclure des images, des formulaires, des liens . C'est un langage à balisage qui décrit la structure logique d'un document hypertexte. Il a volontairement été conçu pour être simple. L'hypertexte Le langage HTML permet de créer des documents interactifs grâce à des liens hypertextes, qui relient votre document à d'autres documents. [...]

[...] La balise est définie avec qui représente un Item Exemple d'une liste non ordonnée avec 3 Items Item 1 Item 2 Item 3 Résultat Item 1 Item 2 Item 3 Les images : Insertion d'une image: Pour insérer une image dans un fichier HTML on utilise la commande Exemple Alignement de texte: Pour aligner un texte par rapport à une image on doit ajouter l'attribut ALIGN qui prend les valeurs suivantes : TOP : en haut à gauche MIDDLE : au milieu à gauche BOTTOM : en bas à gauche RIGHT : en haut à droite Exemple c'est une image animée Résultat : Les images (suite) Redimensionnement d'une image: On peut modifier la largeur et la hauteur d'une image en utilisant les attributs WIDTH (largeur) et HEIGHT (hauteur) Exemple Création d'un texte info-bulle: Il est possible de créer un texte d'info-bulle qui apparaîtra lorsque l'utilisateur pointera avec la souris sur l'image. Ceci est réalisable avec l'attribut ALT texte d'info-bulle" Exemple Les images (suite) Attention au poids des images, il est important d'optimiser son fichier image. Deux formats sont lus par les navigateurs, GIF ( Graphics Interchange Format ) et JFIF ( JPEG File Interchange Format).On utilise le GIF pour les illustrations, le JPEG pour les photos. Les liens hypertextes Un lien est le plus souvent un texte assez spécial. [...]

[...] Un retour à la ligne se fera automatiquement. Il y a six niveaux de titre de (le plus important) à (le plus petit) Exemple c'est un titre de niveau 1 c'est un titre de niveau 3 Résultat: L'élément titre possède l'attribut ALIGN (alignement) qui peut prendre les valeurs RIGHT, CENTER, LEFT c'est un titre de niveau 1 Les lignes horizontales Dans une page Web les lignes sont très pratiques pour séparer les différentes parties de la page. Une ligne horizontale s'obtient avec la balise . [...]