Objectifs
- Etre capable d'installer et de travailler avec jQuery.
Présentation
- Tout au long de ce cours, nous utiliserons un jargon technique propre aux langages
HTML,CSS,JavaScriptet jQuery. - Ce tutoriel va passer en revue les différents termes à connaître.
- Il n'est pas nécessaire de lire tout ce qui figure dans ce tutoriel
- Tout au long de ce cours, nous utiliserons un jargon technique propre aux langages
Les vocabulaires
Balise
- Aussi appelée élément ou tag, c'est l'entité de base du langage HTML. Les balises sont toujours encadrées par les caractères
<:et>. - Par exemple
<html>ou encore<body>. - Les balises ouvertes doivent être fermées avec une balise fermante.
- Par exemple
</html>ou encore</body>. - Certaines balises peuvent être à la fois ouvrantes et fermantes.
- Dans ce cas, le caractère
/apparaît avant le signe>de fin de balise. Par exemple,<img src="image.jpg" />.
- Aussi appelée élément ou tag, c'est l'entité de base du langage HTML. Les balises sont toujours encadrées par les caractères
Attribut
- Certaines balises HTML peuvent recevoir une ou plusieurs informations complémentaires.
Ces informations sont des attributs. Toujours spécifiés dans la balise ouvrante, ils sont suivis d'un signe
=et d'une valeur entre guillemets. - Lorsqu'une balise contient plusieurs attributs, ils sont séparés par des espaces. La balise <img> du code <img src="jquery.jpg"
alt="logo jQuery" id="imglogo" /> contient trois attributs :
src, alt et id.
- Certaines balises HTML peuvent recevoir une ou plusieurs informations complémentaires.
Ces informations sont des attributs. Toujours spécifiés dans la balise ouvrante, ils sont suivis d'un signe
Block
- Les balises HTML de type
blocksont affichées sur des lignes successives. - Par exemple, si l'on définit deux balises
<div>dans un document HTML, elles seront affichées l'une en dessous de l'autre. - Les balises de type block peuvent être dimensionnées, et donc occuper un espace bien défini (hauteur et largeur) dans un document.
- Les balises HTML de type
Inline
- Les balises HTML de type
inlinesont affichées les unes à la suite des autres. Par exemple, si l'on définit deux balises<span>dans un document HTML, elles seront affichées sur une même ligne. - Les balises de type
inlinene peuvent pas être dimensionnées. Elles occupent un espace qui dépend de leur contenu.
- Les balises HTML de type
Inline-block
- C'est un mélange des types
inlineetblock. Si on définit deux balises de typeinline-blockdans un document HTML, elles seront affichées l'une à la suite de l'autre (c'est le comportement des balisesinline). - Leur taille (largeur et hauteur) pourra également être définie (c'est le comportement des balises block).
- C'est un mélange des types