Html Cheat Sheet
Aller à la navigation
Aller à la recherche
Le wiki : Accueil - Administrateur - Bureautique - Développeur - Intégrateur - Marketing - Multimédia - Objets numériques - Jeux - We make Hack
Html Cheat Sheet
# Programmation HTML, langage de développement web, développer un code source simple avec des balises HTML. # Cheat Sheet HTML et HTML5.
Déclaration du doctype pour html
En HTML, le doctype est insensible à la casse. <!doctype html> <!Doctype html> <!DoCtYpE html> <!DOCTYPE html>
En XML sérialisations, c'est à dire XHTML, le doctype n'est pas nécessaire. Dans le cas ou il serait utilisé, le doctype doit alors être en majuscules. <!DOCTYPE html>
Exemple de déclaration de doctype
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.1 Transitional//EN"> <title>Le titre de la page</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-15"> <meta name=description content="Description de la page."> <meta name=keywords content="mots, clés, séparés, par, une, virgule"> <meta name=author content="Nom de l'auteur"> <meta name=copyright content="Copyright du site"> <meta name="reply-to" content="Mail pour contacter le responsable du site."> <meta name="creation_date" content="jj/mm/aaaa"> <meta http-equiv=Content-Language content="fr"> <meta name=generator content="Outil logiciel ou CMS utilisé pour créer le site."> <meta name=robots content="all">
Exemples en HTML
Chercher dans le contenu de Vision du Web référencé par Google
<form class="searchform" action="https://www.google.com/search" method="get" name="searchform" target="_blank"> <input name="sitesearch" type="hidden" value="www.visionduweb.eu" /> <input class="form-controls search" autocomplete="on" name="q" required="required" type="text" placeholder="Votre recherche" /> <button class="button" type="submit">Chercher</button> </form>
Exemple de formulaire en HTML
Exemple de formulaire en HTML
Empêcher de reproposer le mot de passe dans un formulaire
# Empêcher de reproposer le mot de passe dans un formulaire. # Utiliser autocomplete="off" dans la balise form. <form id="auth_form" name="formulaire" method="post" action="" autocomplete="off">
Exemples en HTML5
Utiliser la balise audio
<figure> <audio title="Noir Désir" preload="none" controls loop> <source src="medias/le_vent_nous_portera.mp3" type="audio/mp3"> <p>Votre navigateur est trop ancien pour lire ce fichier.</p> </audio> <figcaption>Lire le fichier audio.</figcaption> </figure>
Source : http://www.conseil-webmaster.com/formation/html5/balise-audio-html5.php
Saisir un pseudo en HTML5
# Ancien comportement avec JavaScript : <input type="text" onfocus="javascript: this.value=" onblur="this.value='Entrez un pseudo'" value="Entrez un pseudo">
# Avec l'arrivée de HTML5, la syntaxe se simplifie : <input type="text" placeholder="Entrez un pseudo">
Source à l'origine de l'article : http://www.alsacreations.com/tuto/lire/1370-formulaire-html5-placeholder-required-pattern.html
Créer un formulaire HTML avec un logiciel
Un logiciel pour créer gratuitement vos formulaires en HTML : http://formoid.com/fr/?id=fr
Structure HTML de base
Les documents HTML doivent tous avoir une structure minimale.
Voici un exemple de page minimale :
Un lien simple : < a href="https://developer.mozilla.org">Un lien vers MDN< /a> Une image simple < img src="https://developer.mozilla.org/media/img/mdn-logo-sm.png" /> Un texte avec emphase < em>Je suis distingué< / em> Un texte marqué comme important < strong>Je suis important< /strong> Un texte mis en avant < mark>Remarquez-moi< /mark>
Barrer du texte qui n'est plus pertinent < s>Je ne suis plus d'actualité ou plus pertinent< /s>
Attributs HTML
crossorigin
Source : https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/crossorigin
Éditeur HTML
Utiliser l'éditeur HTML PELL en ligne : https://jaredreich.com/pell/ Le dépôt PELL sur Github : https://github.com/jaredreich/pell
Nettoyer son code HTML
HTML Purifier : http://htmlpurifier.org
Bibliographie
Des bonnes pratiques du HTML pour les emails : http://www.e-systemes.com/live-blog/des-bonnes-pratiques-du-html-pour-les-emails/427/ Tutoriel HTML5 : Comment faire un formulaire complet : http://41mag.fr/tutoriel-html5-comment-faire-un-formulaire-complet.html Utilisation d'audio et video en HTML5 : https://developer.mozilla.org/fr/docs/Web/HTML/Utilisation_d'audio_et_video_en_HTML5 Créer un template d’email responsive : http://www.responsive-mind.fr/creer-email-responsive/ Apprendre le HTML5 – Tutoriel Complet : http://41mag.fr/apprendre-le-html5-tutoriel-complet Les cours de Développez pour le xHTML : https://xhtml.developpez.com/cours/ HTML cheat Sheet : https://blog.templatetoaster.com/html-cheat-sheet/ HTML Best Practices : https://github.com/hail2u/html-best-practices Maîtrisez HTML & CSS : https://web.archive.org/web/20181231095011/maitrisezhtmlcss.com/avance.html FAQ (X)HTML : https://xhtml.developpez.com/faq/?page=sommaire Liste des balises HTML5 : https://jaetheme.com/balises-html5/
Quizz HTML : https://xhtml.developpez.com/quizz/
NAVIGATION
PARTICIPER ET PARTAGERBienvenue sur le wiki de Amis SH. De nombreuses pages sont partagées sur ce wiki. Créer un compte utilisateur pour participer sur le wiki. Les pages présentées sur le wiki évoluent tous les jours. Certaines recherches sont peu abouties et incluent des erreurs. Utiliser la recherche interne du wiki pour trouver votre contenu. La page de discussion de Amis SH vous permet de poser vos questions. Consulter le site amis-sh.fr pour installer votre propre serveur web. Améliorer le contenu des pages avec vos retours depuis l'onglet discussion. Ce contenu ne doit pas servir à nuire à autrui ou à un système informatique. Protéger votre système Linux ou Windows avec cette page dédiée à la sécurité. |
SOUTENIR CE WIKISoutenir le wiki avec un don en monnaie numérique : AEON - Bitcoins - Bitcoins Cash - Bitcoins Gold - Bitcore - Blackcoins - Basic Attention Token - Bytecoins - Clams - Dash - Monero - Dogecoins - Ğ1 - Ethereum - Ethereum Classique - Litecoins - Potcoins - Solarcoins - Zcash OBTENIR DE LA MONNAIE NUMERIQUEObtenir gratuitement de la monnaie numérique : Miner de la cryptomonnaie. |