[PDF] Cours HTML embarqué 1 janv. 2019 HTML. • CSS. •





Previous PDF Next PDF



Les principales balises Html

Les principales balises Html. Structure Html Zone d'en-tête d'un fichier Html. <TITLE>...</TITLE> ... Début et fin du corps du fichier Html.



HTML CSS

https://www.eni-elearning.com/wp-content/uploads/fiche-belearn/ET_DEV_FEHTCSJA.pdf



HTML-css-javascript

Il fonctionne comme xml



FICHE 1. Les bases du JavaScript

On crée un instruction Javascript à l'intérieur des balises <script> </script> On peut jouer sur les attributs d'une balise HTML avec l'objet Element et ...



HTML et Javascript

19 mai 2014 Dans l'apprentissage des balises HTML l'aspect programmation JavaScript peut être ignoré par le lecteur ne s'intéressant qu'à la ...



Cours HTML embarqué

1 janv. 2019 HTML. • CSS. • JavaScript. Nous verrons lors du dernier cours comment ... On voit dans cet exemple que le code HTML est composé de balises.



Web : HTML/CSS/JavaScript

HTML5 est la dernière révision majeure (finalisée en 2014) du HTML. Le langage HTML utilise d'éléments (ou balise) pour structurer et décrire un document : §. ¤.



• dans la balise Définition d'un script JavaScript (JS) interne. Comme la balise &3;E63@E5753E>7E43>;E7EGF;>;EQ7EEA@F6;8

8QD7@F7E

Lien vers une feuille de style CSS externe.

Comme la balise est toujours vide, elle doit être autofermée. 4"-&% &#+(%.\'#(%,$'&('(2019-01-01 18:52:22A

TELIER HTML EMBARQUÉ JAN-FÉV 2018

/* commentaire CSS */

Pour résumer

,,7JF7D@7

CSS interne :

JS externe :

JS interne :

ʼnʼnLorsque les éléments sont imbriqués (nesteden anglais), il est important de fermer les balises

]7@83@FE^3H3@F>7E43>;E7E]B3D7@FE^

75;7EF5ADD75F

...

75;@7>_7EFB3E

...

V oici une liste non exhaustive d'éléments courants

Ceci est un paragraphe.

Les retours à la ligne doivent y

être explicitement indiqués avec la balise

Texte en gras

Texte en italique

Texte en grasavec une partie italique

Ceci est un texte préformaté dans lequel les passages à la ligneHTML -%#+"-&%&+*.M$' M/ 

2019-01-01 18:52:22MICROCLUB - NICOLAS JEANMONOD

et les espaces seront respectés

Leestutilisé pour formater différemment une partie du texte.

Le div sert à regrouper des balises.

...

...

DBPPFQB

ILDLMKD>IQFJ>DBABA^JL/>

La norme HTML définit environ 130 balises dif

férentes que vous pouvez découvrir en suivant les>;7@E5;67EEAGE

Comme nous l'avons vu ci-dessus, un élément HTML est composé de balises et d'un contenu. Dans

>7>3@93975AGD3@FA@GF;>;E7EAGH7@F;@6;8

8QD7??7@F>7EF7D?7Eélémentsetbalises, même si à pro-

•%7E43>;E7E"-&%7F>7GDDU>7&'8D

X+Q8QD7@5767EQ>Q?7@FE"-&%&'8D

X"-&%>7?7@F+787D7@570,5:AA>E7@

T

outes les balises acceptent des attributs, certains étant obligatoires d'autres optionnels.)3D7J7?B>7>343>;E7qui sert à insérer une image a deux attributs obligatoiressrcetalt. À

@AF7DCG7>_3FFD;4GFaltest souvent omis dans les pages web que vous rencontrerez. Il est pourtant

8;5:Q7

DBPPFQB

ILDLMKD>IQFJ>DBABA^JL/>

A;D>7E3FFD;4GFEBAEE;4>7E67>343>;E7sur le site MDN. &#+(%.\'#(%,$'&('(2019-01-01 18:52:22A

TELIER HTML EMBARQUÉ JAN-FÉV 2018

DBPPFQB

ILDLMKD

alt=FJ>DBABA^JL/>

ʼnHTML5 permet à l'utilisateur de définir ses propres attributs ce qui peut être fort utile lorsqu'on

A;D>7E3FFD;4GFE676A@@Q7EEGD&'

Le doctype est une chaine de caractère présente au début du fichier et qui définit explicitement la

%7?AFdoctypeest un mot-valise tiré de la >A5GF;A@3@9>3;E7Document T ype Declaration. Le seul doctype que nous utiliserons dans le cadre de ADE>7E397@FEGF;>;E3F7GDEGF;>;E7DA@F>7mode quirks, c'est-à-dire

6_#@F7D@7FJB>AD7D

7?A67B7D?7F67BD7@6D77@5:3D

,;HAGE6QE;D7LB>GE6_;@8AD?3F;A@EEGD57E6;8

6A5FKB7"-&%).

BAGH7LGF;>;E7D>7$3H3,5D;BFEG;H3@FHTML

-%#+"-&%&+*.M$' M/

2019-01-01 18:52:22MICROCLUB - NICOLAS JEANMONOD

Historiquement, de nombreux doctype ont eu cours et il est fort probable que vous en rencontriez

6_3GFD7E

6A;F<3?3;ESFD787D?Q7

XA5G?7@FFKB7675>3D3F;A@0

;=;B76;37@XA5FKB70 ;=;B76;38DX&A67CG;D=E67&AL;>>3&'8D

X&A67BD7ECG7EF3@63D667!75=A&'8D

X ;J2

AGD,;F70;F:F:7+;9:F(-2)

Certains validateurs comme celui de l'éditeurOxygen XML Editorimposent que l'espace de nom EA;FEBQ5;8;Q7F575;E783;F63@E>_3FFD;4GFxmlnsde la baliseouvrante V oici une liste non exhaustive d'éditeurs de code HTML

XD35=7FECG7@AGE3>>A@EGF;>;E7DBAGD575AGDE

X,G4>;?7-

7JFCG7<_GF;>;E73GCGAF;6;7@

XFA?

X(JK97@1&%6;FAD

X/ ;EG3>,FG6;AA67X'AF7B36 X6;F

X!76;F

X'3@A X

À ce stade, nous pouvons commencer à vérifier que ce que nous faisons est valide avec le validateur

6G0

AD>60;67074A@EADF;G?00&3D=GB/

3>;63F;A@,7DH;57

8"-&% &#+(%.\'#(%,$'&('(2019-01-01 18:52:22A

TELIER HTML EMBARQUÉ JAN-FÉV 2018

Les entités servent à référencer les caractères par un code qui peut être textuel, décimal ou hexadé-

5;?3> D7BDQE7@F7D3B3D6A@5B3D ou le trait d'union insécable, identique au trait d'union @AD?3>7FCG7>_A@D7BDQE7@F7D3B3D‑. )3D7J7?B>7 E;>78;5:;7D7EF7@5A6Q7@windows-1257, le caractère "ç" ne sera pas utilisable directement,

X%753D35FRD7@7E_38

8;5:7B3E5ADD75F7?7@F63@EHAFD7Q6;F7GD5A??7>_Q?AF;5U@7]H;E397EAGD;3@F^☺= ☺).

Pour tout nouveau pr

ojet, il est important de s'assurer que tous vos fichiers sont enco-utf-8qui est une norme quasi universelle aujour

d'hui en occident. Le premier

Caractèr

e

Signe inférieur à<U#

Signe supérieur à>U%

Esperluette&U

Espace insécable U!

T rait d'union insécable-‑U

Émoticône "visage sou-

D;3@F^`☺U!

Espace sans chasse​U"

V ous trouverez une liste exhaustive d'entités surG@;5A67F34>7 5A?

La norme HTML 5 autorise deux syntaxes

quotesdbs_dbs25.pdfusesText_31