Académique Documents
Professionnel Documents
Culture Documents
• FACILE À APPRENDRE
HTML & CSS : DEFINITION 4
APPRENDRE LE HTML
Les éléments en HTML : 9
Un élément en HTML
Paire de Balise :
Balise orpheline:
Balise ouvrante : <p>
<br/>
Balise fermante : </p>
Paire de balises et contenu : 11
Balise orpheline :
LES ATTRIBUTS : 12
STRON
G
em
MARK
STRUCTURE D’UNE PAGE EN HTML5 17
<! DOCTYPE html > Balise qui précise le language à utiliser dans notre cas HTML
< html >
< head >
<title > Page HTML </title> Titre de la page HTML
<meta charset = ‘’utf-8’’ > Le codage de la page
</head>
Non-ordonnées
Ordonnées
Liste
Définitions
Imbriquées
Les listes non-ordonnées : 21
...
<body>
<h1> Les listes </h1>
…
<body>
<h1> ma listes </h1>
<!-- Deux exemples de listes ordonnées -->
<p> Liste n°1 : </p>
<ol>
<li> On naît </li>
<li> On grandit </li>
<li> On meurt </li>
</ol>
< /body>
…
Les listes de définitions : 23
Role :
Lister des termes et ajouter des définitions ou descriptions pour
chacun de ces termes.
…
<body>
<h1> Les listes </h1>
HTML
Role :
:
Un llien en html va sérvir à transporter l’utilisateur vers un autre endroit en
cliquant au-dessus .
Pour créer un lien en HTML nous utilisons l’élement a (Adresse) avec l’attribut
href .
Externe
Lien
Interne
Les liens externes en HTML : 26
Les liens externes vont être des liens ramenant vers des pages d’autres
sites.
Exp :
<body>
Elément a
<h1> Les liens </h1>
Les liens internes vont être des liens ramenant vers d’autres pages au
sein d’un même site .
Pour créer des liens internes, il faut donc distinguer trois cas :
La page de départ et celle de destination sont dans le même dossier ;
La page de destination est dans un sous-dossier par rapport à la page
de départ ;
Lapage de destination est dans un dossier parent par rapport à la
page de départ.
Envoyer un mail en HTML : 28
<body>
<h1> Envoyer un mail </h1>
<p> M'envoyer <a href="mailto:hamidtasra1@gmail.com" > un mail </a></p>
</body>
Télécharger un fichier : 29
<body>
<h1> Télécharger un fichier </h1>
<p> Telecharger : <a href="java.pdf" >Livre java </a></p>
</body>
Insérer des images en HTML : 30
Radio .
Exemple
34
APPRENDRE DU CSS
35
Dans un élément
HTML style Dans la balise Dans un fichier
ouvrante des éléments CSS séparé
HTML
Syntaxe : Sélecteur, Propriétés, Valeurs 37
sélecteur p
color : blue ;
propriétés
valeurs
font-size: 14px ;
détermine le style qui va être
appliqué à un élément détermine le comportement d’une
propriété
CSS – Arrière-plan (background): 38
ELEMENT
BLOCK INLINE
• Ne commencer sur une
• Commencer sur une
nouvelle ligne.
nouvelle ligne.
• Prend uniquement la largeur
• Prend toute la largeur
necessaire.
disponible dans la page.
• Exp : l’élément strong, img,
• Exp : l’élément p, h, div…
span..
DIV ET SPAN 46
Merci de votre
attention