• 3-HTML & CSS

    3-HTML & CSS

  •  

    ---------------------------- LECON 32 ------------------------------

     

    les éléments "p" et "span"

    une ligne block d'écriture dans un cadre bleu clair

    une ligne block surlignée en vert

    une ligne block surlignée en orange sur la même ligne,surlignée en jaune

     

    l'élément "overflow"

    une ligne d'écriture assez longue pour dépasser largement le conteneur sans utiliser l'élément "overflow

    un teste court

     

    une ligne d'écriture assez longue pour dépasser largement le conteneur avec l'élément "overflow hidden"

    un teste court

     

    une ligne d'écriture assez longue pour dépasser largement le conteneur avec l'élément "overflow scroll"

     

    ---------------------------- LECON 33 -------- les marges internes ------------------------------

     

    écriture de trois lignes sur fond vert avec une bordure noire

    une première ligne d ecriture sans marge

    une deuxième ligne d'écriture avec des marges identiques

    une troisième ligne avec des marges différentes

     

    ---------------------------- LECON 34 -------- gestion des bordures ---------------------------

     

    la gestion des bordures

    bordure SOLID

    bordure DOUBLE

    bordure RIDGE

    bordure OUTSET

     

    ------l'opacité des bordures-------

    un texte noir et une bordure noire

    un texte et une bordure noirs opaques

    un texte noir et une bordure noire opaque


    votre commentaire
  •  

    ---------- LEÇONS CSS ---------

    --------------------------LECON 17 -----------------

    fond du texte jaune

    SELECTEURS ET PROPRIÉTÉS

    le même en gras dans l'éditeur

    LIGNE CRÉE EN CODE HTML 

     

    ---------------------LEÇON 20 -------------------

    SELECTEURS CSS SIMPLES

    METTRE UN TEXTE EN GRAS

    TEXTE EN BLEU

    TEXTE EN ROUGE

    Ceci est un lien fictif

    Cliquer sur ce LIEN FICTIF

    ---------------------LEÇON 21 -------------------

    police de caractère normale

    police de caractère 24

    h3-ecriture en italic-

    texte souligné

    texte en h2, italique et souligné

    définition du style-texte en couleur et souligné

    un texte dans un code "h3"

    un autre texte en code "h1" sans style

    écriture après remise par défaut de l'élément h1

    style> h1{font-size:2em; margin:.67em 0}

    un titre orange en h1

    ---------------------LEÇON 22 -------------------

    texte sans précision de police

    Texte avec une police   "castellar"

    • la première ligne de la liste
    • la deuxième ligne avec un retrait de 50 px

    ---------------------LEÇON 23-les éléments div & span-- -------------------

    ce texte n'est pas centré

    ce texte est centré

    ce texte est en bleu fonce sur fond bleu clair

     

    • ce texte est de couleur blanche,
    •  sur fond blanc, au centre; et a 80% de la largeur de la page

    la marge est réduite à droite

    dernier essai

    Ce texte prend la moitié de la page avec un fond pourpre et une marge a gauche de cent pixels et une marge a droite de trois cents pixels, de plus le texte est centre

     

    une ligne de texte "hors div

    une ligne de texte "sous div" avec texte en rouge

    une derniere ligne "hors div"

                                              l'élément "div" ne fonctionne pas

     

    ---------------------LEÇON 24-les elements block & inline -------------------

     

    appication des blocks

    l'element h3 est un element de type block

    verification de la mise en forme

    INFORMATION : Ce texte est dans un cadre jaune avec les coins arrondis, un bord bleu de 10 px, à 100 pixels des bords droit et gauche

     

    INFORMATION utiliser un div avec un h2

     

    pour verifier la place prise avec span

     

    pour verifier la place prise avec div

     

    avec h2, element "block" et l'élément span

    ---------------------LEÇON 25-Notations "long hand" et "short hand" -------------------

    mise en forme d'une ligne d'écriture

    ---------------------LEÇON 26-la propriété "font family" et les polices de google" -------------------

    une ecriture en indie flower

     

    https://goo.gl/maps/LP3Lipvjpw5ix7st5                    NON

     

     

    style="font-size:16px;width:50%:background- color:lightblue">INFORMATION

    Ecriture de deux lignes avec div 

     

    INFORMATION

     

    deuxieme ligne d ecriture

     

    --------------------------LECON 27-les autres proprietes liees a la police" -------------------

     

    ceci est le titre

    ligne 1

    ligne 2

     

    voici

    une ligne d

    ecriture

     

    voiciune ligne d ecriture

     

    ----------------------- LECON 28-les proprietes liees au texte-------------------

     

    alignement du texte

    Alignement à gauche

    Alignement centré

     

    indentation du texte

    la premiere ligne indentee a 20 pixel

    la deuxieme ligne qui sera assez longue pour avoir un retour a la ligne automatique et qui sera indentee a 20% de la page. Dans le cours les 20% concernet le body mais dans mon exemple il n y a pas de body

     

    ombrage du texte

    un texte avec ombrage H à gauche V en bas et Flou bleu de 1 pixel

    un texte avec un flou rouge de 5 pixels

     

    ----------------------- LECON 29-les interlignes et les espaces-------------------

    une ligne d'écriture ordinaire

    une autre ligne d'écriture ordinaire

    une ligne d'écriture
    avec un interligne de 12 pixels

    une ligne d'écriture
    avec un interligne de 24 pixels

    une ligne d'écriture
    avec un interligne de 32 pixels

     

    un -div- pour colorer le texte en rouge

    une ligne d'écriture avec des espaces normaux
    entre les lettres et les mots

    une ligne d'écriture avec des plus grands espaces entre les lettres

    une ligne d'écriture avec des espaces entre les mots

     

    ----------------------- LECON 30-LES TEXTES EN COULEUR-------------------

    un texte coloré en bleu avec le code - blueviolet -

    un autre texte en couleur orange avec les codes -RGB-

    encore un texte en couleur rouge avec le code-#-

     

    un premier cadre avec un bordure violette

     

     

    une deuxième ligne avec
    une bordure violette d'intensite 50%


    votre commentaire
  • JACKY & MICKY

    mes premiers titres en HTML

    Le dernier titre

    ------------------------------------------------------------------------------------------

    RETOURS A LA LIGNE

    première tentative

    voici
    mes
    premiers
    retours
    à la ligne

    nouvelle ligne après "hr"


     

    balise "pre" pour garder la mise en forme

    HTML  leçon en cours
    pour le CSS on verra plus tard
    

    gérer les espaces avec "&nbsp" "&ensp" etc..

    1 2 3 4     -5

    ---------------LECON 12---------------------

    -------------- le referencement ------------

    l'élément strong indique ce qui est le plus importantdans la phrase

    l'élément 'em' indique ce qui est de seconde importancedans un texte

    l'élement 'market' sera utilisépour ce qui est moins important dans la phrase


    ---------------LECON 13---------------------

    -------------- creer des listes ------------

    liste non ordonnée :

    • liste 1
    • liste 2
    • liste 3

    liste ordonnée

    1. je crapahute
    2. tu crapahutes
    3. il crapahute

    changer l'attribut (les puces) des listes

    1. que je crapahute
    2. que tu crapahutes
    3. qu'il crapahutât

    changemet de l'ordre des listes

    commencer à 5 la numérotation d'une liste ordonnée
    1. il est 5 heures
    2. non, il est 6 heures
    3. pas du tout il est midi

    -------LA VALEUR "START" NE FONCTIONNE PAS-------

    changer la valeur à l'intérieur de la liste
    1. qu'elle heure est il?
    2. il est cinq heures
    3. je croyais qu'il était 6 heures

    l'atrtribut "valeur" ne fonctionne pas

     

    inversion de la numérotation des listes

    1. le premier élément
    2. le deuxième élément
    3. le troisieme element

    l'element "reversed" ne fonctionne pas

    définition d'un élément

    elements : dl-- dt-- dd/h5>
    POUSSIN
    le poussin est le petit bébé de la poule

    les éléments dl-dt-dd ne fonctionnent pas

    imbrications de listes

    1. je porte un pantalon
    2. et aussi une chemise
      • j'ai aussi des sous vetements
        et aussi des chaussettes

    ---------------LECON 14---------------------

    -------------- les liens hypertextes ------------

    LES LIENS EXTERNES

    lien vers la page d'accueil du site: ' jackymickychili '

    le lien fonctionne mais n'est pas en couleur

    LES LIENS INTERNES

    1. la page d'accueil de ce site accueil JackyMicky
    2. la rubrique : 1 nouvel accueil

    les liens ne fonctionne pas

    LIEN DANS UN NOUVEL ONGLET

    lien vers le site JackyMickyEcrits

    le lien ne fonctionne pas

    ---------------LECON 15---------------------

    ----- envoi mels et telechargement fichiers --------

    -envoi de mels-

    pour m'envoyer un mel "clic"

    le lien fonctionne, en couleur dans l'éditeur, mais pas sur le site

    -téléchargement de fichier-

    REVOIR PLUS TARD

    ---------------LECON 16---------------------

    ----- les entités HTML --------

    l'élément "paragraphe" s'écrit comme ci : <p>

    on peut aussi créer des espaces, comme ça : je  crée  des  espaces

    ---------------LECONS CSS---------------------


    votre commentaire
  • margin-top:20

     

    les tableaux

      
     
     

                    

                          250 X 250                                                                550 X 70

                                                                                                             550 X 180


    votre commentaire


    Suivre le flux RSS des articles de cette rubrique
    Suivre le flux RSS des commentaires de cette rubrique