Codage/programmation

Qu’est-ce qu’un attribut en html?

Dans mon intro sur les page web, on a vu la notion de balise:

  • <h1>titre de niveau 1</h1>
  • <h2>titre de niveau 2</h2>
  • <p>paragraphe</p>
  • <a>lien hypertexte</a>

Mais des balises, il en existe des dizaines ! Elles permettent de créer/d’insérer:

  • des tableaux (<table><tr><td></td><td></td></tr></table>)
  • des listes (<ul><li></li><li></li><li></li></ul>)
  • des formulaires (<form ></form> <label></label>  <input > etc.)
  • des images (<img>)

Un attribut c’est une propriété d’une balise qui va venir la qualifier plus spécifiquement. Et donc les attributs ne sont pas tous obligatoires. C’est pas facile comme ça, hein ?

Alors, on va imaginer une balise “simple”:
la balise <véhicule > </véhicule > ; ses attributs pourraient être: …continuer la lecture de Qu’est-ce qu’un attribut en html?

C’est quoi une page Web ?

Aujourd’hui: la page web, expliquée par lpp.

Une intro juste. Pas grand chose en somme. Mais… la page web c’est quand même LA base d’Internet. Alors ce pas grand chose, il fait quand même beaucoup de choses.

(pour voir l’image en taille originale, copiez son chemin dans un nouvel onglet de votre navigateur et faite un zoom sur l’image: http://www.lespetitspois.fr/wp-content/uploads/2016/09/new-piktochart_172_c463884af24999ec3bd2cdcaaf5da7d72835d1ce.png.)

new-piktochart_172_c463884af24999ec3bd2cdcaaf5da7d72835d1ce

Enregistrer

Enregistrer

Enregistrer

Enregistrer

Enregistrer

La balise input type=”file”

Il est inutile de passer du temps à essayer de relooker en css les boutons d’upload des formulaires html, de même qu’il est inutile de chercher comment modifier les textes qui les accompagnent: le look et les textes dépendent entièrement du navigateur à partir duquel ils son lus.

Firefox en Français    up01
Firefox en Anglais    up04
Chrome    up02
IE   up03

…continuer la lecture de La balise input type=”file”

Comment indenter (automatiquement) un code source

Où il est démontré que l’on ne connait jamais assez nos outils de travail.

Parce que tu passes du temps à faire une page visuellement propre avec ton éditeur web (inclus dans Drupal par exemple…):

source01

Et que tu te rends compte qu’elle n’est absolument pas exploitable par son code source alors que toi, tu as absolument besoin de pouvoir lire et corriger ton code source… …continuer la lecture de Comment indenter (automatiquement) un code source

La transparence en css

A savoir:

La transparence avec "opacity"

Si on applique la propriété css "opacity" pour jouer sur la transparence d'un élément, les éléments enfants de ce dernier seront également touchés par la transparence:

background-color: #F77600;
opacity: 1
l'opacité est nulle, le texte est bien visible

background-color: #F77600;
opacity: 0.6
le texte paraît gris, en réalité il est toujours noir mais avec de la transparence

background-color: #F77600;
opacity: 0.3
et ainsi de suite

background-color: #F77600;
opacity: 0.1
jusqu'à ne plus rien y voir

...continuer la lecture de La transparence en css