Bases de HTML et CSS
Página 32
Notions de HTML et CSS
HTML et CSS sont deux des principaux langages utilisés pour créer des pages Web. HTML est responsable de la structuration du contenu de la page, tandis que CSS est responsable de sa présentation visuelle.
HTML
HTML est un langage de balisage qui vous permet de définir la structure du contenu d'une page Web. Il est composé d'une série de balises (ou éléments) qui sont utilisées pour définir différentes parties de la page, telles que les titres, les paragraphes, les images et les liens.
Par exemple, la balise <h1> est utilisée pour définir un titre de niveau supérieur, tandis que la balise <p> est utilisée pour définir un paragraphe de texte. La balise <img> permet d'insérer une image sur la page et la balise <a> permet de créer un lien vers une autre page.
CSS
CSS est un langage de style qui vous permet de définir l'apparence visuelle de la page Web. Il est utilisé pour définir les couleurs, les polices, les tailles et le placement des éléments sur la page.
Par exemple, vous pouvez utiliser CSS pour définir que tous les titres de niveau supérieur (<h1>) doivent être affichés en rouge et dans une police plus grande que le reste du texte. De plus, il est possible d'utiliser CSS pour définir qu'une image doit être affichée à droite du texte et avec une marge de 10 pixels.
Intégration entre HTML et CSS
Pour utiliser CSS dans une page HTML, il est nécessaire de définir une relation entre les deux fichiers. Cela peut être fait de deux manières : en utilisant la balise <style> dans le fichier HTML lui-même ou en utilisant un fichier CSS externe.
Dans le premier cas, il est possible de définir les règles de style directement dans le fichier HTML, grâce à la balise <style>. Dans le second cas, il est nécessaire de créer un fichier CSS séparé et d'y faire référence dans le fichier HTML à l'aide de la balise <link>.
Conclusion
HTML et CSS sont deux langages essentiels pour créer des pages Web. Alors que HTML est responsable de la structuration du contenu, CSS est responsable de sa présentation visuelle. L'intégration entre les deux langages vous permet de créer des pages Web avec un design professionnel et attrayant.