Approfondir les Bases HTML

 

Compétences à acquérir avec le HTML (après le 1er cours et celui-ci) :

  • Savoir maitriser les bases les plus simples en HTML (Titre, Paragraphe, Couleur de texte, etc...) [Cours N°1] :
  • Approfondir les bases (Tableaux, Frames, Arrière-Plan...) [Cours N°2]

==> Savoir gérer le contenu d'un site

Information : Si vous voulez gérer un site complet, il faut utiliser le CSS.

 


 

Textarea, Input et Select : Un textarea est un grand champ de texte libre (afin de remplir par exemple : Votre message). Un input est un petit champ de texte (afin de remplir par exemple : Pseudo...). Ils servent généralement pour un formulaire (contact, commentaire, livre d'or, etc...). Un select est, comme son nom l'indique, une sélection (liste) à choix multiples.

<textarea>Mon texte dans un textarea</textarea>

<input type="Nom du champ" value="Valeur par défaut" name="Nom de l'élément">

<SELECT name="fonction"> 
<OPTION VALUE="Football">Football</OPTION>
<OPTION VALUE="Rugby">Rugby</OPTION>
<OPTION VALUE="Basket-Ball">Basket-Ball</OPTION>
<OPTION VALUE="Handball">Handball</OPTION>
</SELECT>

Frames : Des frames sont des cadres, qui permettent d'afficher des pages HTML dans différentes zones.
Exemple (Frames horizontales) :

<FRAMESET COLS="20%,
80%">

<FRAME SRC="frame1.htm" NAME="gauche">

<FRAME SRC="frame2.htm" NAME="droite">

Les tableaux :

<TABLE BORDER="1">
  <CAPTION> Voici le titre du tableau </CAPTION>
  <TR>
 <TH> Titre A1 </TH>

 <TH> Titre A2 </TH>
 <TH> Titre A3 </TH>
 <TH> Titre A4 </TH>

  </TR>
  <TR>
 <TH> Titre B1 </TH>
 <TD> Valeur B2 </TD>

 <TD> Valeur B3 </TD>
 <TD> Valeur B4 </TD>
  </TR>
</TABLE> 

Citer un texte :

<blockquote> <p> Mon site est Vocos<br /> Services Pour Webmasters<br /> Il y a bien sur des services,<br /> Et des concours.<br /> </p> </blockquote>

Arrière-Plan : L'arrière plan, est le fond d'écran de votre site. On peut le définir grâce aux attributs de la balise <body>
<body bgcolor="nom_de_la_couleur ou #XXXXXX"gt; ou pour mettre une image : <body background="url_image">

Nous clôturons enfin ce cours par la composition d'une page HTML.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title><!-- Insérer le titre de votre page --></title>
<meta name="author" content="<!-- Insérer votre nom -->" />
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1" />

<meta http-equiv="Content-Language" content="fr" />
<meta name="keywords" lang="fr" content="<!-- Insérer les mots-clefs de votre page-->" />
</head> 

<body>

<!-- Corps de la page -->

</body>
</html>

Bien sur, n'oubliez pas d'enlever les tirets.

Voilà, le cours est terminé ! En espérant que vous deviendrez un "pro" au HTML !

 


 

Ajouter un commentaire

Vous utilisez un logiciel de type AdBlock, qui bloque le service de captchas publicitaires utilisé sur ce site. Pour pouvoir envoyer votre message, désactivez Adblock.

Copyright © 2010 - 2011 - Vocos, Services Webmasters Gratuits - Tous droits réservés.

Creative Commons License

Ce site est protégé par une Licence CC, tout plagiat des éléments du site (texte, design, images...) ou inspiration avec services similaires de ce site peut-être soumis à des droits d'auteur.
Élaboration du site complet : Vocos ©

Booste le trafic de ton site

Créer un site gratuit avec e-monsite - Signaler un contenu illicite sur ce site

×