TD 1 - À la découverte de HTML

Premiers essais

Voici un premier paragraphe.

En voici un autre.

Qu'est-ce qu'une URL et une URI ?

L'acronyme URL signifie « Uniform Ressource Locator ». C'est donc une adresse permettant de localiser une ressource, comme une page web par exemple.

L'acronyme URI signifie « Uniform Ressource Identifier ». C'est donc un identifiant, c'est-à-dire un élément permettant d'identifier sans ambiguïté une ressource : URL, nom...

A Uniform Resource Identifier (URI) is a string of characters that unambiguously identifies a particular resource. To guarantee uniformity, all URIs follow a predefined set of syntax rules[1], but also maintain extensibility through a separately defined hierarchical naming scheme (e.g. "http://").

Such identification enables interaction with representations of the resource over a network, typically the World Wide Web, using specific protocols. Schemes specifying a concrete syntax and associated protocols define each URI. The most common form of URI is the Uniform Resource Locator (URL), frequently referred to informally as a web address. More rarely seen in usage is the Uniform Resource Name (URN), which was designed to complement URLs by providing a mechanism for the identification of resources in particular namespaces.

Wikipedia

Les différents formats d'image sur le web

    • Un format d'image matriciel est basé sur la notion de pixels : l'image est découpée en une matrice, c'est-à-dire une mosaïque de carrés ayant chacun une couleur donnée. La précision du rendu est déterminée par la résolution, c'est-à-dire le nombre de pixels pour un dimension d'affichage donnée.
    • Un format d'image vectoriel est basé sur un système de coordonnées. Les objets sont décrits dans un repère sous forme de courbes et de surfaces, comme en mathématiques. On peut donc redimensionner une image vectorielle à volonté, la résolution sera toujours celle du dispositif d'affichage.
    • PNG : format d'image matriciel, libre, sans perte. 16 millions de couleurs en général (il existe plusieurs modes). Supporte 4 canaux : R, G, B et alpha (transparence).
    • GIF : format d'image matriciel, sans perte. Autrefois concerné par un brevet aux Etats-Unis. Seulement 256 couleurs, et pas de canal alpha (une couleur peut être transparente cependant).
    • JPG (ou JPEG) : format d'image matriciel, libre, avec perte. 16 millions de couleurs en général (il existe plusieurs modes). Pas de transparence possible.
    • SVG : format d'image vectoriel (donc sans perte), libre.
    • PNG : images comportement des formes simples à fond uni (dessins, captures d'écran)...
    • GIF : son seul avantage est le support des animations.
    • JPG : photos (mais beaucoup d'artefact si la qualité descend sous les 80%).
    • SVG : dessin sur ordinateur (fond unis ou dégradés réguliers).
  4. Tous ces formats sont matriciels et supportent la transparence. Certains supportent plusieurs types de compression (avec perte/sans perte). Ils sont à priori librement utilisables, mais pour certains des brevets logiciels peuvent s'appliquer dans certains pays (États-Unis notamment). Dans le tableau ci-dessous, une note (--/-/=/+/++/+++) est associée à la compression avec ou sans perte pour la comparer à PNG (pour les compressions sans perte) et JPG (pour les compressions avec perte) : - indique une compression moins bonne, + un meilleur compression.
    Nom du format Origine Compression sans perte Compression avec perte Animations ? Support actuel Remarques
    WebP Google oui (++) oui (+) oui Chrome, versions récentes de Firefox et Edge
    JPEG2000 Joint Photographic Experts Group oui (-) oui (+) non (mais possible via extension mj2) Safari Brevets potentiels.
    JPEGXR Microsoft oui (--) oui (+) non IE, Edge compression/décompression rapide
    APNG Mozilla Foundation oui (=) non oui Firefox, Chrome, Safari Extension de PNG visant à remplacer les GIF animés
    BPG Fabrice Bellard oui (+) oui (++) oui Support via une librairie Javascript S'appuyant sur la norme vidéo HEVC (H265), BPG est soumis à des brevets dans certains pays (États-Unis).
    FLIF Jon Sneyers oui (+++) non oui Support via une librairie Javascript Support actuel

Insertion d'une image

Chien pensif

Créer des liens

Quelques informations sur moi-même.

La cible d'un lien

  1. En général, il vaut mieux utiliser _self que _blank, pour laisser l'utilisateur ouvrir lui-même une nouvelle page s'il le souhaite.
  2. On peut utiliser _blank lorsqu'il est très probable que l'utilisateur ne souhaite pas quitter la page courante. C'est en particulier le cas lorsqu'il y a un processus en cours dans la page (chargement d'un fichier, lecture d'une piste audio, procédure de paiement...)