Apprendre le language HTML simplement

mohammed amine -  
ouams90 Messages postés 2 Statut Membre -
Bonjour,

ben je veux cree un site web , mais il faut tout d'abord apprendre le language HTML , es qu'il a pas un facon simple de l'apprendre ?.
merci.
Configuration: Windows XP
Internet Explorer 7.0

7 réponses

  1. unqdanslarue Messages postés 245 Statut Membre 20
     
    voii un dictionnaire du language html:

    Type de document <HTML></HTML> (au début et à la fin du document)
    Titre <TITLE></TITLE> (nom du fichier; doit être dans l'en-tête)
    En-tête <HEAD></HEAD> (titre de description)
    Corps <BODY></BODY> (corps du document)

    DÉFINITION STRUCTURALE

    En-tête <H?></H? > (6 niveaux d'en-têtes)

    En-tête alignée <H? ALIGN=LEFT|CENTER|RIGHT></H?> [*]

    Division <DIV></DIV>

    Division alignée <DIV ALIGN=LEFT|CENTER|RIGHT|JUSTIFY></DIV>
    Bloc en retrait <BLOCKQUOTE></BLOCKQUOTE>[ *]

    Emphase <EM></EM> (habituellement présenté en italique)

    Forte emphase <STRONG></STRONG> (habituellement présenté en gras)

    Citation <CITE></CITE> (habituellement en italique)

    Code (pour l'affichage de fichier de programmation)

    Échantillon de sortie <SAMP></SAMP>

    Entrée au clavier <KBD></KBD>

    Variable <VAR></VAR>

    Définition <DFN></DFN> (non officiel)
    Adresse de l'auteur(e) <ADDRESS></ADDRESS>

    Grande police de caractères <BIG></BIG>

    Petite police de caractères <SMALL></SMALL>

    FORMAT DE PRÉSENTATION

    Gras <B></B>

    Italique <I></I>

    N3.0b Souligné <U></U> (non officiel)

    Rayé <STRIKE></STRIKE> (non officiel)
    N3.0b Rayé <S></S> (non officiel)

    Indice <SUB></SUB>

    Exposant <SUP></SUP>

    Imprimé <TT></TT> (présenté dans une police de caractères à simple espacement)

    Préformaté <PRE></PRE> (affiche le texte dans son format original)

    Largeur <PRE WIDTH=?></PRE> (s'applique aux caractères)

    Centré < CENTER></CENTER> [*] (pour le texte et les images)
    N1.0 Clignotement <BLINK>< /BLINK> (étiquette tournée en dérision)

    Grandeur de la police <FONT SIZE=?></FONT> (entre 1-7)

    Changement de la grandeur de la police <FONTSIZE=+|-?></FONT>

    N1.0 Grandeur de la police de base <BASEFONT SIZE=?> (entre 1-7; par défaut 3)

    Couleur de la police <FONT COLOR="#$$$$$$"></FONT>

    N3.0b

    Sélection de fonte

    <FONT FACE="***"></FONT>

    N3.0b

    Texte en multi-colonnes

    <MULTICOL COLS=?></MULTICOL>

    N3.0b

    Longueur de la colonne

    <MULTICOL GUTTER=?></MULTICOL>

    (défaut est 10 pixels)

    N3.0b

    Largeur de la colonne

    <MULTICOL WIDTH=?></MULTICOL>

    N3.0b

    Espaceur

    <SPACER>

    N3.0b

    Type d'espaceur

    <SPACER TYPE=horizontal| vertical|block>

    N3.0b

    Grandeur d'espaceur

    <SPACER SIZE=?>

    N3.0b

    Dimensions de l'espaceur

    <SPACER WIDTH=? HEIGHT=?>

    N3.0b

    Alignement de l'espaceur

    <SPACER ALIGN=left|right|center>

    LIENS ET IMAGES

    Lier quelque chose <A HREF="URL"></A>

    Lier un pointeur <A HREF="URL#***"></A> (si c'est dans un autre document)

    <A HREF="#***">< /A> (si c'est dans le même document)
    N2.0 Fenêtre cible <A HREF="URL" TARGET="***| |_blank|_self|_parent|_top"></A>

    Définition du pointeur <A NAME="***"></A>

    Relation

    <A REL="***"></A>

    (pas largement implanté)

    Relation inverse

    <A REV="***"></A>

    (pas largement implanté)
    Afficher une image <IMG SRC="URL">

    Alignement <IMG SRC="URL"ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT>

    N1.0 Alignement <IMG SRC="URL" ALIGN=LEFT|RIGHT|TEXTTOP|
    ABSMIDDLE|BASELINE|ABSBOTTOM>

    Alternative <IMG SRC="URL" ALT="***"> (si l'image n'est pas affichée)

    Carte-image <IMG SRC="URL" ISMAP> (requiert un exécutable)

    Carte-image client <IMG SRC="URL" USEMAP="URL"> (requiert un exécutable)

    Nom de la carte <MAP NAME="***"></MAP> (décrit la carte)

    Sections de la carte <AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF>

    Dimensions <IMG SRC="URL" WIDTH="?" HEIGHT="?"> (en pixels)

    Bordure <IMG SRC="URL" BORDER=?> (en pixels)

    Espace environnant <IMG SRC="URL" HSPACE=? VSPACE=?> (en pixels)
    N1.0 Low-Res Proxy <IMG SRC="URL"LOWSRC="URL">

    N1.1

    Appel client

    <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">

    N2.0

    Objet encastré

    <EMBED SRC="URL">

    (insert un objet dans la page)

    N2.0

    Dimension de l'objet

    <EMBED SRC="URL" WIDTH=? HEIGHT=?>

    SÉPARATEURS
    Paragraphe <P></P> [* ] (étiquette de fin souvent pas nécessaire)

    Alignement du texte <P ALIGN=LEFT|CENTER|RIGHT></P> [*] (double retour)

    Fin de ligne <BR> (simple retour)

    Alignement forcé <BR CLEAR=LEFT|RIGHT|ALL>

    Ligne horizontale <HR>

    Alignement <HR ALIGN=LEFT|RIGHT|CENTER>

    Épaisseur <HR SIZE=?> (en pixels)

    Largeur <HR WIDTH=?> (en pixels)
    N1.0 Largeur <HR WIDTH=%> (en tant que pourcentage de la largeur de la page)

    Ligne pleine <HR NOSHADE> (sans l'effet 3D)
    N1.0 Sans-coupure <NOBR></NOBR> (prévient la coupure des lignes)
    N1.0 Coupure de mot <WBR> (endroit où couper une ligne si nécessaire)

    LISTES

    Liste non-ordonnée <UL><LI></UL> (<LI> avant chaque item de la liste)

    Compacte

    <UL COMPACT></UL>

    N1.0 Type d'indicateur <UL TYPE=DISC|CIRCLE|SQUARE> (pour la liste entière)

    <LI TYPE=DISC|CIRCLE|SQUARE> (celui-ci & subséquent)

    Liste ordonnée <OL><LI></OL> (<LI> avant chaque item de la liste)

    Compacte

    <OL COMPACT></OL>

    N1.0 Type de nombres <OL TYPE=A|a|I|i|1> (pour la liste entière)

    <LI TYPE=A|a|I|i|1> (celui-ci & subséquent)
    N1.0 Nombre de départ <OL START=?> (pour la liste entière)

    <LI VALUE=?> (celui-ci & subséquent)

    Liste de définitions <DL><DT><DD></DL> (<DT>=terme, <DD>=définition)

    Compacte

    <DL COMPACT></DL>

    Liste de menus <MENU><LI></MENU> (<LI> avant chaque item de la liste)

    Compacte

    <MENU COMPACT></MENU>

    Liste de répertoires <DIR><LI></DIR> (< LI> avant chaque item de la liste)

    Compacte

    <DIR COMPACT></DIR>

    ARRIÈRE-PLAN ET COULEURS
    N1.1 Couleur d'arrière-plan <BODY BGCOLOR="#$$$$$$"> [*] (ordre est rouge/vert/bleu)

    Texture <BODY BACKGROUND="URL"> [*]

    N1.1 Couleur du texte <BODY TEXT="#$$$"> [*]

    N1.1 Couleur des liens <BODY LINK="#$$$"> [*]

    Couleur des liens visités <BODY VLINK="#$$$"> [*]

    N1.1 Liens actifs <BODY ALINK="#$$$">

    (plus d'informations à http://werbach.com/web/wwwh elp.html#color)

    CARACTÈRES SPÉCIAUX

    code ISO ?; (où le ? représente le code ISO8859-1)

    < <

    > >

    & &

    " "

    Registered TM ®

    Copyright ©

    Espace  

    (Une liste complète est disponible à http://www.uni-passau.de/%7Eramsch/iso8859-1.html)

    FORMULAIRES

    Formulaire <FORM ACTION="URL" METHOD=GET|POST></FORM>

    N2.0 Transfert de fichier <FORM ENCTYPE="multipart/form-data></FORM>

    Champ d'entrée de données <INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN| SUBMIT|RESET">

    Nom du champ <INPUT NAME="***">

    Valeur du champ <INPUT VALUE="***">

    Vérifié? <INPUT CHECKED> (boutons de vérification et boutons radio)

    Grandeur du champ <INPUT SIZE=?> (en caractères)

    Longueur maximum <INPUT MAXLENGTH=?> (en caractères)

    Liste de sélection <SELECT></SELECT>

    Nom d'une liste <SELECT NAME="***"></SELECT>

    Nombre d'options <SELECT SIZE=?></SELECT>

    Choix multiples <SELECT MULTIPLE> (permet une sélection multiple)

    Option < OPTION> (items qui peuvent être sélectionnés)

    Option par défaut <OPTION SELECTED>

    Grandeur de la boîte d'entrée de données <TEXTAREA ROWS=? COLS=?>
    </TEXTAREA>

    Nom de la boîte <TEXTAREA NAME="***">
    </TEXTARE A>

    "Wrap Text" <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL> </TEXTAREA>

    TABLEAUX

    Définition d'un tableau <TABLE></TABLE> [*]

    Bordure du tableau <TABLE BORDER=?></TABLE>

    Espace des cellules <TABLE CELLSPACING=?>

    Espace de la bordure des cellules <TABLE CELLPADDING=?>

    Largeur <TABLE WIDTH=?> (en pixels)

    Largeur <TABLE WIDTH=%> (pourcentage de la page)

    Lignes du tableau <TR></TR>

    Alignement <TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>

    Cellules du tableau <TD></TD> (doit apparaître à l'intérieur des lignes d'un tableau)

    Alignement <TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>

    Sans-coupure <TD NOWRAP>

    Débordement d'une colonne <TD COLSPAN=?>

    Débordement des lignes <TD ROWSPAN=?>

    N1.1 Largeur <TD WIDTH=?> (en pixels)
    N1.1 Largeur <TD WIDTH=%> (en pourcentage du tableau)

    N3.0b

    Couleur de cellule

    <TD BGCOLOR="#$$$$$$">

    En-tête du tableau <TH></TH> (semblable aux données, centré et gras)

    Alignement <TH ALIGN=LEFT|RIGHT|CENTER|MIDDLE|BOTTOM>

    Sans-retour <TH NOWRAP>

    Débordement de colonnes <TH COLSPAN=?>

    Débordement de lignes <TH ROWSPAN=?>

    N1.1 Largeur <TH WIDTH=?> (en pixels)
    N1.1 Largeur <TH WIDTH=%> (en pourcentage du tableau)

    N3.0b

    Couleur de cellule

    <TH BGCOLOR="#$$$$$$">

    Légende du tableau <CAPTION></CAPTION>

    Alignement <CAPTION ALIGN=TOP|BOTTOM> (sur ou sous le tableau)

    CADRES
    N2.0 Cadre du document <FRAMESET></FRAMESET> (au lieu de <BODY>)
    N2.0 Hauteur des lignes <FRAMESET ROWS=,,,></FRAMESET> (en pixels ou pourcentage)
    N2.0 Hauteur des lignes <FRAMESET ROWS=*></FRAMESET> (* = grandeur relative)
    N2.0 Largeur des colonnes <FRAMESET COLS=,,,></FRAMESET> (en pixels ou pourcentage)
    N2.0 Largeur des colonnes <FRAMESET COLS=*></FRAMESET> (* = grandeur relative)

    N3.0b

    Lageur de la bordure

    <FRAMESET BORDER=?>

    N3.0b

    Bordures

    <FRAMESET FRAMEBORDER="yes|no">

    N3.0b

    Couleur de la bordure

    <FRAMESET BORDERCOLOR="#$$$$$$">

    N2.0 Définition d'un cadre <FRAME> (items d'un cadre individuel)
    N2.0 Afficher le document <FRAME SRC="URL">

    N2.0 Nom du cadre <FRAME NAME="***"|_blank|_self|_parent|_top>

    N2.0 Largeur de la marge <FRAME MARGINWIDTH=?> (marges à gauche et à droite)
    N2.0 Hauteur de la marge <FRAME MARGINHEIGHT=?> (marges en haut et en bas)
    N2.0 Défilement du texte <FRAME SCROLLING="YES|NO|AUTO">

    N2.0 Défilement du texte <FRAME NORESIZE>

    N3.0b

    Bordures

    <FRAME FRAMEBORDER="yes|no">

    N3.0b

    Couleur de la bordure

    <FRAME BORDERCOLOR="#$$$$$$">

    N2.0 Contenu non-encadré <NOFRAMES></NOFRAMES> (pour les lecteurs WWW incapables d'utiliser les cadres)

    JAVA

    Applet

    <APPLET></APPLET>

    Nom de fichier applet

    <APPLET CODE="***">

    Paramètres

    <APPLET PARAM NAME="***">

    Position de l'applet

    <APPLET CODEBASE="URL">

    Identificateur Applet

    <APPLET NAME="***">

    (pour faire référence ailleurs dans une page)

    Alternative en texte

    <APPLET ALT="***">

    (pour les navigateurs non-java)

    Alignement

    <APPLET ALIGN="LEFT|RIGHT|CENTER">

    Grandeur

    <APPLET WIDTH=? HEIGHT=?>

    (en pixels)

    Espacement

    <APPLET HSPACE=? VSPACE=?>

    (en pixels)

    DIVERS

    Commentaires <!--***--> (n'est pas affiché par le lecteur WWW)

    Prologue HTML 3.2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD W3 HTML 3.2//EN"> [*]

    Indicateur de recherche <ISINDEX> (indique un index de recherche)
    N1.0 Ligne de commande <ISINDEX PROMPT="***"> (texte pour indiquer l'entrée de données)

    Envoie de la recherche <A HREF="URL?***"></A> (utiliser un point d'interrogation)

    URL de ce fichier <BASE HREF="URL"> (doit être dans l'en-tête du document)

    Nom de base de la fenêtre <BASE TARGET="***"> (doit être dans l'en-tête du document)

    Relation <LINK REV="***" REL="***" HREF="URL"> (dans l'en-tête du document)

    Information META <META> (dans l'en-tête du document)

    Feuilles de styles

    <STYLE></STYLE>

    (pas supporté largement)

    Scripts

    <SCRIPT></SCRIPT>

    (pas supporté largement)
    8
  2. Superloulou88
     
    Salut,
    Moi j'ai tout apris grâce à www.scripts-tutos.com c'est 1 allopass le tutos mais c'est le seul site ou j'ai compris !!!
    ps: ils on un super tutos sur les tableaux !!
    Bye +
    2
  3. Guillaume
     
    Salut ,
    Il esy vrai que sur http://www.scripts-tutos.com, Il y a de très beau tutos pour y apprendre le html =) Puis le tutoriel sur les bases du html est vraiment super bien détaillé =)
    Aller A bientôt est bonne continuation
    0
  4. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  5. Utilisateur anonyme
     
    va voir ca c'est par la j'ai commence c'est facile a comprendre http://www.creation-de-site.net/tutoriaux/html/intro.php
    -1
    1. mohammed amine
       
      merci bcp .
      0
    2. geuks
       
      il ne marche pas ce site ! ; http://www.creation-de-site.net/tutoriaux/html/intro.php
      0
    3. ouams90 Messages postés 2 Statut Membre
       
      voici la réponse
      télécharger ce livre de code school .pdf
      http://ww7.okfiles.net
      0