Support de cours - Lita

More documents

Recommendations

Info

S2, L1 Isfates SG-LOG-INFO: databases S2, L1 Isfates SG-LOG: web development admin Remarque Un code lisible est un code soigneusement organisé, notamment en ajoutant des indentations afin de refléter une structure hiérarchique (voir imbrication ci-dessous). 1 Principes de base Nous allons introduire les grands principes du langage Html, accompagnés de définitions et vocabulaire. 1.1 Les balises La caractéristique essentielle du langage Html est la balise. Une balise commence par < et termine par >. Il y a deux types de balise ; les balises ouvrantes (p. ex. ) et les balises fermantes (p. ex. ). Le nom de la balise (p. ex. p) doit être en lettres minuscules. Par exemple : Ceci est un paragraphe. La balise délimite un paragraphe ; le texte « Ceci est un paragraphe. » est donc un paragraphe. Sur le même principe, il existe une balise permettant de délimiter une citation courte (quote) : C’est avec la logique que nous prouvons et avec l’intuition que nous trouvons. Une liste des balises usuelles se trouve à la fin de cette section. 1.2 Les attributs Il est possible d’ajouter des attributs aux balises. Le nom de l’attribut est en minuscule. Les attributs sont écrits dans la balise ouvrante uniquement, séparés par des espaces et leur valeur est donnée entre guillemets anglaises (les ") collé au signe d’égalité (=). L’ordre à l’intérieur de la balise ouvrante n’a pas d’importance. Un attribut a toujours une valeur. 6
Par exemple pour une citation (balise ), il est possible d’indiquer l’auteur en utilisant l’attribut title : C’est avec la logique que nous prouvons et avec l’intuition que nous trouvons. Une balise peut posséder plusieurs attributs. Sur l’exemple précédent, on désire indiquer en plus l’adresse du site qui nous a fournit la citation. L’attribut cite de la balise p permet cela : C’est avec la logique que nous prouvons et avec l’intuition que nous trouvons. Bien sûr à chaque balise correspond une liste d’attributs possibles. Une liste des attributs usuels se trouve à la fin de cette section. 1.3 L’imbrication Nous désirons écrire une citation à l’intérieur d’un paragraphe. Il suffit d’imbriquer (emboîter) les balises afin de correctement délimiter le texte selon la règle simple « dernière ouverte, première fermée ». L’intuition agit comme moteur car elle fournit une piste prometteuse au mathématicien qui, impatient, va s’empresser de la vérifier, comme le suggère Poincaré: C’est avec la logique que nous prouvons et avec l’intuition que nous trouvons. En général, bien indenter son code permet d’éviter les mauvaises surprises. Le contreexemple suivant montre à quel point il est facile de se tromper : [...] une citation qui commence dans un paragraphe, mais qui termine après la fin du paragraphe ? Cela n’a aucun sens ! ✓ ✗ 1.4 Cas particuliers Certaines balises peuvent ne pas posséder de balise fermante associée si leur objectif n’est pas de délimiter des morceaux de texte : p. ex. indiquer l’emplacement d’une image. Dans ce cas elles ne possèdent qu’une balise ouvrante de la forme . L’espace avant le / est important. En général, ces balises possédent au moins un attribut pour être utile (... sauf , voir ci-après). 7
Page 1 and 2: L1 Isfates sg-log Introduction au d
Page 3 and 4: 1 Introduction L’objectif de ce c
Page 5: 2 Html Nous allons apprendre les ru
Page 9 and 10: Ces balises délimitent un document
Page 11 and 12: Ainsi dans le document main.html on
Page 13 and 14: Jeter tout, c’est raté ! Ce qu
Page 15 and 16: Sur deux colonne 1 3 4
Page 17: h1 h2 ... h6 délimitent un titre (
Page 20 and 21: 1 Principes de base 1.1 Structure d
Page 22 and 23: ... Ceci est un paragraphe de la pl
Page 24 and 25: Héritage Pour certaines propriét
Page 26 and 27: Unités absolues Les unités absolu
Page 28 and 29: 3.2 Combinaison Tous ces sélecteur
Page 30 and 31: toute la largeur de la ligne. De m
Page 32 and 33: Statique (static) Le positionnement
Page 34 and 35: Dans cet exemple le bloc conteneur
Page 36 and 37: 4 Éléments génériques div et sp
Page 38 and 39: 5 Bonus Voici quelques cas pratique
Page 40 and 41: } Puisque la valeur de top pour les
Page 42 and 43: Ces blocs seront probablement des b

Support de cours - Lita

Create successful ePaper yourself

Delete template?

Save as template?