En fait, pour créer une page web, il ne suffit pas de taper simplement du texte comme on vient de le faire. En plus de ce texte, il faut aussi écrire ce qu'on appelle des balises, qui vont donner des instructions à l'ordinateur comme « aller à la ligne », « afficher une image », etc.
Lorsque vous utilisez les CSS pour faire une mise en page, vous déplacez les éléments de leur cours normal ; toutefois, pour la plupart des éléments de la page, ce cours normal crée exactement la mise en page dont vous avez besoin.
Structure du document HTML
Un document HTML commence par la balise <HTML> et finit par la balise </HTML>. Il contient également un en-tête décrivant le titre de la page, puis un corps dans lequel se trouve le contenu de la page. L'en-tête est délimité par les balises <HEAD> et </HEAD>.
le type block ( <p> , <h1> …) : ces balises créent un retour à la ligne et occupent par défaut toute la largeur disponible. Elles se suivent de haut en bas ; le type inline ( <a> , <strong> …) : ces balises délimitent du texte au milieu d'une ligne. Elles se suivent de gauche à droite.
Le CSS : langage de styles
Le CSS, lui, va servir à mettre en forme les différents contenus définis par le HTML en leur appliquant des styles. Le HTML va donc créer la structure des pages tandis que le CSS va nous permettre de modifier l'apparence des contenus de la page.
En général, une page web est constituée d'un en-tête (tout en haut), de menus de navigation (en haut ou sur les côtés), de différentes sections au centre… et d'un pied de page (tout en bas).
La balise h1 désigne un titre sur la page d'un site Internet. La plus importante de toutes les balises Hn, la H1 contient le mot clé principal, car c'est à elle que Google accorde le plus d'importance. Ainsi, la balise H1 est un composant essentiel pour le référencement naturel.
Les éléments <h1> à <h6> représentent six niveaux de titres dans un document, <h1> est le plus important et <h6> est le moins important. Un élément de titre décrit brièvement le sujet de la section qu'il introduit.
HyperText Markup Language (HTML) est le code utilisé pour structurer une page web et son contenu. Par exemple, le contenu de votre page pourra être structuré en un ensemble de paragraphes, une liste à puces ou avec des images et des tableaux de données.
HTML signifie « HyperText Markup Language » qu'on peut traduire par « langage de balises pour l'hypertexte ». Il est utilisé afin de créer et de représenter le contenu d'une page web et sa structure.
Le CSS correspond à un langage informatique permettant de mettre en forme des pages web (HTML ou XML). Ce langage est donc composé des fameuses « feuilles de style en cascade » également appelées fichiers CSS (.
La première façon d'écrire du code CSS va être à l'intérieur même de notre page HTML, au sein d'un élément style . En plaçant le CSS de cette façon, le code CSS ne s'appliquera qu'aux éléments de la page HTML dans laquelle il a été écrit.
Nous pouvons définir la section de navigation grâce à la balise <nav> (navigation). Notre 'header' va donc contenir deux éléments : Le logo qu'on va définir grâce à une balise de titre<h1> (header 1) la section de navigation qu'on va définir grâce à la balise <nav>.
La page d'accueil est une vitrine et doit à la fois donner envie et permettre d'en savoir plus. Cela va donc de pair avec le second conseil : éviter de mettre des publicités ou des liens externes. Cela détourne l'attention de vos visiteurs et risque de les faire fuir vers un autre site web.
Certains éléments d'une excellente conception de la page d'accueil du site Web incluent votre logo, des informations relatives à votre marque, la preuve socialeet une introduction à votre équipe et à vos produits. Cependant, vous pouvez et devez en couvrir beaucoup plus si vous voulez une page d'accueil épatante.
<col> : l'élément représentant une colonne. L'élément HTML <col> définit une colonne appartenant à un tableau et est utilisé afin de définir la sémantique commune à toutes ses cellules. On trouve généralement cet élément au sein d'un élément <colgroup> .
En tant que conteneur « pur », l'élément <div> ne représente rien en soi. Il est plutôt utilisé pour regrouper le contenu afin qu'il puisse être facilement stylé à l'aide des attributs class ou id , pour marquer une section d'un document comme étant écrite dans une langue différente (à l'aide de l'attribut lang ), etc.
Dans ton fichier html, tu dois rajouter, entre les balises <head> la ligne de commande qui correspond à ton fichier CSS. Comme cela, toutes tes pages au niveau de la forme seront identiques. Quand tu auras avancé sur PHP, cela sera un peu plus facile, mais surtout prends ton temps.