• Aucun résultat trouvé

HTML Le langage

N/A
N/A
Info
Télécharger
Protected

Academic year: 2022

Partager "HTML Le langage"

Copied!
109
0
0

Chargement.... (Voir le texte intégral maintenant)

Texte intégral

(1)

Le

langage

HTML

(2)

Plan

•

À quoi sert le HTML ?

•

Comment l’utiliser pour créer une page

web ?

•

Le CSS

(3)

À quoi sert le HTML ?

HyperText Markup Language

C’est le langage qu’on utilise pour créer des

pages web.

(4)

À quoi sert le HTML ?

Première version (HTML

1.0) en 1991

Depuis 2014 : HTML 5.0

(5)

Créer une page HTML

(6)
(7)
(8)
(9)
(10)
(11)
(12)
(13)
(14)
(15)
(16)
(17)
(18)

Insérer du texte

On utilise les balises :

<p> </p>

<br />

(19)
(20)
(21)
(22)
(23)
(24)
(25)
(26)
(27)
(28)
(29)
(30)
(31)
(32)
(33)
(34)

Mettre en valeur le texte

Mettre « légèrement » en valeur :

<em> </em>

Mettre en valeur :

<strong> </strong>

Marquer le texte :

<mark> </mark>

(35)
(36)
(37)
(38)
(39)
(40)
(41)
(42)
(43)
(44)
(45)
(46)
(47)
(48)

Faire un lien

On utilise la balise :

<a href=’’…’’>Nom du lien</a>

(49)
(50)
(51)
(52)
(53)
(54)
(55)
(56)
(57)
(58)
(59)
(60)
(61)
(62)
(63)
(64)
(65)
(66)
(67)
(68)
(69)
(70)
(71)

Insérer une image

On utilise la balise :

<img src=’’…’’

alt=’’…’’

title=’’…’’ />

(72)
(73)
(74)
(75)
(76)
(77)
(78)

Récapitulatif : Les bases du HTML

<!DOCTYPE html>

<html>

<head>

<meta charset=’’utf-8’’ />

<title>Titre</title>

</head>

<body>

</body>

</html>

(79)

Récapitulatif : Les bases du HTML

<p> </p>

<br />

<h1> </h1>

<h2> </h2>

…

<h6> </h6>

(80)

Récapitulatif : Les bases du HTML

<ol>

<li> </li>

<li> </li>

</ol>

<ul>

<li> </li>

<li> </li>

</ul>

(81)

Récapitulatif : Les bases du HTML

<em> </em>

<strong> </strong>

<mark> </mark>

<a href=’’…’’>Titre</a>

<img src=’’…’’ alt=’’…’’

title=’’…’’ />

(82)

Mettre en forme avec le CSS

Il permet de définir le style de la page web

(couleur, position,

police du texte, mise en page…)

(83)

Mettre en forme avec le CSS

Fichier à part

ou

Intégré dans la page HTML

(84)
(85)
(86)
(87)
(88)
(89)
(90)
(91)
(92)
(93)
(94)
(95)
(96)
(97)
(98)
(99)
(100)
(101)
(102)
(103)
(104)
(105)

Sources

(106)

Sources

(107)

Sources

(108)

Sources

(109)

Exercice Sur le lien suivant

http://www.mi.parisdescartes.fr/~osalem/CSWD/TP1/TP1.html

Références

Télécharger maintenant ( PPTX - 109 Page - 6.57 MB )

Documents relatifs

INF344 – Données du Web Le langage HTML

PNG Compression sans perte adaptée aux dessins GIF PNG en moins bien, mais supporte les animations APNG PNG avec animation, alternative à GIF ; rare. SVG Images vectorielles :

Introduction au langage HTML (HTML signifie «

• Changer le nom de l’onglet (actuellement « Ma page de test » dans le fichier source par « Structure de base d’une page HTML »,supprimer la totalité de l’élément

Création de site web Langage (X)HTML

– Par ex. : voilà &lt;bleu&gt; des &lt;gras&gt; éléments &lt;/gras&gt; imbriqués les &lt;souligne&gt; uns dans les &lt;/souligne&gt; autres &lt;/bleu&gt; . ● Rien :

Internationalisation du langage de balisage hypertexte (HTML)

NOTE — les concepteurs de formulaires et de leurs scripts de support devrait être au courant d'un important problème potentiel : lorsque la valeur implicite d'un champ

CHAPITRE I : LE LANGAGE HTML

 _self qui indique que le fichier sera chargé dans la même fenêtre que celle dans laquelle se trouve le lien.  _top qui implique l'affichage du fichier sur toute la surface de

Langage C en 184 pages

Envoyez SVP vos commentaires et corrections a : dancel@eis.enac.dgac.fr.. Cliquez ici pour telecharger le

Langage HTML (2° partie)

● La Document Type Definition (DTD), ou Définition de Type de Document, est un document permettant de décrire un modèle de document XML. ● Une DTD indique les noms des

Le langage HTML

Indiquer le titre de votre projet La page de XXXX entre les deux balises TITLE (XXXX est votre nom).. &lt;HEAD&gt;&lt;TITLE&gt;La page