HTML (Hyper Text Markup Language) est le langage de balisage standard pour la création de pages Web et d'applications. C'est l'un des principaux outils qu'un développeur front-end doit maîtriser. Ce cours HTML, CSS et Javascript vise à fournir tous les concepts de base et avancés nécessaires pour devenir un développeur front-end compétent.
Structure de base du HTML
Un document HTML est structuré comme un ensemble d'éléments HTML imbriqués. Chaque élément est représenté par des balises d'ouverture et de fermeture, avec du contenu entre les deux. Voici un exemple de la structure de base d'un document HTML :
<!DOCTYPE html>
<html>
<head>
<title>Titre de la page</title>
≪/head>
<body>
<h1>Mon premier en-head</h1>
<p>Mon premier paragraphe.</p>
</body>
</html>
Le <!DOCTYPE html> définit le type de document et la version HTML. L'icône <html> est la racine du document HTML. La <head> contient des méta-informations, telles que le titre de la page, qui sont affichées dans la barre de titre du navigateur. Le <body> contient le contenu principal affiché aux utilisateurs.
Balises et attributs HTML
Les balises HTML sont utilisées pour définir des éléments tels que des titres, des paragraphes, des liens, des images, des listes, etc. Chaque balise a un objectif spécifique et doit être utilisée en conséquence. Par exemple, le champ <h1> est utilisé pour définir le titre le plus important, tandis que le <p> est utilisé pour définir un paragraphe.
Les attributs HTML sont utilisés pour fournir des informations supplémentaires sur un élément. Ils sont toujours spécifiés dans la balise d'ouverture et se présentent généralement sous forme de paires nom/valeur. Par exemple, le symbole <a> (qui définit un lien) peut avoir un attribut 'href' qui spécifie l'URL du lien.
<a href="https://www.example.com">Ceci est un lien</a>
Dans cet exemple, « href » est le nom de l'attribut et « https://www.example.com » est la valeur de l'attribut.
Introduction à JavaScript
JavaScript est un langage de programmation qui permet d'implémenter des fonctionnalités complexes sur des pages Web. Lorsqu'une page Web est plus qu'un simple texte statique et inclut des comportements tels que des mises à jour en temps réel, des cartes interactives, des animations 2D/3D, un défilement vidéo, etc., vous pouvez parier que JavaScript est probablement impliqué.
La syntaxe de JavaScript est assez similaire à celle des langages de programmation C et Java. Par conséquent, si vous avez de l’expérience avec ces langages, apprendre JavaScript sera beaucoup plus facile. Voici un exemple de code JavaScript simple qui affiche une boîte de dialogue d'alerte :
<script>
alert("Bonjour le monde !");
</script>
Dans cet exemple, « alerte » est une fonction intégrée à JavaScript qui affiche une boîte de dialogue d'alerte avec le message spécifié.
Ainsi, tout au long de ce cours, vous en apprendrez davantage sur HTML, CSS et JavaScript et sur la manière dont ces technologies fonctionnent ensemble pour créer des pages Web interactives et réactives. Avec du dévouement et de la pratique, vous pouvez devenir un développeur front-end compétent.
