{"id":37,"date":"2016-02-12T08:28:47","date_gmt":"2016-02-12T08:28:47","guid":{"rendered":"http:\/\/demos.famethemes.com\/onepress-plus\/?p=37"},"modified":"2016-02-12T08:28:47","modified_gmt":"2016-02-12T08:28:47","slug":"balises-html-et-formatage","status":"publish","type":"post","link":"https:\/\/glopaca.com\/fr\/balises-html-et-formatage\/","title":{"rendered":"Balises : Balises HTML et formatage"},"content":{"rendered":"<h2>Rubriques<\/h2>\n<h1>En-t\u00eate un<\/h1>\n<h2>En-t\u00eate deux<\/h2>\n<h3>En-t\u00eate trois<\/h3>\n<h4>En-t\u00eate quatre<\/h4>\n<h5>En-t\u00eate cinq<\/h5>\n<h6>En-t\u00eate six<\/h6>\n<h2>Blockquotes<\/h2>\n<p>Citation en bloc d'une seule ligne :<\/p>\n<blockquote><p>Restez affam\u00e9s. Restez fous.<\/p><\/blockquote>\n<p>Citation en bloc de plusieurs lignes avec une r\u00e9f\u00e9rence de citation :<\/p>\n<blockquote><p>Les gens pensent que se concentrer signifie dire oui \u00e0 la chose sur laquelle on doit se concentrer. Mais ce n'est pas du tout le cas. Cela signifie qu'il faut dire non \u00e0 la centaine d'autres bonnes id\u00e9es qui existent. Il faut choisir avec soin. En fait, je suis aussi fier des choses que nous n'avons pas faites que de celles que j'ai faites. L'innovation, c'est dire non \u00e0 1 000 choses.<\/p><\/blockquote>\n<p><cite>Steve Jobs<\/cite> - Conf\u00e9rence mondiale des d\u00e9veloppeurs d'Apple, 1997<\/p>\n<h2>Tableaux<\/h2>\n<table>\n<thead>\n<tr>\n<th>Employ\u00e9<\/th>\n<th>Salaire<\/th>\n<th><\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<th><a href=\"https:\/\/example.org\/\">Jean Dupont<\/a><\/th>\n<td>$1<\/td>\n<td>Parce que c'est tout ce dont Steve Jobs avait besoin pour son salaire.<\/td>\n<\/tr>\n<tr>\n<th><a href=\"https:\/\/example.org\/\">Jane Doe<\/a><\/th>\n<td>$100K<\/td>\n<td>Pour tout le travail de blog qu'elle accomplit.<\/td>\n<\/tr>\n<tr>\n<th><a href=\"https:\/\/example.org\/\">Fred Bloggs<\/a><\/th>\n<td>$100M<\/td>\n<td>Les images valent mille mots, n'est-ce pas ? Donc Jane x 1 000.<\/td>\n<\/tr>\n<tr>\n<th><a href=\"https:\/\/example.org\/\">Jane Bloggs<\/a><\/th>\n<td>$100B<\/td>\n<td>Avec des cheveux comme \u00e7a ?! Assez parl\u00e9...<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>Listes de d\u00e9finitions<\/h2>\n<dl>\n<dt>D\u00e9finition Liste Titre<\/dt>\n<dd>D\u00e9finition de la liste des divisions.<\/dd>\n<dt>D\u00e9marrage<\/dt>\n<dd>Une startup est une entreprise ou une organisation temporaire con\u00e7ue pour rechercher un mod\u00e8le d'entreprise reproductible et \u00e9volutif.<\/dd>\n<dt>#dowork<\/dt>\n<dd>Invent\u00e9 par Rob Dyrdek et son garde du corps personnel Christopher \"Big Black\" Boykins, \"Do Work\" est un moyen de se motiver soi-m\u00eame et de motiver ses amis.<\/dd>\n<dt>Le faire en direct<\/dt>\n<dd>Je laisserai Bill O'Reilly le faire <a title=\"Nous le ferons en direct\" href=\"https:\/\/www.youtube.com\/watch?v=O_HyZ5aW76c\">expliquer<\/a> celui-ci.<\/dd>\n<\/dl>\n<h2>Listes non ordonn\u00e9es (imbriqu\u00e9es)<\/h2>\n<ul>\n<li>\u00c9num\u00e9rer le premier \u00e9l\u00e9ment\n<ul>\n<li>\u00c9num\u00e9rer le premier \u00e9l\u00e9ment\n<ul>\n<li>\u00c9num\u00e9rer le premier \u00e9l\u00e9ment<\/li>\n<li>Deuxi\u00e8me point de la liste<\/li>\n<li>Troisi\u00e8me point de la liste<\/li>\n<li>Quatri\u00e8me point de la liste<\/li>\n<\/ul>\n<\/li>\n<li>Deuxi\u00e8me point de la liste<\/li>\n<li>Troisi\u00e8me point de la liste<\/li>\n<li>Quatri\u00e8me point de la liste<\/li>\n<\/ul>\n<\/li>\n<li>Deuxi\u00e8me point de la liste<\/li>\n<li>Troisi\u00e8me point de la liste<\/li>\n<li>Quatri\u00e8me point de la liste<\/li>\n<\/ul>\n<h2>Liste ordonn\u00e9e (imbriqu\u00e9e)<\/h2>\n<ol>\n<li>\u00c9num\u00e9rer le premier \u00e9l\u00e9ment\n<ol>\n<li>\u00c9num\u00e9rer le premier \u00e9l\u00e9ment\n<ol>\n<li>\u00c9num\u00e9rer le premier \u00e9l\u00e9ment<\/li>\n<li>Deuxi\u00e8me point de la liste<\/li>\n<li>Troisi\u00e8me point de la liste<\/li>\n<li>Quatri\u00e8me point de la liste<\/li>\n<\/ol>\n<\/li>\n<li>Deuxi\u00e8me point de la liste<\/li>\n<li>Troisi\u00e8me point de la liste<\/li>\n<li>Quatri\u00e8me point de la liste<\/li>\n<\/ol>\n<\/li>\n<li>Deuxi\u00e8me point de la liste<\/li>\n<li>Troisi\u00e8me point de la liste<\/li>\n<li>Quatri\u00e8me point de la liste<\/li>\n<\/ol>\n<h2>Tags HTML<\/h2>\n<p>Les balises prises en charge proviennent du code WordPress.com <a title=\"Code\" href=\"https:\/\/en.support.wordpress.com\/code\/\">FAQ<\/a>.<\/p>\n<p><strong>\u00c9tiquette d'adresse<\/strong><\/p>\n<address>1 Boucle infinie<br \/>\nCupertino, CA 95014<br \/>\n\u00c9tats-Unis<\/address>\n<p><strong>Balise d'ancrage (alias lien)<\/strong><\/p>\n<p>Il s'agit d'un exemple de <a title=\"Pomme\" href=\"https:\/\/apple.com\">lien<\/a>.<\/p>\n<p><strong>Abr\u00e9viation Tag<\/strong><\/p>\n<p>L'abr\u00e9viation <abbr title=\"S\u00e9rieusement\">franchement<\/abbr> signifie \"s\u00e9rieusement\".<\/p>\n<p><strong>Acronyme Tag (<em>obsol\u00e8te en HTML5<\/em>)<\/strong><\/p>\n<p>L'acronyme <acronym title=\"Pour gagner\">ftw<\/acronym> signifie \"pour la victoire\".<\/p>\n<p><strong>Grandes \u00e9tiquettes\u00a0<strong>(<em>obsol\u00e8te en HTML5<\/em>)<\/strong><\/strong><\/p>\n<p>Ces tests sont une <big>grand<\/big> mais cette balise n'est plus prise en charge par le HTML5.<\/p>\n<p><strong>Citer l'\u00e9tiquette<\/strong><\/p>\n<p>\"Le code, c'est de la po\u00e9sie. -<cite>Automattic<\/cite><\/p>\n<p><strong>Code Tag<\/strong><\/p>\n<p>Vous apprendrez plus loin dans ces tests que <code>mot-valise : mot-valise ;<\/code> sera votre meilleur ami.<\/p>\n<p><strong>Supprimer l'\u00e9tiquette<\/strong><\/p>\n<p>Cette \u00e9tiquette vous permettra <del>texte barr\u00e9<\/del>mais cette balise n'est plus support\u00e9e en HTML5 (utiliser la balise <code><strike><\/code> \u00e0 la place).<\/p>\n<p><strong>Mettre l'accent sur l'\u00e9tiquette<\/strong><\/p>\n<p>La balise \"emphasize\" doit <em>mettre en italique<\/em> texte.<\/p>\n<p><strong>Ins\u00e9rer une \u00e9tiquette<\/strong><\/p>\n<p>Cette \u00e9tiquette devrait indiquer <ins>ins\u00e9r\u00e9<\/ins> texte.<\/p>\n<p><strong>\u00c9tiquette du clavier<\/strong><\/p>\n<p>Cette balise peu connue \u00e9mule <kbd>texte du clavier<\/kbd>qui se pr\u00e9sente g\u00e9n\u00e9ralement sous la forme d'un <code><code><\/code> \u00e9tiquette.<\/p>\n<p><strong>\u00c9tiquette pr\u00e9format\u00e9e<\/strong><\/p>\n<p>Cette balise permet de styliser de grands blocs de code.<\/p>\n<pre>.post-title {\n\tmargin : 0 0 5px ;\n\tfont-weight : bold ;\n\tfont-size : 38px ;\n\tline-height : 1.2 ;\n\tet voici une ligne de texte tr\u00e8s, tr\u00e8s, tr\u00e8s, tr\u00e8s, tr\u00e8s longue, juste pour voir comment la balise PRE la g\u00e8re et pour d\u00e9couvrir comment elle d\u00e9borde ;\n}<\/pre>\n<p><strong>Citation Tag<\/strong><\/p>\n<p><q>D\u00e9veloppeurs, d\u00e9veloppeurs, d\u00e9veloppeurs...<\/q> -Steve Ballmer<\/p>\n<p><strong>\u00c9tiquette de gr\u00e8ve\u00a0<strong>(<em>obsol\u00e8te en HTML5<\/em>)<\/strong><\/strong><\/p>\n<p>Cette \u00e9tiquette indique <span style=\"text-decoration: line-through;\">texte barr\u00e9<\/span><\/p>\n<p><strong>\u00c9tiquette forte<\/strong><\/p>\n<p>Cette \u00e9tiquette indique <strong>audacieux<strong> texte.<\/strong><\/strong><\/p>\n<p><strong>\u00c9tiquette d'indice<\/strong><\/p>\n<p>La science au service de la stylisation avec H<sub>2<\/sub>O, ce qui devrait pousser le \"2\" vers le bas.<\/p>\n<p><strong>\u00c9tiquette Superscript<\/strong><\/p>\n<p>On s'en tient toujours \u00e0 la science et \u00e0 l'\u00e9quation E = MC d'Isaac Newton.<sup>2<\/sup>ce qui devrait soulever les 2.<\/p>\n<p><strong>\u00c9tiquette t\u00e9l\u00e9type\u00a0<strong>(<em>obsol\u00e8te en HTML5<\/em>)<\/strong><\/strong><\/p>\n<p>Cette balise rarement utilis\u00e9e \u00e9mule <tt>texte t\u00e9l\u00e9type<\/tt>qui se pr\u00e9sente g\u00e9n\u00e9ralement sous la forme d'un <code><code><\/code> \u00e9tiquette.<\/p>\n<p><strong>Variable Tag<\/strong><\/p>\n<p>Cela vous permet d'indiquer <var>variables<\/var>.<\/p>","protected":false},"excerpt":{"rendered":"<p>En-t\u00eates En-t\u00eate un En-t\u00eate deux En-t\u00eate trois En-t\u00eate quatre En-t\u00eate cinq En-t\u00eate six Citations en bloc Citation en bloc d'une seule ligne : Restez affam\u00e9s. Restez fous. Citation de plusieurs lignes avec une r\u00e9f\u00e9rence de citation : Les gens pensent ...<\/p>","protected":false},"author":3,"featured_media":34,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2,4],"tags":[],"class_list":["post-37","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-apps","category-one-page"],"_links":{"self":[{"href":"https:\/\/glopaca.com\/fr\/wp-json\/wp\/v2\/posts\/37","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/glopaca.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/glopaca.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/glopaca.com\/fr\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/glopaca.com\/fr\/wp-json\/wp\/v2\/comments?post=37"}],"version-history":[{"count":0,"href":"https:\/\/glopaca.com\/fr\/wp-json\/wp\/v2\/posts\/37\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/glopaca.com\/fr\/wp-json\/wp\/v2\/media\/34"}],"wp:attachment":[{"href":"https:\/\/glopaca.com\/fr\/wp-json\/wp\/v2\/media?parent=37"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/glopaca.com\/fr\/wp-json\/wp\/v2\/categories?post=37"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/glopaca.com\/fr\/wp-json\/wp\/v2\/tags?post=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}