4.28. Introduction au HTML : structure de base, balises et attributs : Objets et tableaux
HTML, qui signifie Hyper Text Markup Language, est le langage de balisage standard pour la création de pages Web. Avec HTML, vous pouvez créer votre propre structure de site Web, en utilisant différentes balises et attributs.
Structure de base du HTML
La structure de base d'une page HTML se compose de trois parties principales : l'élément <head>, l'élément <body> et l'élément <. élément ;html>. L'élément <html> est la racine d'une page HTML. Tous les autres éléments HTML doivent être des descendants de cet élément.
<!DOCTYPE html>
<html>
<head>
<title>Titre de la page</title>
≪/head>
<body>
Le corps de la page...
</body>
</html>
Balises HTML
Les balises HTML constituent la base de toute page Web. Ils définissent et structurent le contenu d'une page Web et sont utilisés pour créer des éléments HTML tels que des titres, des paragraphes, des listes, des liens, des images, etc.
Une balise HTML se compose d'un nom de balise, entouré de crochets angulaires. Une balise HTML se présente généralement par paires, avec une balise d'ouverture et une balise de fermeture.
<p>Ceci est un exemple de balise de paragraphe en HTML.</p>
Attributs HTML
Les attributs HTML sont utilisés pour fournir des informations supplémentaires sur les éléments HTML. 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, la balise <a> (qui crée un lien) possède un attribut appelé "href" qui spécifie où doit aller le lien :
<a href="https://www.example.com">Ceci est un lien</a>
Introduction aux objets et aux tableaux en JavaScript
Objets
En JavaScript, un objet est une collection de propriétés, et une propriété est une association entre un nom (ou une clé) et une valeur. Une valeur de propriété peut être une fonction, qui est alors considérée comme une méthode de l'objet.
var personne = {
nom : "Jean",
âge : 30 ans,
ville : "New York"
} ;
Tableaux
Un tableau est un objet global spécial, qui est une liste ordonnée de valeurs. En JavaScript, les tableaux commencent par un indice de 0.
var fruits = ["Pomme", "Banane", "Fraise", "Orange", "Citron"];
Nous espérons que cette introduction au HTML et au JavaScript vous a été utile et vous a permis d'acquérir une compréhension de base du fonctionnement de ces technologies. Dans le chapitre suivant, nous explorerons CSS plus en profondeur et comment il est utilisé pour styliser les pages Web.