• Aucun résultat trouvé

WEB: Séance 2 Écrire en HTML

N/A
N/A
Protected

Academic year: 2022

Partager "WEB: Séance 2 Écrire en HTML"

Copied!
9
0
0

Texte intégral

(1)

WEB: Séance 2 Écrire en HTML

Septembre 2019

(2)

HTML langage à balises

Quelques balises

(3)

Page exemple

page_balises.html

< !DOCTYPE html>

<html>

<head>

< !−−c e c i e s t un commentaire−−>

< !−−en−t ê t e−−>

<meta c h a r s e t=" UTF−8">

<meta name=" Author " c o n t e n t=" F a b r i c e S i n c è r e ">

<t i t l e>Un exemple de page web en HTML5

</t i t l e>

</head>

<body>

< !−−c o r p s−−>

<h1>Un exemple de page web en HTML5 ( t i t r e en t a i l l e 1 )</h1>

<h2>Un t i t r e ( t a i l l e 2 )</h2>

<h3>Un t i t r e ( t a i l l e 3 )</h3>

<h4>Un t i t r e ( t a i l l e 4 )</h4>

<h5>Un t i t r e ( t a i l l e 5 )</h5>

<h6>Un t i t r e ( t a i l l e 6 )</h6>

<p>Un paragraphe . </p>

(4)

Page HTML à partir de rien

page_blanche.html

< !DOCTYPE html>

<html>

< !−−c e c i e s t un commentaire−−>

<head>

< !−−en−t ê t e : r i e n n ’ e s t a f f i c h é mais comprend l e s mé ta−i n f o r m a t i o n s s u r l a page

−−>

<meta c h a r s e t=" UTF−8">

<meta name=" Author " c o n t e n t=" ">

<t i t l e></t i t l e>

</head>

<body>

< !−−c o r p s : t o u t ce que l ’ on v e u t a f f i c h e r d o i t ê t r e mis e n t r e ces b a l i s e s−−>

</body>

</html>

À votre tour

Écrire une page HTML l’histoire du WEB

avec au moins 4 balises di ff érentes

(5)

Page HTML à partir de rien

page_blanche.html

< !DOCTYPE html>

<html>

< !−−c e c i e s t un commentaire−−>

<head>

< !−−en−t ê t e : r i e n n ’ e s t a f f i c h é mais comprend l e s mé ta−i n f o r m a t i o n s s u r l a page

−−>

<meta c h a r s e t=" UTF−8">

<meta name=" Author " c o n t e n t=" ">

<t i t l e></t i t l e>

</head>

<body>

< !−−c o r p s : t o u t ce que l ’ on v e u t a f f i c h e r d o i t ê t r e mis e n t r e ces b a l i s e s−−>

</body>

</html>

À votre tour

Écrire une page HTML l’histoire du WEB

avec au moins 4 balises di ff érentes

(6)

Page HTML à partir de rien

page_blanche.html

< !DOCTYPE html>

<html>

< !−−c e c i e s t un commentaire−−>

<head>

< !−−en−t ê t e : r i e n n ’ e s t a f f i c h é mais comprend l e s mé ta−i n f o r m a t i o n s s u r l a page

−−>

<meta c h a r s e t=" UTF−8">

<meta name=" Author " c o n t e n t=" ">

<t i t l e></t i t l e>

</head>

<body>

< !−−c o r p s : t o u t ce que l ’ on v e u t a f f i c h e r d o i t ê t r e mis e n t r e ces b a l i s e s−−>

</body>

</html>

À votre tour

Écrire une page HTML l’histoire du WEB

avec au moins 4 balises di ff érentes

(7)

Validation du code avec W3C validator

https:

//validator.w3.org/unicorn/?ucn_lang=fr#

validate-by-upload+task_conformance

(8)

Bilan

(9)

Pour la prochaine fois

• Terminer la page HTML sur l’histoire du WEB

• Envoyer la page à

Références

Documents relatifs

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 :

Il est à noter que durant l’utilisation d’un navigateur Internet, lors de l’interaction de l’utilisateur avec la page Web, certains processus se font uniquement côté client,

Largeur 43 % Hauteur 320 pixels Marge intérieure 10 pixels Marge extérieure 5 pixels Couleur de fond: #DADE6E Bordure : groove 4 pixels HTML :. Division Partie

Largeur 43 % Hauteur 320 pixels Marge intérieure 10 pixels Marge extérieure 5 pixels Couleur de fond: #DADE6E Bordure : groove 4 pixels HTML :. Division Partie

Effectuez les recherches documentaires permettant de répondre aux questions ci-dessous puis rédigez un compte rendu (deux à trois pages. Sur quel site peut-on comparer

Objectifs : Dans ce premier TP, les balises de bases (h1,p,br...) ainsi que leurs principaux attributs sont abordés afin que nous soyons tout d'abord capables de structurer

Une des informations donnée dans l'entête est le codage des caractères utilisé pour écrire la page web, grâce à la balise ci-dessous. a) Ajoutez la balise de codage

• Étudier le code source pour identifier