principalement utilisé dans des formulaires
le for doit correspondre à l’id
<form action="a.php">
<label for="machin">blah</label> <input type="radio" name="truc" id="machin" value="truc"><br>
</form>
utilité : On peut cliquer sur le texte blah et pas seulement sur le rond. Il parait aussi que les lecteurs de textes vont lire le label. si on rajoute un id="" au , on peut mettre le champ (...)
Accueil > Mots-clés > _multirubricage > html
html
Articles
-
html : label
22 janvier 2021, par bruno -
HTML:menus
4 août 2017, par brunohttp://www.outils-web.com/page-script-html-css-menu.asp
-
html5 : canvas et path et svg
20 août 2017, par brunoliens externes svg seul : un cercle button + svg : bouton svg+transform+path : icone button + svg+transform+path :bouton de recherche avec icone canvas + getContext("2d") : une étoile
un cercle
un bouton de recherche
un icone de recherche -
html : images en "base64"
3 décembre 2018, par brunoPour créer l’image encodée en base64 :
cat image | base64 > b64
On peut la mettre dans un html : <img src="data:image/png ;base64,[ici le code de b64 du dessus]"/>
Pour décoder le b64 :
cat b64 | base64 -d > image.png
rem : Les données sont encodées selon l’alphabet base64 tel que décrit dans la RFC 3548. -
html : redirection
22 janvier 2020, par bruno<html> <head>
<title>Redirection</title>
<meta http-equiv="refresh" content="0 ; URL=http://bruno.photos.free.fr/"> </head>
<body> </body>
</html> -
html : curseur
19 août 2017, par brunohttps://www.w3schools.com/csSref/pr_class_cursor.asp
taille max de l’image : 128x128 voire 32x32
<style type="text/css"> .curseur_normalcursor:default ; .curseur_autocursor:auto ; .curseur_croixcursor:crosshair ; .curseur_aidecursor:help ; .curseur_movecursor:move ; .curseur_textecursor:text ; .curseur_attentecursor:wait ; .curseur_pointercursor:pointer ; .curseur_imgcursor:url('aa.png'), pointer ; .curseur_ncursor:n-resize ; .curseur_scursor:s-resize ; (...) -
HTML:caractères spéciaux
19 mars 2017, par brunoCharacter Entity References Defined in HTML dec hexa nom lettre explication 34 22 quot " quotation mark = APL quote 38 26 amp & ampersand 60 3C lt < less-than sign 62 3E gt > greater-than sign 160 A0 nbsp no-break space = non-breaking space 161 A1 iexcl ¡ inverted exclamation mark 162 A2 cent ¢ cent sign 163 A3 pound £ pound sign 164 A4 curren ¤ currency sign 165 A5 yen ¥ yen sign = yuan sign 166 A6 brvbar ¦ broken bar = broken vertical bar 167 A7 sect § (...)
-
html5 - < video > < /video >
14 janvier 2018, par brunohttps://www.w3schools.com/html/html5_video.asp
Tag Description video Defines a video or movie source Defines multiple media resources for media elements, such as and track Defines text tracks in media players
Attribute Value Description default : Specifies that the track is to be enabled if the user’s preferences do not indicate that another track would be more appropriate kind : Specifies the kind of text track captions chapters descriptions metadata subtitles label text (...) -
html:meta
28 février 2007, par bruno/humans.txt voir https://humanstxt.org/
/security.txt
opengraph : les balises meta opengraph/og site officiel ?, opengraphprotocol.org Exemple avec ce site :
(2007)
Pour renvoyer sur une autre page : redirection
header("location : index.php ?erreur=2") ;die() ;exit() ;
content="nombre de secondes" URL="l’adresse de renvoi"
NB on peut afficher quelque chose avant la redirection ;
ACTUALISATION AUTOMATIQUE DU SITE
pas de cache de la page header("Expires : Mon, 26 (...) -
Propriétés css
4 avril 2018, par brunodoc
les standards
les tailles de caractères : em,px,in...
https://www.w3.org/Style/Examples/007/units.fr.html
float
doc exhaustif float : none, float : left,right. display devient block Ne marche pas avec position:absolute
display doc exhaustif none : l’élément n’est pas affiché et sort du flux. inline : l’élément est interprété comme étant un seule ligne (sauf nets version