{"id":104,"date":"2021-03-12T10:29:15","date_gmt":"2021-03-12T10:29:15","guid":{"rendered":"https:\/\/kaay-coder.2sweb.sn\/kc\/?page_id=104"},"modified":"2022-02-25T14:43:38","modified_gmt":"2022-02-25T14:43:38","slug":"html-5","status":"publish","type":"page","link":"https:\/\/kaay-coder.2sweb.sn\/kc\/langages\/html-5\/","title":{"rendered":"HTML 5"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/i><\/span>\n\t\t\t\t\t\t\t\t<\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\tQu'est ce que HTML ?<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\t

L\u2019HTML est un langage informatique utilis\u00e9 sur l\u2019internet. Ce langage est utilis\u00e9 pour cr\u00e9er des pages web. L\u2019acronyme signifie HyperText Markup Langage, en fran\u00e7ais \u00ab langage de balisage d\u2019hypertexte \u00bb.<\/p>

HTML est le langage de balisage standard pour les pages Web.\u00a0<\/span>Avec HTML, vous pouvez cr\u00e9er votre propre site Web.\u00a0<\/span>Le HTML est facile \u00e0 apprendre- vous l’appr\u00e9cierez!\u00a0<\/span>Commencez \u00e0 apprenez html maintenant.<\/span><\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/i><\/span>\n\t\t\t\t\t\t\t\t<\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\tUn document HTML<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\t

Un \u00e9l\u00e9ment HTML est d\u00e9fini par une balise de d\u00e9but, du contenu et une balise de fin. La d\u00e9claration <!DOCTYPE> d\u00e9finit que ce document est un document HTML5<\/p>

L\u2019\u00e9l\u00e9ment <html>\u00a0 est l\u2019\u00e9l\u00e9ment racine d\u2019une page HTML
L\u2019\u00e9l\u00e9ment <head> contient des m\u00e9ta-informations sur la page HTML<\/p>

<h1>My\u00a0First\u00a0Heading<\/h1>
<p>My\u00a0first\u00a0paragraph.<\/p><\/pre><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/i><\/span>\n\t\t\t\t\t\t\t\t<\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\tLes attributs <\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\t
Les attributs permettent d’apporter certaines pr\u00e9cisions \u00e0 des \u00e9l\u00e9ments. On place les attributs dans la balise de d\u00e9but de l’\u00e9l\u00e9ment concern\u00e9.\nLa syntaxe est simple : nom_de_l’attribut=”valeur de l’attribut”. Dans l’exemple suivant, on place une image (\u00e9l\u00e9ment IMG). Deux attributs permettent l’un de d\u00e9terminer le nom du fichier contenant l’image et l’autre de placer une br\u00e8ve description de cette image. 
\nRemarque 1 : l’\u00e9l\u00e9ment IMG n’a pas besoin de balise de fin. 
\nRemarque 2 : l’attribut alt de l’\u00e9l\u00e9ment IMG est indispensable pour construire des pages accessibles. Il a d’ailleurs \u00e9t\u00e9 rendu obligatoire par la norme HTML 4.0<\/strong>\n
 <IMG src=\"image.png\" alt=\"une image\"><\/span><\/pre><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/i><\/span>\n\t\t\t\t\t\t\t\t<\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\tLes paragraphes<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\t
Les paragraphes HTML sont d\u00e9finis avec la\u00a0<\/span>balise <p>. Cet \u00e9l\u00e9ment se d\u00e9finit en pla\u00e7ant simplement une balise <\/span><P> <\/span>au d\u00e9but du paragraphe. La balise de fin peut \u00eatre omise.<\/span><\/span><\/p>
<p>mon paragraphe un.
<p>mon paragraphe deux <\/p><\/pre><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/i><\/span>\n\t\t\t\t\t\t\t\t<\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\tLiens<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\t
\u00a0Les liens hypertextes sont d\u00e9finis \u00e0 l’aide de l’\u00e9l\u00e9ment <\/span><a><\/span>. Le texte de cet \u00e9l\u00e9ment constitue la zone sur laquelle cliquer pour ex\u00e9cuter un lien. L’adresse de destination peut \u00eatre une URL ou bien un nom de fichier situ\u00e9 sur le m\u00eame serveur. Dans ces deux cas on parle de lien externe. Mais un lien peut aussi diriger vers un marqueur, ou une \u00e9tiquette, situ\u00e9 dans la m\u00eame page. Il s’agit alors d’un lien interne.<\/span><\/p>
 <a href=\"adresse de destination\"> Nom du lien <\/a><\/span> <\/pre><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/i><\/span>\n\t\t\t\t\t\t\t\t<\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\tListes<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\t
Les listes nous permettent d’apporter la clart\u00e9 et de l’ordre \u00e0 nos pages, mais \u00e9galement utiles \u00e0 la cr\u00e9ation des menus de navigations. Il existe 3 types de listes :<\/p>
Les listes non num\u00e9rot\u00e9es (\u00e9l\u00e9ment ul <\/span>)
<\/span>La liste pr\u00e9c\u00e9dente est de type <\/span>UL<\/span>. Pour indiquer chaque nouvel item de la liste, on utilise l’\u00e9l\u00e9ment <\/span><li><\/span><\/p>
<ul>\n   <li> liste 1 non num\u00e9rot\u00e9e <\/li>\n   <li> liste 2 non num\u00e9rot\u00e9e <\/li>\n<\/ul><\/span> 
<\/span><\/pre>
les listes num\u00e9rot\u00e9es (\u00e9l\u00e9ment ol) :
<\/span> Les listes num\u00e9rot\u00e9es s’utilisent comme les pr\u00e9c\u00e9dentes. L’\u00e9l\u00e9ment <li> <\/span>permet de sp\u00e9cifier chaque nouvel item.\u00a0<\/span><\/p>
<ol>\n   <li> liste 1 num\u00e9rot\u00e9e <\/li>\n   <li> liste 2 num\u00e9rot\u00e9e <\/li>\n<\/ol><\/span> 
<\/span><\/pre>
les listes descriptives (\u00e9l\u00e9ment <\/span>DL<\/span>)<\/span><\/p>
Les listes descriptives permettent de d\u00e9finir une pr\u00e9sentation de type “lexique”. Chaque item est compos\u00e9 d’un terme (\u00e9l\u00e9ment <\/span>DT<\/span>) et d’une description (\u00e9l\u00e9ment <\/span>DD<\/span>).<\/span><\/p>
<dl>\n   <dt> liste 1 non num\u00e9rot\u00e9e <\/dt>\n   <dt> liste 2 non num\u00e9rot\u00e9e <\/dt>\n<\/dl><\/span> 
<\/span><\/pre><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/i><\/span>\n\t\t\t\t\t\t\t\t<\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\tMenu<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\t
Le menu repr\u00e9sente un groupe de liens que l’utilisateur peut utiliser pour naviguer dans un site. On utilise la <nav> suivit de la balise <ul>. La structure du code HTML est tr\u00e8s simple. Il s’agit d’une liste non ordonn\u00e9e, o\u00f9 chaque lien est associ\u00e9 \u00e0 un \u00e9l\u00e9ment.<\/p>
<nav>\n  <ul>\u00a0\n    <li><a href<\/code>=<\/code>\"#\"<\/code>><\/code>Accueil<\/a><\/li>\n<\/code> <li><a href<\/code>=<\/code>\"#\"<\/code>><\/code>A propos<\/a><\/li>\n<\/code> <li><a href<\/code>=<\/code>\"#\"<\/code>><\/code>Contact<\/a><\/li><\/code>  <\/ul>\n<\/nav><\/code><\/code><\/pre><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/i><\/span>\n\t\t\t\t\t\t\t\t<\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\tBoutons<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\t
L’\u00e9l\u00e9ment HTML\u00a0<button><\/code><\/strong> est utilis\u00e9 afin de cr\u00e9er un contr\u00f4le interactif ayant la forme d’un bouton et qui pourra \u00eatre utilis\u00e9 dans un formulaire ou dans le document. Par d\u00e9faut, les boutons HTML sont mis en forme avec les styles natifs provenant du syst\u00e8me d’exploitation mais leur apparence peut \u00eatre adapt\u00e9e gr\u00e2ce \u00e0 CSS.<\/p>
<button type=\"button\">Envoyer<\/button><\/pre><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/i><\/span>\n\t\t\t\t\t\t\t\t<\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\tLes tableaux<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\t
Un tableau est un ensemble de structure de donn\u00e9es (tableau de donn\u00e9es) repr\u00e9sent\u00e9es en lignes et en colonnes. Un tableau est d\u00e9crit par diff\u00e9rents \u00e9l\u00e9ments : <\/span><\/p>