Créer des pages WEB pas à pas

Devenir développeur WEB

le langage HTML est la base de chaque Site WEB

Créer votre site

Apprendre modifier les codes des templates

vendredi 22 mars 2019

Les listes imbriquées et les liens

By  mars 22, 2019   No comments
Les listes imbriquées :

on utilise les balises des listes imbriquées avec la méthode suivante :
Par exemple, on va mettre des listes avec des puces dans une liste ordonnées :

  <ol>
    <li>Html
      <ul>
        <li>Définition</li>
        <li>Editeur de texte</li>
        <li>Les navigateurs
      </ul>
    <li>Css</li>
    <li>JS</li>
    </li>
  </ol>

Les liens :

On a deux types des liens :
Liens internes
Liens externes

Les Liens Internes :

ça veut dire, lien entre les pages de la même site WEB :
la balise utilisée est <a> avec l'attribut href :

  <a href="page2.html">Cliquez ici pour accéder à la page2</a>
  <a href="dossier1/page4.html">Cliquez ici pour accéder à la page4</a>

Les Liens externes :
ce type des liens est très simples, est utilisée pour accéder à un site ou une page dans une autre site web :
<a href="https://www.mp3quran.net/ar/maher.html">Cliquez ici pour accéder au site mp3quran</a>

NB : Pour les commentaire on écrit comme ça :
<!--notre commentaire-->



La suite...

jeudi 21 mars 2019

Introduction de l'HTML

By  mars 21, 2019   No comments

HTML :

L’HyperText Markup Language : est un langage utilisé afin de créer et de représenter le contenu d'une page web et sa structure.
HTML fonctionne grâce à des « balises » qui sont insérées au sein d'un texte normal.

BALISE :
balise ouvrante <P>
Contenu
balise fermante </p>
Exemple :

 Pour :
  • Indiquer que ce texte est un titre on utilise la balise <h1>, <h2>,<h3>.......<h6>
  • Mettre un paragraphe, on a la balise <p>
  • Sauter à la ligne, utilisez la balise <br/>
  • Faire une liste des puces, la balise <ul> et une liste ordonnée, la balise <ol>
 Pour bien comprendre, voici un exemple :

 <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Ma première page</title>
</head>
<body>
  <h1>Un Grand titre</h1>
  <h2>Un sous titre</h2>
  <p>Ceci est un paragraphe <br/>composé de 20 lignes</p>
  <p>Ceci est un autre paragraphe <em>contenant</em> 10 lignes</p>
  <p>Ceci la <strong>conclusion</strong></p>
  <p>dans ce paragraphe on va voir les <mark>listes</mark></p>
  <ul>
    <li>Html</li>
    <li>css</li>
    <li>php</li>
  </ul>
  <ol>
    <li>Introduction</li>
    <li>developpement</li>
    <li>Conclusion</li>
</body>
</html>
NB : chaque page web contient ces balises en gras .
 

dans prochain cours, on va voir les liste imbriquées et les liens
La suite...