Interactions homme-machine sur le Web (HTML, CSS, JS)

Introduction

L'interaction homme-machine (IHM) est un domaine crucial dans le développement web, car elle détermine comment les utilisateurs interagissent avec les sites et applications. Comprendre les bases du HTML, du CSS et du JavaScript permet de créer des interfaces utilisateur intuitives et esthétiques. Dans ce cours, nous explorerons comment ces technologies interagissent pour offrir une expérience utilisateur enrichissante.

HTML : Structure du document

HTML (HyperText Markup Language) est le langage de balisage standard utilisé pour créer des pages web. Il permet de structurer le contenu en définissant des éléments comme des titres, des paragraphes, des images et des liens.

Éléments de base

Les éléments HTML sont définis par des balises. Par exemple, un titre de niveau 1 est créé avec `

Mon Titre

`. Voici quelques balises essentielles :

• `

  ` : Paragraphe



• `` : Lien hypertexte


• `` : Image

Exemple concret :
```html

Bienvenue sur ma page

Ceci est un paragraphe d'exemple.

Visitez Example


```

CSS : Mise en forme et présentation

CSS (Cascading Style Sheets) est utilisé pour styliser les éléments HTML. Il permet de contrôler la mise en page, les couleurs, les polices et bien plus encore.