Cours Python

 CopyrightFrance.com
Développement Web
  1. Introduction au langage HTML
  2. Structure d'un document HTML
  3. Mise en forme d’un document HTML
  4. Liens hypertexte
  5. Insertion d’images
  6. Les attributs de la balise BODY
  7. Les tableaux HTML
  8. Les listes HTML
  9. Les Frames HTML
  10. Les formulaires HTML
  11. Les caractères spéciaux HTML
  12. Ressources et références HTML
  13. Exercices HTML avec correction
  1. Introduction au langage CSS
  2. Propriétés d'un sélecteur
  3. La propriété Text CSS
  4. La propriété background CSS
  5. La propriété Font CSS
  6. La propriété border CSS
  7. Propriétés margin et padding
  8. Propriétés Height & Width
  9. Class et les ID CSS

Javascript Basique
  1. Introduction au langage Javascript
  2. Variables, fonctions et operateurs Javascript
  3. Les structures de contrôle et les boucles Javascript
  4. Les événements Javascript
  5. Le modèle Objet du Javascript
  6. L'objet array Javascript
Framework JQuery
  1. Introduction au Framework jQuery
  2. Premier pas avec le framework jQuery
  3. Les Sélecteurs jQuery
  1. Introduction au langage PHP
  2. Premier programme php
  3. Variables et Fonctions php
  4. Opérateurs arithmétiques et logiques
  5. Les structures de contrôle en php
  6. Les tableaux en php
  7. Control des formulaires en php
  8. Upload des fichiers en php
  9. Gestion des dossiers et des fichiers en php
  10. Colorisation syntaxique en php
  11. Cookies php
  12. Les variables globales php
  13. Sessions php
  14. Les variables php d’environnement
  15. Les classes et la poo php
  16. La librairie php_gd2 des images
  17. Lecture d’un fichier xml en php
  18. Les expressions régulières en php
  19. Moteurs de template php : smarty et fast temp…
  1. Introduction au Framework PHP Laravel
  • Installation Laravel 8 & premier projet
    1. Langage MySql
    2. Introduction au langage MySql
    3. Installation du Serveur MySql
    4. Manipulation des bases de donnée MySql
    5. Manipulation desTables MySql
    6. Insértion de données MySql
    1. Installation Wordpress
    2. Modification du theme Wordpress
    3. Installation d'un plugin
    4. Gestion des catégories
    5. Gestion des articles
    6. Gestion des menus Wordpress
    7. Gestion des pages
    8. Gestion des Plugins
    9. Gestion des Widgets
    10. Gestion des Médias
    11. Gestion des commentaires
    12. Création formulaire de contact
    13. Outil Importation & exportation
    14. Gestion des extensions
    15. Réglage et paramètres
    1. Introduction à Joomla
    2. Installation Joomla
    3. Architecture de Joomla
    Bases de données
    TICE & Multimédia
    Math Pour Informatiques
    UserOnline
    Utilisateurs/utilisatrices: 5 Guests, 4 Bots

    1 - La balise  d'insertion d'images <img>

    La balise <IMG> indique au browser qu'il faut afficher une image. Cette balise s'utilise toujours avec l'attribut SRC (source) qui permet de donner l'adresse de l'image à lire. Cette adresse aura le même format qu'une adresse A HREF="" et pourra donc être soit relative, soit fixe. En principe, l'image résidera toujours sur le même serveur que celui du document HTML, mais il est possible de charger une image depuis un autre serveur, pour autant que celui-ci soit accessible. Notons quand même que cette balise ne possède pas d'équivalent de fin. Nous n'aurons donc jamais de balise </img> La syntaxe est :

    <img src="destination de l′image ">

    Exemple : pour afficher l'image située à l'adresse : https://www.tresfacile.net/images/android.png  on doit insérer le code :

    <img src="https://www.tresfacile.net/images/android.png">

    Ce qui donne  :

     

    android os

    .

    2 - Les attributs de la balise <img>

     

    Les attributs width et height

    Les attributs width et height permettent de redimensionner l'image à une taille spécifiée par exemple si on veut redimensionner l'image de façon quelle soit affichée à une taille de 150 x 150 pixels on doit donc utiliser le code suivant :

    <img src="https://www.tresfacile.net/images/android.png" width="150" height="150">

    Ce qui va donner à l'écran :

    android os

     

    L'attribut align

    L'attribut align permet d'aligner l'image à droite, à gauche... par exemple si on souhaite que l'image soit alignée à droite et redimensionnée à  64 x 64 pixels on doit utiliser le code suivant :

    <img src="https://www.tresfacile.net/images/android.png" width="150" height="150" align="right">

    Ce qui vas donner à l'écran :

     

    android os

     

     

     

    L'attribut border

    L'attribut border permet de spécifier les bordures de l'image si on veut par exemple que l'image soit entourée d'une bordure on utilise le code suivant en donnant à la variable border une valeur numérique 1. 2, 3, ... ou 0 si on ne souhaite attribuer aucune bordure !

    Exemple : border=1

    <img src="https://www.tresfacile.net/images/android.png" width="150" height="150" border=1>

    ce qui donne :

    android os

     

    3 - Tutoriel vidéo

     

     

    4 - Tester votre propre code

     

     

     

    ...

    Une réponse à “Insertion d’images”

    Laisser un commentaire