Wiki SIO LEDANTEC

Cette page est en lecture seule. Vous pouvez afficher le texte source, mais ne pourrez pas le modifier. Contactez votre administrateur si vous pensez qu'il s'agit d'une erreur.

=======Les Bases du HTML=======

**Hypertext markup language** ou **HTML** est un langage qui utilise des balises pour créer des pages web.
Il permet d'afficher des textes, des images, des formulaires...

Tout d'abord il faut ouvrir n'importe quel éditeur de texte comme Notepad++ sous Windows ou Geany sous Linux.
Mais Notepad ou même Microsoft Word fera l'affaire.

Avec l'éditeur maintenant ouvert nous pouvons maintenant commençer à crée notre page web.

====Début du document====

Tout d'abord il faut declarer que la page en question est du HTML avec:
  <!DOCTYPE html>
  <html>
  <head>
  </head>
  <body>
  </body>
  </html>
 
Voila un modèle typique d'une page HTML avec une Tête (Head) et un corps (Body).
Une balise <balise> ouvre la balise en question et </balise> la ferme.

====Head====
Le <head> est l'endroit du HTML ou on peut déclarer plusieurs choses comme la page CSS a utiliser,le titre de la page (qui apparaît dans les tabs du navigateur),les librairies...

Pour ajouter un titre a la page:
  
  <title>Titre</title>
 
Et pour relier une page CSS:

  <link rel="stylesheet" href="nomdufichierCSS.css">  
 

====Body====

Le <Body> affiche tout ce qui est texte,image,formulaires... C'est le //Corps// de la page.

La Balise Heading écrit un titre de plus en plus grand dependant du numéro ex: <h1> est le plus grand et <h6> est le plus petit

  <h1>Titre de l'article</h1>
  
Pour écrire du texte on utilise la balise Paragraphe qui s'écrit:

  <p>Texte a écrire<br></p>
Pour faire passer une ligne dans un paragraphe on ajoute <br>
  
Pour faire un lien on écrit:

  <a href="lien.com">Text pour le lien</a>
  
Et finalement on peut afficher une image avec:

   <img src="image.jpg" alt="Texte a écrire si l'image est introuvable " width="Largeur en chiffres"
   height="Hauteur en chiffres">

Wiki SIO LEDANTEC

Outils pour utilisateurs

Outils du site

Outils de la page