Les base du html

Le langue html est la brique de base d'un site web

Dans cette article nous verons les bases pour faire un page web.

Syntaxte du html

Comme dit son nom le html est un language de balisage

Une balise est block de caractère commençant par < et terminant par > balise , comme :

<nom_de_la_balise>

à l'intérieur e l

Pour l'instant nous distingons trois type de balise :

La balise ouvrante : <nom_de_la_balise>
La balise fermante : </nom_de_la_balise>
La balise vide : <nom_de_la_balise/>

Avec ces balise nous formons des éléments de 2 façons :

Soit avec un basile vide
Soit avec une balise ouvrante puis un balise fermante ayant le même

Entre la balise ouvrante et fermente d'un élément nous pouvons ajourter

des bloc de text
des élément appelé l'élément enfant

<nom_de_lélément>
  hello 
  <nom_de_lélément_enfant/>
</nom_de_lélément>

Les élémens peuvent avoir un ou plusieurs attributs

une

nom_de_l'attribut="valeur de l'attribut"

Nous les insérons dans les balises ouvrante ou les balise vide Come

<nom_de_l'élément  nom_attribut1 ="valeur de l'attribut1"  />

Structure de base

Nous allons crée une page

Déja toute page html comme par :

<!DOCTYPE html>

Suivis par l'élément html

<!DOCTYPE html>
<html>
</html>

L'élement html n'a que deux élément enfant : head et body

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>    
  </body>
</html>

head contient les donnée sur le contexte la page a savoir :
- son titre ,
- les données pour intrépréter la page ,
- du code css ,
- les lien vers des fichiers css ou des biblithèque javascripte
body contient donné affiché par le navigateur

Nous l'avais écris la base. Mais ce n'est pas finie.

Chaque page d'un site web a un titre afin de le distinguer facilement des autres page. Pour ça nous utilisons l'élement title contenant le titre de la page :

<title>titre de la page </tille>

<!DOCTYPE html>
<html>
  <head>
  </head>
      <title>titre de ma page</title>
  <body> 
    Boujour tout le mondes  
  </body>
</html>

A la fin nous mettons du texte dans le body/

<!DOCTYPE html>
<html>
  <head>
  </head>
      <title>titre de ma page</title>
  <body> 
    Boujour tout le mondes  
  </body>
</html>

Mais nous avons un poblème : le navigateur ne surporte pas caractère spécifique de la langue francaise

Pour résoudre cela nous rajoutons dans head ceci : <meta charser="UTF-8"/>

<!DOCTYPE html>
<html>
  <head>
    <meta charser="UTF-8"/> 
  </head>
  <body> 
    Boujour tout le mondes  
  </body>
</html>

Nous avons finie Mais il reste plusieurs élements que nous n'avons même pas abordée

Syntaxte du html

Structure de base

S'abonner à programmation et administration