Structure et présentation HTML

  21 octobre 2020
      Aucun commentaire

HTML

HTML (Hypertext Markup Language) est le langage de balisage reconnu utilisé dans la création de pages Web. Il définit la composition des pages Web en utilisant le balisage. Les éléments HTML sont les unités principales des pages HTML et sont indiqués par des balises. Les balises HTML étiquettent des parties de contenu telles que des en-têtes, des paragraphes et des tableaux. Les navigateurs n’affichent pas les balises HTML, mais elles sont utilisées en arrière-plan afin de fournir le contenu de la page.

Balises HTML

Les balises HTML sont des noms d’élément entre crochets. Les balises HTML viennent généralement par paires. La première balise d’une paire est la balise de début et la deuxième balise est la balise de fin. La balise de fin est écrite comme la balise de début, mais avec une barre oblique insérée avant le nom de la balise. La balise de début est parfois également appelée balise d’ouverture et la balise de fin, balise de fermeture.

Tous les documents HTML doivent commencer par une déclaration de type de document: <! DOCTYPE html>. Le document HTML lui-même commence par <html> et se termine par </html>. La partie visible du document HTML se situe entre <body> et </body>.

Les balises HTML ne sont pas sensibles à la casse.

Attributs HTML

Tous les éléments HTML peuvent avoir des attributs, qui fournissent des informations supplémentaires sur l’élément, et sont toujours spécifiés dans la balise de début. Ils viennent généralement par paires nom / valeur.

CSS

CSS (Cascading Style Sheets) définit la manière dont les éléments HTML doivent être présentés sur un écran, des papiers ou d’autres supports donnés. Cela économise beaucoup de travail au développeur, car il peut contrôler la mise en page de plusieurs pages Web simultanément.

Façons d’ajouter du CSS aux éléments HTML

  • Inline – utilisé pour appliquer un style unique à un seul élément HTML. Il utilise l’attribut style d’un élément HTML.
  • Interne – utilisé pour décrire un style pour une page HTML. Il est indiqué dans la section <head> d’une page HTML, dans un élément <style>.
  • Externe – utilisé pour définir le style de plusieurs pages HTML à l’aide d’un fichier CSS externe. Vous pouvez modifier l’apparence d’un site Web entier en modifiant un fichier. C’est la manière la plus courante d’ajouter du CSS aux éléments HTML.

Structure vs présentation

La composition d’une page Web peut être considérée comme un mélange des quatre éléments suivants:

  • Contenu est le terme général utilisé pour tous les éléments d’information affichés par le navigateur, tels que le texte, l’audio, les images fixes, l’animation, la vidéo, le multimédia et les fichiers appartenant à des pages Web. Il ne nécessite aucun balisage ou style de présentation supplémentaire pour relayer pleinement son message.
  • La structure est le nom donné à la pratique consistant à utiliser le HTML dans le contenu pour transmettre de la substance, et aussi pour définir comment les blocs d’informations sont structurés les uns par rapport aux autres. Exemples: « Ceci est une liste », (i, d, k), « Ceci est un titre et un sous-titre », (<h1>, <h2>,…, <h6>), « Cette section est liée à, » (<a>), etc.
  • La présentation du style fait référence à tout ce qui concerne la façon dont le contenu et la structure sont présentés. Les exemples incluent la taille, la couleur, les marges, les bordures, la disposition, l’emplacement, etc.
  • Le comportement ou l’interactivité est la mise en œuvre d’un script côté client pour générer un flux d’informations bidirectionnel entre la page Web et ses utilisateurs. JavaScript en est un exemple.

La plupart du temps, il est difficile de distinguer clairement le contenu de la structure. Par exemple, la balise <img>, en tant qu’élément structurel, est utilisée pour produire du contenu graphique. En pratique, la composition d’une page Web peut simplement être considérée comme un mélange de trois éléments: la structure, la présentation et le comportement.

Les termes suivants sont souvent utilisés en correspondance les uns avec les autres: séparation du contenu et de la présentation, séparation du sens et de la présentation, et séparation de la structure et de la présentation. Néanmoins, tous ces termes font essentiellement référence à la séparation du contenu (qui est rendue significative par la structure et la présentation), ou reconnaissent simplement la séparation de la structure (HTML) et de la présentation (CSS) d’une page Web donnée.

L’objectif principal de HTML 4.01 est la séparation de la structure et de la présentation, comme spécifié dans la section 2.4.1 de HTML 4.01.

Contenus relatifs:
  • Gestion de la mémoire Qu'est-ce que la gestion de la mémoire? La gestion de la mémoire est une activité effectuée dans le noyau du système d'exploitation. Le noyau lui-même est la partie centrale d'un système d'exploitation, il gère les opérations de l'ordinateur et de son matériel, mais il est surtout connu pour gérer la mémoire et le temps CPU. L'une des fonctions clés du système de gestion de mémoire dans un ordinateur est l'affectation de mémoire à un certain nombre de programmes en cours d'exécution différents pour maintenir les performances du système stables. La mémoire dans le système est allouée dynamiquement en fonction des besoins,…
  • RAM et ROM Les systèmes nécessitent des unités de stockage, que ce soit à court ou à long terme. Les systèmes informatiques tirent parti des systèmes de mémoire dont ils disposent, qu'il s'agisse de mémoire vive (RAM), de mémoire d'accès en lecture seule (ROM) et d'unités de stockage très denses comme les disques durs. Vous vous demandez peut-être pourquoi nous ne pouvons pas avoir une unité de stockage pour tous. Pour faire simple, c'est parce que chaque système est spécialement conçu pour fonctionner efficacement pour sa fonction plutôt que pour exécuter toutes les fonctions que vous désirez. Prenons cet article comme un exemple de la…
  • Serveur Web Un serveur Web est un programme informatique qui gère des sites Web en attribuant des pages Web au fur et à mesure qu'elles sont demandées. L'objectif principal du serveur Web est d'enregistrer, de gérer et de distribuer des pages Web aux utilisateurs. Cette transmission se fait à l'aide du protocole HTTP (HyperText Transfer Protocol) . La plupart des pages Web sont des structures constantes, qui incluent des documents HTML , des images, des feuilles de style, des tests, etc. Outre HTTP, les serveurs Web utilisent SMTP (Simple Mail Transfer Protocol) pour l'envoi d'e-mails et FTP (File Transfer Protocol) pour la transmission de fichiers et le référentiel. La tâche principale d'un serveur…
  • Introduction à HTML Qu’est ce que le HTML? HTML est le langage de balisage standard pour la création de pages Web. HTML signifie Hyper Text Markup Language HTML décrit la structure des pages Web en utilisant le balisage Les éléments HTML sont les blocs de construction des pages HTML Les éléments HTML sont représentés par des balises Les balises HTML étiquettent des éléments de contenu tels que « en-tête », « paragraphe », « table », etc. Les navigateurs n’affichent pas les balises HTML, mais les utilisent pour rendre le contenu de la page → Lire la suite
  • Navigateur Web Le programme le plus important de votre ordinateur est le navigateur Web, et pourtant la plupart des gens ne savent pas quel navigateur Web ils utilisent, ni même ce qu'est exactement un navigateur Web. Un navigateur Web n'est pas en soi si différent de Windows ou Mac, qui sont des systèmes qui vous permettent de gérer des fichiers et des programmes. Il est cependant différent d'un moteur de recherche, qui est un site Web utilisé pour rechercher sur Internet. Un navigateur Web est un programme sur votre ordinateur qui vous permet de visiter des sites Web. Vous accédez à votre navigateur Web en cliquant sur son icône. De…
  • Couches du modèle OSI OSI signifie Open Systems Interconnection . Il a été développé par l'ISO - « Organisation internationale de normalisation », en 1984. Il s'agit d'une architecture à 7 couches avec chaque couche ayant des fonctionnalités spécifiques à exécuter. Toutes ces 7 couches travaillent en collaboration pour transmettre les données d'une personne à une autre à travers le monde. 1. Couche physique (couche 1): La couche la plus basse du modèle de référence OSI est la couche physique. Il est responsable de la connexion physique réelle entre les appareils. La couche physique contient des informations sous forme de bits. Il est responsable de la transmission des bits individuels d'un nœud au suivant. Lors…
  • URL (Uniform Resource Locator) Un lien est plus formellement connu sous le nom d'URL, qui signifie Uniform Resource Locator. Dans le domaine de l'informatique, il y a toujours eu un débat sur la différence entre une URL et un URI. Parfois, vous verrez le mot lien Web et l'URL utilisés de manière interchangeable, et parfois vous verrez l'acronyme URL et URI utilisés de manière interchangeable. URI signifie Uniform Resource Identifier. Il est légèrement plus général et peut faire référence à des choses qui ne sont pas réellement des fichiers, bien que les URL ne soient plus uniquement utilisées pour identifier les fichiers. L'URI est plus générale que l'URL et…
  • Protocole de transfert hypertexte (HTTP) Le protocole HTTP (Hypertext Transfer Protocol) est un groupe de directives qui autorisent les utilisateurs du World Wide Web à échanger des informations trouvées sur des pages Web. Lors de l'accès à une page Web, la saisie de http: // devant l'adresse informe le navigateur de communiquer via HTTP. De nos jours, il n'est plus nécessaire de saisir HTTP au début d'une URL, car c'est le cours de communication par défaut. Mais il est toujours utilisé dans les navigateurs afin de différencier HTTP et d'autres protocoles, comme FTP. Pour la transmission de différents types de fichiers sur le World Wide Web, tels…
  • KB4458469 – Windows 10 1803 Windows 10 Version 1803, mise à jour KB4458469 en dehors du cadre du Patch Tuesday de Septembre 2018. Une nouvelle mise à jour est disponible en téléchargement pour Windows 10 Version 1803 alias Windows 10 April 2018 Update. Microsoft déploie une nouvelle mise à jour, éstampillée du nom KB4458469, elle apparaît avec en contenu des corrections de bugs. Aucune nouvelle fonctionnalité du système d’exploitation n’est introduite dans cette mise à jour. Cette mise a jour fait passer l’O.S a la version Build 17134.320 Sa distribution est assurée par le service Windows Update tandis que la finalisation de l’installation demande un…
  • 6 sources de trafic alternatives essentielles que vous devez… Vous investissez de longues heures, des jours et des mois dans l'optimisation de votre site Web pour les algorithmes de Google. Soudain, le moteur de recherche effectue une mise à niveau et vos efforts ne sont plus pertinents. Vous perdez vos notes et vous devez adapter votre stratégie marketing à la nouvelle situation. N'est-ce pas la pire chose possible qui pourrait (et se produira) si vous basez toute la promotion sur les pratiques de référencement? Selon les statistiques publiées par imFORZA, 93% des expériences en ligne commencent par l'utilisation d'un moteur de recherche. 65 à 70% des parts de marché…