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: 11 Guests, 4 Bots

    Afin de pouvoir bien organiser l'affichage des pages web, le langage HTML est doté d'un nombre de balises permettant d'organiser et et présenter le contenu sous forme d'une liste.

    1 - Les listes ordonnées

    Pour organiser un contenu web sous forme d'une liste ordonnée, on utilise la balise <ol> ( ordered list ), et ensuite chaque élément de la liste doit être inséré  à l'aide de la balise <li>

    <ol>
    <li>élément 1</li>
    <li>élément 2</li>
    <li>élément 3</li>
    .............
    </ol>

    Exemple :

    <ol>
    <li>Voitures</li>
    <li>Computers</li>
    <li>Télévisions</li>
    </ol>

    Ce qui vas nous afficher :

    1. Voitures
    2. Computers
    3. Télévisions

    Si on veut maintenant mettre à la place des numéros 1 , 2,  3... des lettres a) , b), c)... ou des chiffres I, II, III... Il suffit d'ajouter la commande type=""  :

    <ol type="I">
    	<li>Voitures</li>
    	<li>Computers</li>
    	<li>Télévisions</li>
    </ol>
    <ol type="a">
    	<li>Voitures</li>
    	<li>Computers</li>
    	<li>Télévisions</li>
    </ol>

    Ce qui vas afficher au navigateur  :

    1. Voitures
    2. Computers
    3. Télévisions
    1. Voitures
    2. Computers
    3. Télévisions

    Si on veut maintenant démarrer le compteur à une position autre que la première qui est 1, par exemple à la 7ème position on utilise la commande start=" " :

    <ol start="7">
    	<li>Voitures</li>
    	<li>Computers</li>
    	<li>Télévisions</li>
    </ol>

    Ce qui va afficher au navigateur :

    1. Voitures
    2. Computers
    3. Télévisions

    Vous pouvez aussi imbriquer des sous listes à l'intérieur d'une liste :

    Exemple :  Si vous voulez par exemple spécifier les marques des voitures, vous pouvez utiliser le code :

    <ol>
    <li>Voitures
    <ol>
    <li>Renault</li>
    <li>Peugeot</li>
    <li>Golf</li>
    </ol>
    </li>
    
    </ol>

    Ce qui affiche à l'écran :

    1. Voitures
      1. Renault
      2. Peugeot
      3. Golf

    2 - Les listes non ordonnées

    Parfois on souhaite présenter un contenu web ou l'ordre ne semble avoir aucune importance ! Dans ce cas on utilise les listes non ordonnées, ces dernières on peut les créer facilement à l'aide des balises <u> et </ul>

    Exemple :

    <ul>
    <li>Voiture</li>
    <li>Maison</li>
    <li>Arbre</li>
    </ul>

    Ce qui affiche au navigateur :

    • Voiture
    • Maison
    • Arbre

    On souhaite parfois mettre des petites icônes à la place des puces, pour cela il suffit d'ajouter la commande : imagesrc="https://www.adresse-de-l-image" :

    <ul imagesrc="https://www.tresfacile.net/crayon.jpg">
    	<li>Voitures</li>
    	<li>Computers</li>
    	<li>Télévisions</li>
    </ul>

    Ce qui affiche au na vigateur :

    listes dont les puces sont des images

    3 - Les listes combinées

    Prenons l'exemple simple ci-dessus de la liste : Voiture, Maison, Arbre, et on souhaite par exemple spécifier la marque de la voiture : 1 - Renault, 2- Peugeot, 3- Golf, tout en respectant l'ordre, on peut à ce moment là insérer une liste ordonnée au sein de la liste première liste : Voiture, Maison, Arbre :

    <ul>
    <li>Voitures
    <ol>
    <li>Renault</li>
    <li>Peugeot</li>
    <li>Golf</li>
    </ol>
    </li>
    <li>Maison
    <ol>
    <li>Maison 2 pièces</li>
    <li><code>Maison </code>3 pièces</li>
    <li><code>Maison </code>4 pièces</li>
    </ol>
    </ul>

    Ce qui affiche à l'écran :

    • Voitures
      1. Renault
      2. Peugeot
      3. Golf
    • Maison
      1. Maison 2 pièces
      2. Maison 3 pièces
      3. Maison 4 pièces

       

    4 - Les listes de définitions

    Vous souhaitez parfois présenter une page web contenant une liste de définitions, cette liste s'introduit facilement à l'aide des balises <dl> et </dl>, vous introduisez ensuite le terme à définir entre les balises <dt> et </dt> et  vous introduisez ensuite votre définition entre les balises <dd> et </dd>

    Exemple :

    <dl>
    <dt>Serveur</dt>
    <dd>Ordinateur dédié à l'administration d'un réseau informatique. 
    Il gère l'accès aux ressources et aux périphériques et les connexions 
    des différents utilisateurs.</dd>
    <dt>Adresse IP</dt>
    <dd>
    Une adresse IP (avec IP pour Internet Protocol) est un numéro 
    d'identification qui est attribué de façon permanente 
    ou provisoire à chaque appareil connecté
    </dd>
    
    </dl>

    Ce qui affiche  :

    Serveur
    Ordinateur dédié à l'administration d'un réseau informatique. Il gère l'accès aux ressources et aux périphériques et les connexions des différents utilisateurs.
    Adresse IP
    Une adresse IP (avec IP pour Internet Protocol) est un numéro d'identification qui est attribué de façon permanente ou provisoire à chaque appareil connecté

    Une réponse à “Les listes HTML”

    Laisser un commentaire