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).
Sans surprise, les bases d'un code HTML5 ressemblent beaucoup à celles rédigées à l'aide des précédentes versions HTML 4 et XHTML 1. x. Rétro-compatibilité oblige. On y retrouve donc un doctype suivi des éléments les plus courants : <html> , <head> , <title> , <meta> , <link> , <script> et <body> .
7.1 Introduction à la structure du document HTML
Un document HTML 4 se compose de trois parties : une ligne contenant les informations de version HTML ; une section en-tête déclarative (enclose par l'élément HEAD ) ; un corps, qui emporte le contenu effectif du document.
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.
Une page Web est écrite en langage HTML , acronyme de Hypertext Markup Language , qui est un langage de description de document créé par Tim Berners-Lee pour relier des documents sur le réseau mondial Internet à l'aide de liens hypertextes.
Puisque l'élément <html> est le premier élément dans un document, autre que les commentaires, il est désigné comme l'élément racine du document.
À l'intérieur on trouve deux parties principales : un en-tête et un corps, placé respectivement dans les balises head et body . L'en-tête est constitué de déclarations générales concernant la page HTML, destinées au navigateur, aux moteurs de recherche etc.
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.
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>.
En résumé Le HTML comporte de nombreuses balises qui nous permettent d'organiser le texte de notre page. Ces balises donnent des indications comme « Ceci est un paragraphe », « Ceci est un titre », etc. Les paragraphes sont définis par la balise <p> </p> , et les sauts de ligne par la balise <br /> .
<p> : l'élément paragraphe. L'élément HTML <p> représente un paragraphe de texte. Les paragraphes sont généralement représentés comme des blocs et séparés par un espace vertical, leur première ligne est également parfois indentée.
Comment fonctionne l'HTML
C'est-à-dire que c'est votre navigateur qui lit le fichier et retranscrit le résultat à l'image. Le texte qui apparaît à l'écran est divisé en balises intégrées dans le code HTML. Le langage structure et donne du sens au contenu du fichier.
Les balises HTML correspondent à des éléments du code HTML d'une page web sur Internet. Elles sont une partie intégrante de la composition de la page puisqu'elles permettent de mettre en forme et de structurer les contenus.
L'en-tête est la partie du fichier HTML comprise entre les balises <head>… </head> . Cette partie est située juste après le doctype et la balise d'ouverture <html> .
Un site web est un ensemble de pages web reliées entre elles (ainsi que des ressources associées) qui partagent un nom de domaine. Chaque page d'un site fournit des liens explicites (généralement sous la forme de texte cliquable) qui permettent à l'utilisateur de naviguer entre les pages du site web.
Outre le gain de temps et d'argent, un site web permet de communiquer, à tout moment, et en tout lieu. Le site étant accessible 24h/24, de n'importe où dans le monde, la communication d'une entreprise prend une forme continue, ininterrompue.
Pour faire court, un nom de domaine (ou tout simplement un "domaine") est le nom d'un site Web. C'est la partie située après le symbole "@" dans une adresse e-mail ou qui suit "www." dans une adresse Web.
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.