HTML CSS Page

La solution HTML/CSS

HTML est un langage de balisage utilisé pour structurer le contenu d'une page web. Il définit les éléments (titres, paragraphes, images, liens, etc.) et leur hiérarchie.

CSS est un langage de style qui permet de mettre en forme les éléments HTML (couleurs, polices, espacements, animations, etc.). le CSS permet de séparer le contenu (HTML) de la présentration.

Exemple complet (HTML/CSS) :

            
<!DOCTYPE html>>
<html>
<head>
  <title>Ma Première Page</title>
  <style>
    body { font-family: Arial; }
    h1 { color: darkblue; }
    .container {
      width: 80%;
      margin: 0 auto;
      background: #f4f4f4;
      padding: 20px;
    }
  </style>
</head>
<body>
  <div class="container">
    <h1>Exemplaire de page Html/CSS</h1>
    <p>Ceci est un paragraphe stylisé.</p>
  </div>
</body>
</html>

L'affichage de ce code est la suivante : htmlCss page

Environnement de travail

Pour faire du HTMLCSS, il suffit de disposer d'un bon IDE (Integrated Development Environement). Visual Studio Code ou Note pad sufisent largement pour commencer à développer sa première page web avec HTML/CSS.

Développer votre première page web

Voici un simple code HTMH qui de faire un lien hypertexte et d'afficher une image.

                                
<!DOCTYPE html >
<html>
    <head>
        <title>Titre Page HTML</title>
    </head>
    <body>
        <h1>Premier paragraphe </h1>
        <a href="image.jpg" alt="Description">lien </a>
    </body>


</html>

La syntaxe de base du CSS est la suivante :

                                
    selecteur {
        propriété  :valeur;
    }

Les principaux sélecteurs sont les suivant :

Sélecteurs	Box Model	Flexbox & Grid	Responsive Design
Par élément (p,h1)	margin(marge extérieur)	Disposition modèrne pour des mise en page complexes	@media queries pour adapter le style aux différentes tailles d'écran
Par classe(.ma-classe)	border (bordure)
Par ID (#mon-id)	padding(marge intérieur)
Par attribut ([type="text"])	content (contenu)

Les Solutions Digitales d'Aujourd'hui et de Demain

La solution HTML/CSS

Environnement de travail

Développer votre première page web

Nos Coordonnées