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.
A voir également:

7 réponses

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
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
lezonard Messages postés 58 Statut Membre 21
 
http://www.lesiteduzero.com
En plus tu as du php, ce qui servira sans doute pour ton site internet.
0
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

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
assemboucenna@hotmail.com
 
salut
pour apprendre le language HTML voici le site :http://www.lehtml.com/html/index.htm
c'est pour les dédutant et vous aller tout de suite l'apprendre
bye
de Assem
0
assemboucenna@hotmail.com
 
Bonjour,
pour apprendre le language HTML voici le site:http://www.lehtml.com/html/index.htm
tu l'apprend tout de suite,c'est comme de la magi

et enfin au revoir

Assem
0
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
mohammed amine
 
merci bcp .
0
geuks
 
il ne marche pas ce site ! ; http://www.creation-de-site.net/tutoriaux/html/intro.php
0
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