Introduction au HTML
1. Un peu d’histoire
Comment le HTML est-il né ? En fait, tout commence quand TIM BERNERS-LEE crée une méthode pour relier des documents à l’aide de liens hypertextes, sur un réseau appelé à l’époque « la mère de tous les réseaux » : Internet.
Le World Wide Web (W.W.W.) est constitué de pages Web. Ces pages sont conçues avec le langage HTML ou HyperText Markup Language ou encore Langage dit à balises. Le HTML est donc un simple « langage à balises », comme les premiers traitements de texte (Wordstar). Ce langage permet de coder une page à l’aide de commandes de mise en forme. Ces dernières sont ensuite interprétées par un navigateur (ou browser en anglais) et apparaissent sur votre écran.
Les pages HTML sont aujourd’hui le système de base d’Internet. Les sites peuvent inclure du texte ainsi que des images fixes ou animées, du son , de la vidéo et même des programmes interactifs (à l’aide de Java ou Javascript). Le langage HTML ne se rencontre pas exclusivement sur le web, celui ci est également utilisé pour fournir une Interface aux CD-ROM multimédia et maintenant aux DVD ROM.
2. L’évolution du langage
Destination cyber vous tiendra bien entendu au courant de toutes modifications ou innovations du W3C par l’intermédiaire de sa rubrique All The Web. Pour information, les différentes versions du HTML, qui sont encore en vigueur à l’heure actuelle, sont :
1. HTML 2.0 (très rare).
2. HTML 3.0 (rare).
3. HTML 3.2 (souvent).
4. HTML 4.0 (dernière version, donc de plus en plus rencontrée).
3. Les différents types de balises
Voici les différents types de balises :
- Balises contenant des métainformations telles que ou .<br />
- Balises de mise en forme du document telles que par exemple <b> <i> ou encore </p>
<table>.<br />
- Balises de liens telles que <a>.<br />
- Balises d'insertions (multimédia) ou comment insérer des images, du son, de la vidéo. </p>
<p></code></p>
</div><!-- .entry-content -->
<footer class="entry-footer">
<span class="cats-links"><span class="cats-text">Publié dans</span> <span class="cats-list"><a href="https://destinationcyber.com/?cat=11" rel="category tag" >All The Web</a></span></span> </footer><!-- .entry-footer -->
</article>
<nav class="navigation post-navigation" aria-label="Publications">
<h2 class="screen-reader-text">Navigation de l’article</h2>
<div class="nav-links"><div class="nav-previous"><a href="https://destinationcyber.com/?p=330" rel="prev">Informatique SOFTWARE</a></div><div class="nav-next"><a href="https://destinationcyber.com/?p=425" rel="next">ADSL à 30 euros : les dessous d’une baisse de tarif généralisée</a></div></div>
</nav>
</main><!-- #main -->
</div><!-- #primary -->
</div><!-- #content -->
<footer id="colophon" class="site-footer">
<div class="nav-menu-container nav-menu-footer">
<div class="citadela-menu-container citadela-menu-footer-menu"><ul id="footer-menu" class="citadela-menu"><li id="menu-item-7969" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-7969"><a href="https://destinationcyber.com/">Home</a></li>
<li id="menu-item-7970" class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-7970"><a href="https://destinationcyber.com/?page_id=10">Blog</a></li>
<li id="menu-item-10924" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-10924"><a rel="privacy-policy" href="https://destinationcyber.com/?page_id=10880">Politique de confidentialité</a></li>
<li id="menu-item-7972" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7972"><a href="https://destinationcyber.com/?page_id=74">Contact</a></li>
</ul></div> </div>
<div class="site-info">
2001 - 2025. Fabriqué avec le thème WordPress Citadela et modifié par <a href="https://www.facebook.com/fanchleroge"> François DEPLAINE </a> </div><!-- .site-info -->
</footer><!-- #colophon -->
</div><!-- #page -->
<div
id="citadela-infobar"
class="button-present position-bottom"
data-cexp="1"
style="display:none"
>
<div class="main-wrap">
<div class="text-part">
Nous utilisons des cookies pour améliorer votre expérience. <a href="https://destinationcyber.com/?page_id=10880">En savoir plus</a> </div>
<div class="button-part">
<div class="button">Acceptez</div>
</div>
</div>
</div>
<script type="text/javascript" src="https://destinationcyber.com/wp-content/themes/citadelawp/citadela-theme/assets/modernizr/modernizr.touch.min.js?ver=3.6.0" id="citadela-modernizr-touch-js"></script>
<script type="text/javascript" src="https://destinationcyber.com/wp-content/themes/citadelawp/citadela-theme/assets/waypoints/jquery.waypoints.min.js?ver=4.0.1" id="citadela-waypoints-js"></script>
<script type="text/javascript" src="https://destinationcyber.com/wp-content/themes/citadelawp/citadela-theme/assets/photoswipe/photoswipe.min.js?ver=4.1.3" id="citadela-photoswipe-js"></script>
<script type="text/javascript" src="https://destinationcyber.com/wp-content/themes/citadelawp/citadela-theme/assets/photoswipe/photoswipe-ui-default.min.js?ver=4.1.3" id="citadela-photoswipe-ui-js"></script>
<script type="text/javascript" src="https://destinationcyber.com/wp-content/themes/citadelawp/citadela-theme/assets/polyfills/focus-within-polyfill.min.js?ver=5.0.4" id="citadela-focus-within-polyfil-js"></script>
<script type="text/javascript" src="https://destinationcyber.com/wp-content/themes/citadelawp/design/js/fancybox.js?ver=1766088194" id="citadela-fancybox-js"></script>
<script type="text/javascript" src="https://destinationcyber.com/wp-content/themes/citadelawp/design/js/menu.js?ver=1766088194" id="citadela-menu-js"></script>
<script type="text/javascript" src="https://destinationcyber.com/wp-content/themes/citadelawp/design/js/mobile.js?ver=1766088194" id="citadela-mobile-js-js"></script>
<script type="text/javascript" src="https://destinationcyber.com/wp-content/plugins/citadelawp-pro/assets/js/script.js?ver=1744722778" id="citadela-pro-js"></script>
<script type="text/javascript" src="https://destinationcyber.com/wp-content/plugins/citadelawp-pro/assets/vendor/js.cookie.js?ver=1744722778" id="citadela-pro-vendor-cookie-lib-js"></script>
<script type="text/javascript" src="https://destinationcyber.com/wp-content/plugins/citadelawp-pro/assets/js/infobar.js?ver=1744722778" id="citadela-pro-infobar-js"></script>
<script type="text/javascript" src="//www.google.com/recaptcha/api.js?onload=renderUNCRReCaptcha&render=explicit&ver=2.1" id="recaptchaAPI-js"></script>
<script type="text/javascript" id="recaptchaGenerate-js-extra">
/* <![CDATA[ */
var UNCR = {"site_key":"6Ld6z7QZAAAAAMHYoanD6TtXBWQchK-fQkJJ3JgY","key_type":"normal","theme":"light","type":"image","submit_button":"no"};
//# sourceURL=recaptchaGenerate-js-extra
/* ]]> */
</script>
<script type="text/javascript" src="https://destinationcyber.com/wp-content/plugins/uber-nocaptcha-recaptcha/assets/js/recaptcha.js?ver=1.0" id="recaptchaGenerate-js"></script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://destinationcyber.com/wp-includes/js/wp-emoji-release.min.js?ver=d2c30bd70500045b08d118f455ed54e9"}}
</script>
<script type="module">
/* <![CDATA[ */
/*! This file is auto-generated */
const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});
//# sourceURL=https://destinationcyber.com/wp-includes/js/wp-emoji-loader.min.js
/* ]]> */
</script>
</body>
</html>
<!-- Page cached by LiteSpeed Cache 7.7 on 2026-01-28 05:06:25 -->
