4.27. Introduction au HTML : structure de base, balises et attributs : Fonctions en JavaScript
HTML, qui signifie HyperText Markup Language, est le langage de balisage standard pour la création de pages Web et d'applications. Avec CSS et JavaScript, HTML est une technologie fondamentale utilisée pour créer du contenu Web.
Structure de base d'un document HTML
Un document HTML a une structure arborescente. L'élément racine est toujours l'élément html. À l’intérieur de l’élément html, nous avons deux éléments enfants : la tête et le corps. L'élément head contient des métadonnées sur le document, telles que son titre et des liens vers ses scripts et feuilles de style CSS. L'élément body contient le contenu réel du document, tel que du texte, des images, des vidéos, etc.
<!DOCTYPE html>
<html>
<head>
<title>Titre de la page</title>
≪/head>
<body>
Contenu de la page
</body>
</html>
Balises et attributs HTML
Les éléments HTML sont définis à l'aide de balises. Une balise est composée du nom de l'élément, entouré de caractères inférieurs et supérieurs. Par exemple, <html>, <body>, <head>, <title>, etc.
Certains éléments HTML peuvent également avoir des attributs. Les attributs fournissent des informations supplémentaires sur l'élément. Ils sont toujours spécifiés au début de la balise de l'élément et sont constitués d'un nom et d'une valeur. Par exemple, l'élément a, utilisé pour créer des liens, possède un attribut href qui spécifie l'URL du lien.
<a href="https://www.example.com">Ceci est un lien</a>
Fonctions en JavaScript
JavaScript est un langage de programmation qui vous permet d'implémenter des fonctions complexes sur des pages Web. Lorsqu'une page Web ne se résume pas à du texte et des images statiques, mais qu'elle interagit avec l'utilisateur, JavaScript est probablement impliqué.
Les fonctions sont l'un des éléments fondamentaux de JavaScript. Une fonction est une procédure JavaScript : un ensemble d'instructions qui exécute une tâche ou calcule une valeur. Pour utiliser une fonction, vous devez la définir quelque part dans la portée de l'endroit où vous souhaitez l'appeler.
Définir les fonctions
Une fonction en JavaScript est similaire à une procédure : un ensemble d'instructions qui exécute une tâche ou calcule une valeur, mais pour qu'une fonction soit utile, elle doit être définie. La définition de la fonction JavaScript se compose d'un mot-clé de fonction, suivi d'un nom, d'une liste de paramètres entre parenthèses (crochets) et d'une déclaration contenant le code à exécuter.
function nom de fonction (paramètre1, paramètre2, paramètre3) {
// code à exécuter
}
Appel de fonctions
Une fois que vous avez défini une fonction, vous pouvez l'exécuter en l'appelant depuis une autre partie de votre code. Pour ce faire, vous utilisez le nom de la fonction suivi de parenthèses et fournissez les valeurs (appelées arguments) pour les paramètres de la fonction.
FunctionName(valeur1, valeur2, valeur3);
Nous espérons que ces informations de base sur HTML et JavaScript vous fourniront une base solide pour continuer à apprendre et à explorer ces langages de programmation. N'oubliez pas que la pratique est la clé pour devenir compétent, alors continuez à pratiquer et à développer !
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.