{"id":6573,"date":"2024-08-07T09:00:00","date_gmt":"2024-08-07T07:00:00","guid":{"rendered":"https:\/\/cdscweb.fr\/chat-robaze\/?p=6573"},"modified":"2024-11-07T15:41:33","modified_gmt":"2024-11-07T14:41:33","slug":"pourquoi-connaitre-le-langage-html","status":"publish","type":"post","link":"https:\/\/cdscweb.fr\/chat-robaze\/pourquoi-connaitre-le-langage-html\/","title":{"rendered":"Pourquoi conna\u00eetre le langage HTML ?"},"content":{"rendered":"\n

Pour cr\u00e9er un site Internet, le langage universel est le HTML <\/strong>(HyperText Markup Language)<\/em> langage de balises permettant de mettre en forme les pages.<\/p>\n\n\n\n

Cela peut para\u00eetre inutile avec WordPress, que l’on peut utiliser sans toucher \u00e0 une seule ligne de code.
Il sera cependant int\u00e9ressant de comprendre le code g\u00e9n\u00e9r\u00e9 par cet outil, mais aussi de le rectifier ou le modifier en cas de besoin.
Le HTML est un langage simple dont la ma\u00eetrise des bases peut rendre de grands services dans la conception des pages avec un code aussi clair et optimis\u00e9 que possible.<\/p>\n\n\n

\n
\"\"
Le paragraphe ci-dessous en HTML<\/em><\/figcaption><\/figure>\n<\/div>\n\n\n

Dans cet article et les suivants, on trouvera les principes de base, illustr\u00e9s par quelques exemples concrets.<\/p>\n\n\n\n

Pour s’entra\u00eener, on pourra utiliser le Bloc-Notes<\/em><\/strong> pr\u00e9sent dans l’ordinateur. <\/p>\n\n\n\n

Toute page HTML est constitu\u00e9e de balises qui permettent de mettre en forme du texte, d’ins\u00e9rer des images ou des \u00e9l\u00e9ments anim\u00e9s, de cr\u00e9er des formulaires, etc.
Les balises sont des mots anglais, mais \u00e7a reste assez simple !<\/p>\n\n\n\n

Les balises HTML sont constitu\u00e9es de code ins\u00e9r\u00e9 entre les signes <<\/mark><\/strong><\/big> et ><\/mark><\/strong><\/big> :
par exemple une page HTML commence toujours par la balise ouvrante<\/em><\/strong> <html><\/em><\/strong> afin d’indiquer au navigateur Internet (Chrome, Firefox, Edge…) <\/em>qu’il s’agit d’une page Web,
et se termine par la balise fermante <\/html><\/em><\/strong>.<\/p>\n\n\n\n

La plupart des balises ouvrantes doivent \u00eatre suivies de la balise fermante correspondante mais il existe quelques exceptions appel\u00e9es balises orphelines.<\/em><\/p>\n\n\n\n

Exercice 1 : cr\u00e9er une page tr\u00e8s simple<\/h2>\n\n\n\n
\n
\n
    \n
  1. Ouvrir le Bloc-Notes<\/em><\/strong><\/li>\n\n\n\n
  2. Saisir le texte ci-contre <\/li>\n<\/ol>\n\n\n\n

    Les balises <head> <\/head><\/em><\/strong> g\u00e8rent l’en-t\u00eate<\/strong> de la page et notamment le titre (ce qui appara\u00eet dans l’onglet du navigateur)<\/em>.
    Les balises <body> <\/body><\/em><\/strong> repr\u00e9sentent le corps<\/strong> de la page (son contenu)<\/em>.<\/p>\n<\/div>\n\n\n\n

    \n
    \"\"
    Ne pas oublier les balises fermantes !<\/em><\/figcaption><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n

    \u00c0 l’exception de <html><\/strong> et <\/html><\/strong> qui encadrent la page,
    le placement des diff\u00e9rentes balises est primordial :
    la premi\u00e8re balise fermante doit correspondre \u00e0 la derni\u00e8re balise ouvrante non ferm\u00e9e
    (exemple <head> ; <title> ; <\/title> ; <\/head><\/strong>)<\/em>.<\/p>\n\n\n

    \n
    \"\"
    Enregistrer au format exercice-1.html <\/em><\/figcaption><\/figure>\n<\/div>\n\n
    \n
    \"\"
    Double-clic sur le fichier : la page s’ouvre dans le navigateur<\/em><\/figcaption><\/figure>\n<\/div>\n\n\n

    Dans le prochain article, cette premi\u00e8re page sera un peu am\u00e9lior\u00e9e…<\/em><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"

    Lire<\/i><\/a><\/p>\n","protected":false},"author":1,"featured_media":6595,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[119],"tags":[],"class_list":["post-6573","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-internet"],"_links":{"self":[{"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/posts\/6573","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/comments?post=6573"}],"version-history":[{"count":18,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/posts\/6573\/revisions"}],"predecessor-version":[{"id":6709,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/posts\/6573\/revisions\/6709"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/media\/6595"}],"wp:attachment":[{"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/media?parent=6573"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/categories?post=6573"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/tags?post=6573"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}