admin

Tuto HTML
Inscription
<Introduction au="HTML">

1. Structure du HTML

  • Toute balises ouvertes doivent être refermées (On vera plus tard que la regle est contournable)
  • Ouverture de balise : <html>
  • Fermeture de balise : </html>
  • Une Balise debute par un chevron gauche '<' et fini par un chevron droit '>'
    Les chevrons sur les claviers :
    AZERTY
    QWERTY

  • 2. Coloration synthaxique

    <html>Bleu pour les balises
    backgroundRouge pour les attributs à integrer aux balises
    "#ffffff"Violet en gras pour les propriétés des attributs ci dessus en rouge
    = Noir pour l'attribution d'une propriété a un attribut, ou d'un caractère special
    Cliquez-moi Noir en gras pour ce qui sera visible a l'écran
    <!-- je suis un commentaire --> Vert pour tout commentaire sur les balise ou commentaire intra script (invisible lors de l'ouverture sur le navigateur <!-- -->)

    3. Structure d'une page Web

    <html> C'est par cette balise que commence toute page HTML.
    <head> C'est l'entete de page (on vera plus tard a quoi ca sert).
    <title>Titre de la page</title> Intitulé de la page visible en haut a gauche de votre navigateur.
    </head> La fin de l'entete de page.
    <body bgcolor="#ffffff" background="image.jpg">
    body : pour les propriétés de la page.
    bgcolor pour la couleur d'arriere plan.
    "background" pour l'image en arriere plan.
    <img src="image.jpg" /> <img> pour indiqué qu'a cette endroit du script se trouve une image.
    "src" pour indiquer la source de l'image (son nom et arborescence).
    le '/' permet de fermer la balise (ne fonctionne que pour peut de cas).
    <a href="page.html">Cliquez-moi</a> <a> permet le ciblage d'un lien ou d'une marque.
    "href" permet de cibler un fichier (*.html, *.jpg, *.exe, ...).
    "cliquez-moi" correspond a la partit visible de la page qui comprend le lien indiqué précédament.
    </a> pour fermer la balise et indiquer où s'arret le lien.
    </body> Faut bien fermer toute les balises non ?
    Comme ca on dit que le corps de la page est terminé.
    </html> C'est par cette balise que fini toute page HTML.

    4. Creation d'une page WEB

    - Copier ce code (Ctrl + C)
    - Ouvrez votre editeur de texte favoris*
    - Coller tout dedans (Ctrl + V)
    - Enregistrez sous le nom "test.html" ou "test.htm" sur le bureau
    - Ouvrez le fichier "test" avec votre navigateur favoris**
    <html>
    <head>
    <title>Titre de la page</title>
    </head>
    <body bgcolor="#ff00ff">
    Hello Wolrd !
    </body>
    </html>

    5. Conseils et Astuces

    1) Pour bien coder je conseil deux outils essentiels :
    Telechargement
    Notepad++
    Firefox 2.0

    * Notepad++ est un editeur de texte gratuit qui comprend une multitude de langage de programmation, il possede une coloration synthaxique et d'excellentes options.
    ** Firefox est un navigateur Web gratuit, il est munit de nombreuses extensions, sa navigation par onglet et sa stabilité en fait le meilleur navigateur.

    2) Pour voir le code source des sites internet il faut passer soit par un clique droit sur la page soit par le menu du navigateur :
    Firefox
    Internet Expl0rer
    Menu
    Shell

    Vous etes pret a faire du HTML, donc sans plus perdre de temps, passons au chapitre suivant !

    Sommaire         Sommaire         Mise en Page




    11142 visiteurs depuis 03/2005

    Il y a actuellement 1 visiteur
    Dont 0 membre