4.23. Introduction au HTML : structure de base, balises et attributs : Introduction à JavaScript
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.
Cookies and similar technologies are used on our sites to personalize content and ads. You can find further details and change your personal settings below. By clicking OK, or by clicking any content on our sites, you agree to the use of these cookies and similar technologies.
When you visit any of our websites, it may store or retrieve information on your browser, mostly in the form of cookies. This information might be about you, your preferences or your device and is mostly used to make the site work as you expect it to. The information does not usually directly identify you, but it can give you a more personalized web experience. Because we respect your right to privacy, you can choose not to allow some types of cookies. Click on the different category headings to find out more and manage your preferences. Please note, that blocking some types of cookies may impact your experience of the site and the services we are able to offer.