Html Cheat Sheet

De Analyse Développement Hacking
Sauter à la navigation Sauter à la recherche
Naviguer dans ce wiki : Accueil du wiki - Objectifs - Administrateur - Développeur - Intégrateur - Jeux - Marketing - Multimédia - Objets numériques - We make Hack
Consulter le site : Accueil du site - Annuaire - Blog - Forum - Outils - Utilisateur     Consulter le Redmine : Accueil du Redmine

Cheat Sheet HTML et HTML5

Description de la page : Programmation HTML, langage de développement web, développer un code source simple avec des balises encore appelés tags.

Webmaster, vos valeurs et vos attributs en HTML.

Exemples en 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">

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

Exemples en HTML5

...

Saisir un pseudo avec 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

Outils logiciels

Un logiciel vous permet de 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>

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">

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 : http://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 PARTAGER

Vous êtes sur le wiki de Vision du Web.
Les pages présentées sur le wiki évoluent tous les jours.
Certaines recherches sont peu abouties et incluent des erreurs.
Pour participer sur le wiki, créer un compte utilisateur en haut à droite.
La recherche interne du wiki permet de trouver le contenu qui vous intéresse.
Identifiez-vous pour poser vos questions sur la page de discussion de VisionDuWeb.
Améliorer le contenu des pages en faisant des propositions depuis l'onglet discussion.
Télécharger le sommaire au format PDF pour le consulter en étant déconnecté du réseau.
Les informations du wiki ne doivent pas servir à nuire à autrui ou à un système informatique.
De nombreux outils gratuits sont listés et disponibles dans la boîte à outils de Vision du web.
D'autres pages du wiki peuvent correspondre à vos attentes. La liste de toutes les pages du wiki.

VALORISER LE WIKI

Valoriser le contenu partagé sur 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 - Ethereum - Ethereum Classique - Litecoins - Potcoins - Solarcoins - Zcash

OBTENIR DE LA MONNAIE NUMERIQUE

Obtenir gratuitement de la monnaie numérique :
Gagner des Altcoins - Miner des Altcoins.
Consulter le miroir du wiki depuis Planet Hoster : Le miroir du wiki version du 12 Juillet 2019.