Scribd Logo
Importer

Bienvenue sur Scribd !

  • Travaille Personel

    Transféré par

    foot ball
    6 vues9 pages

    Copyright

    © © All Rights Reserved

    Formats disponibles

    PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    6 vues9 pages

    Travaille Personel

    Transféré par

    foot ball

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 9

    Travaille personelle :berkani khireddine

    et belhadi brahim groupe 1 isil

    Voici le code html :


    <!DOCTYPE html>

    <html>

    <head>

    <title>Page personnelle de [berkani khireddine]</title>

    <link rel="stylesheet" type='text/css' href='Stylus.css'/>

    </head>

    <body>

    <h1>Page personnelle de berkani khireddine</h1>

    <p> i'am khireddine ,i'am a devloper </p>

    <table>

    <tr>

    <th>Journée</th>

    <th>Lundi</th>

    <th>Mardi</th>

    <th>Mercredi</th>

    <th>Jeudi</th>

    <th>Vendredi</th>

    </tr>

    <tr>

    <th>Matinée</th>
    <td>[sad]</td>

    <td>football</td>

    <td>ihm</td>

    <td>ihm</td>

    <td>math</td>

    </tr>

    <tr>

    <th>Matinée</th>

    <td>paw</td>

    <td>sad</td>

    <td>swim</td>

    <td>math</td>

    <td>jouer</td>

    </tr>

    <tr>

    <th>Matinée</th>

    <td>[sad]</td>

    <td>gl</td>

    <td>stager</td>

    <td>football</td>

    <td>math</td>

    </tr>

    <tr>

    <th>Après-midi</th>

    <td>sid</td>

    <td>foot</td>

    <td>gym</td>

    <td>vide</td>

    <td>coran</td>

    </tr>
    <tr>

    <th>Après-midi</th>

    <td>gl</td>

    <td>gum</td>

    <td>asi</td>

    <td>paw</td>

    <td>ihm</td>

    </tr>

    </table>

    <h2>Loisirs</h2>

    <ul>

    <li>foot</li>

    <li>gum</li>

    <li>communication</li>

    <li>coran</li>

    </ul>

    <h2>Choses à faire</h2>

    <ol>

    <li>rangement de mon bureau</li>

    <li>netoyage de mon cité</li>

    <li>archivage de mes documents</li>

    <li>planté des arbres</li>

    </ol>

    <h2>Où me trouver ?</h2>

    <p><a href="https://google.com/maps/">https://google.com/maps/</a></p>

    <h2>Liens utiles</h2>

    <p><a href="university batna2">"university batna2"</a></p>


    <p><a href="mosque arbi tebassi">"mosque arbi tebassi"</a></p>

    <p><a href="maison">maison</a></p>

    <p><a href="wikispace">wikispace</a></p>

    <p><a href="les allées ben boulid">les allées ben boulid</a></p>

    <p><a href="[Lien 6]">alphacenter</a></p>

    <img src="http://www.w3.org/html/logo/downloads/HTML5_Logo.png" alt="Logo


    HTML5">

    </body>

    </html>

    Voici le code css :


    body {

    font-family: sans-serif;

    /* 2. Titre centré, souligné et couleur personnalisée */

    h1 {

    text-align: center;

    text-decoration: underline;

    color: #FF0000; /* Utilisez votre propre code couleur ici */

    /* 3. Première lettre du paragraphe en gras et très grande */

    p::first-letter {

    font-weight: bold;

    font-size: 200%;

    /* 4. Largeur forcée des paragraphes */


    p{

    width: 40em;

    /* 5. Alignement de la première lettre du paragraphe avec le texte et flottant à gauche */

    p::first-letter {

    vertical-align: text-top;

    float: left;

    /* 6. Largeur et hauteur des cellules de la table, texte centré horizontalement et


    verticalement */

    td {

    width: 10em;

    height: 3em;

    text-align: center;

    vertical-align: middle;

    /* 7. Fond gris foncé pour les lignes paires et fond clair pour les lignes impaires */

    tr:nth-child(even) {

    background-color: #333333; /* Utilisez votre propre code couleur ici */

    tr:nth-child(odd) {

    background-color: #CCCCCC; /* Utilisez votre propre code couleur ici */

    /* 8. Fond blanc pour la première case de la table */

    td:first-child {

    background-color: #FFFFFF; /* Utilisez votre propre code couleur ici */


    }

    /* 9. Changement de fond et de texte lors du survol des cases */

    td:not(:first-child):hover {

    background-color: #FFFF00; /* Utilisez votre propre code couleur ici */

    color: #0000FF; /* Utilisez votre propre code couleur ici */

    /* 10. Liens sans soulignement encadrés en bleu, cadre rouge pour les liens visités */

    a{

    text-decoration: none;

    border: 1px solid #0000FF; /* Utilisez votre propre code couleur ici */

    a:visited {

    border-color: #FF0000; /* Utilisez votre propre code couleur ici */

    /* 11. Bloc des listes non énumérées avec une largeur de 200pt et fond gris clair */

    ul {

    width: 200pt;

    background-color: #ECECEC; /* Utilisez votre propre code couleur ici */

    /* 12. Titres des sous-sections */

    h2 {

    color: #color-du-titre-de-la-page;

    /* 13. Position de l'image HTML5 */

    img {
    position: fixed;

    right: 0;

    bottom: 0;

    /* 14. Barres de défilement */

    body {

    overflow: scroll;

    /* 15. Paragraph introductive long */

    p{

    height: 100pt;

    background-color: yellow;

    overflow: auto;

    /* 16. Position de l'image au survol */

    img:hover {

    position: absolute;

    top: 0;

    left: 0;

    /* 17. Texte en italique au survol des items de listes énumérées */

    li:hover {

    font-style: italic;

    Voici l’image :
    L’image est constitué de plusieurs capture d’écran car mon éditeur de
    code est tombé en panne et j’ai du utiliser codepen

    *voici le lien pour bon vision : https://codepen.io/foot-ball/details/VwgdJMG

    Vous aimerez peut-être aussi