Maison  >  Article  >  interface Web  >  Qu'est-ce que le HTML et comment l'utiliser

Qu'est-ce que le HTML et comment l'utiliser

墨辰丷
墨辰丷original
2018-06-04 15:17:483425parcourir

HTML est Hypertext Markup Language, un langage de balisage simple utilisé pour créer des documents hypertextes. Cet article présente en détail le développement et les concepts de base du HTML. Ceux qui sont intéressés peuvent en apprendre davantage

<.>L'histoire du développement du HTML :

HTML en anglais signifie Hypertext Marked Language, qui est un langage de balisage simple utilisé pour créer des documents hypertextes. HTML est un langage de balisage créé en 1990 par l'inventeur du WEB Tim Berners-Lee et son collègue Daniel W. Connolly. Il s'agit d'une application du langage de balisage généralisé standard SGML.

Les documents hypertextes écrits en HTML sont appelés documents HTML, qui sont indépendants des différentes plates-formes de systèmes d'exploitation (telles que UNIX, WINDOWS, etc.). Grâce au HTML, les informations qui doivent être exprimées sont écrites dans des fichiers HTML selon certaines règles, reconnues par un navigateur dédié, et ces HTML sont « traduits » en informations identifiables dans un langage largement compréhensible, c'est-à-dire tout A. "langue maternelle" pour la publication que les ordinateurs peuvent comprendre. C'est la page Web que nous voyons maintenant. Depuis 1990, HTML est utilisé comme langage de représentation d'informations sur le Web (abréviation de World Wide Web, également abrégé en WEB, appelé World Wide Web en chinois), utilisé pour décrire la conception du format de la page d'accueil et ses informations de lien avec d'autres pages d'accueil sur WWW. Les fichiers décrits en langage HTML doivent être affichés via un navigateur WWW.

HTML (Hyperdocument Markup Language) est un langage de création de documents Web. Il utilise des instructions de balisage (Tag) pour afficher des images, des sons, des images, du texte, des animations, des vidéos et d'autres contenus. Parce qu'il peut passer d'un fichier à un autre, connectant des fichiers avec des hôtes du monde entier. Le protocole de transfert hypertexte stipule les règles et les opérations que les navigateurs suivent lors de l'exécution de documents HTML. La formulation du protocole HTTP permet aux navigateurs d'avoir des règles et des normes unifiées lors de l'exécution de l'hypertexte

Ce qu'on appelle le texte hypertexte, car il. peut ajouter des images, des sons, des animations, des films et d'autres contenus. En fait, chaque document HTML est un fichier de page Web statique. Ce fichier contient des codes d'instructions HTML. Ces codes d'instructions ne sont pas un langage de programmation, c'est simplement un langage de structure de balisage. pour saisir la position d'affichage des données dans les pages Web. Il est facile à apprendre et à comprendre, et très simple. L'application universelle du HTML est la technologie qui a donné naissance à l'hypertexte : passer d'un sujet à un autre d'un simple clic de souris, passer d'une page à une autre et créer des liens vers des fichiers hébergés dans le monde entier. Accédez directement aux sujets pertinents. Comme indiqué ci-dessous :

Les styles de design colorés peuvent être exprimés via HTML :

Appel d'image :

Format texte : Text

Le saut entre les pages peut être réalisé via HTML :

Saut de page : 〈A HREF="Chemin du fichier/nom du fichier"> 

Les effets multimédias peuvent être affichés via HTML :

Audio : < ;EMBED SRC="Adresse musicale" AUTOSTART=true>

Vidéo :

D'en haut, nous pouvons voir le super HTML Certaines balises qui doivent être utilisé lorsque vous travaillez avec des fichiers texte. Chaque symbole utilisé comme balise en HTML est une commande qui indique au navigateur comment afficher le texte. Ces balises sont composées de symboles "<" et ">" et d'une chaîne. La fonction du navigateur est d'interpréter ces balises, d'afficher du texte, des images, des animations et de jouer des sons. Ces symboles de balise sont représentés par "".

HTML n'est qu'un fichier texte brut. Pour créer un document HTML, vous n'avez besoin que de deux outils, un éditeur HTML et un navigateur WEB. HTML Editor est une application utilisée pour générer et enregistrer des documents THML. Un navigateur WEB est un programme client utilisé pour ouvrir les fichiers de pages Web WEB et nous offrir la possibilité de visualiser les ressources WEB.

Les documents HTML sont des fichiers texte brut (ils peuvent être écrits avec n'importe quel rédacteur de texte). Par exemple, le langage HTML peut être édité directement à l'aide d'un éditeur de texte ordinaire.

Fonctions puissantes du HTML :

  1. Publiez des documents en ligne comprenant des titres, du texte, des tableaux, des listes et des photos et d'autres contenus.

  2. Récupérez des informations en ligne via des hyperliens.

  3. Les formulaires sont conçus pour obtenir des services à distance et peuvent être utilisés pour récupérer des informations, commander des produits, etc.

  4. Incluez des feuilles de calcul, des clips vidéo, des clips audio et d'autres applications directement dans le document.

Application large HTML :

Tous les documents du World Wide Web sont créés par Hypertext Markup Language HTML. Dans ce langage, les fichiers peuvent être traités à l'aide de différentes balises. Ces balises déterminent l'apparence, la structure et l'interactivité du contenu du fichier. Ce qu'elles ont en commun est l'utilisation de "<>", telles que les balises de paragraphe

, les balises d'image , etc.

Dans le navigateur, vous ne voyez aucune balise HTML, mais les effets de page Web que vous voyez dans le navigateur sont tous générés par ces balises. Dans la plupart des cas, vous n'avez pas besoin de maîtriser le balisage HTML lors de la création d'un site, car dans des logiciels comme FrontPage, le traitement du HTML se fait en coulisse, masquant ainsi la complexité du langage. Si vous devez afficher le balisage HTML d'une page Web, vous pouvez sélectionner le mode HTML.

La plupart des productions de pages Web actuelles utilisent des outils de production de pages Web spécialisés, tels que Dreamweaver, Webstorm, etc. Ces outils sont WYSIWYG et sont très pratiques. Mais ne pensez pas qu’il suffit de connaître ces outils. Plusieurs fois, nous devons ajuster manuellement le code HTML pour obtenir des résultats meilleurs et plus professionnels.

Après avoir compris la définition du HTML, apprenons ce langage.

1. Pourquoi devriez-vous apprendre le HTML ?

Au cours des deux dernières années, de nombreuses entreprises ont développé des outils de développement graphique HTML, rendant la production de pages Web très simple. Les outils d'édition tels que Webstorm, Adobe Pagemill lancé par Adobe et Dreamweaver lancé par Micromedia sont tous connus sous le nom d'outils de production de pages Web « Ce que vous voyez est ce que vous obtenez ». Ces outils de développement graphique peuvent traiter directement des pages Web sans écrire de balisage laborieux. Cela permet aux utilisateurs d'écrire des pages Web sans aucune connaissance de base du langage HTML. À ce stade, la tâche de rédaction des documents HTML est complétée pour vous par les outils de développement. C’est la plus grande réussite des outils d’édition graphique web, mais c’est aussi leur plus grand défaut. Contraint par l'outil d'édition graphique lui-même, une grande quantité de code indésirable sera générée. La raison est très simple : lors de la conception d'un tableau sur une page Web, si la largeur et la hauteur de chaque cellule sont automatiquement déterminées en fonction du contenu, HTML n'a qu'à lui indiquer l'ordre dans lequel le tableau et les cellules sont disposés. (c'est-à-dire le nombre de lignes et de colonnes). Cependant, comme l'outil de développement graphique ne peut pas connaître vos exigences particulières, il ne peut prendre que les exigences générales et définir la largeur et la hauteur de chaque cellule, ajoutant ainsi beaucoup de code. Par conséquent, un rédacteur de pages Web avisé devrait apprendre davantage le langage HTML en maîtrisant les outils d’édition graphique, afin de savoir ce qu’est le code indésirable. De cette manière, nous pouvons utiliser des outils de développement HTML graphiques pour créer rapidement des pages Web et éliminer les inutiles. code pour atteindre l’objectif de produire rapidement des pages Web de haute qualité.

Par conséquent, le langage HTML est la base de la production de pages Web et constitue un apprentissage incontournable pour les débutants. Bien qu’il existe de nombreux outils de création de pages Web WYSIWYG, en dernière analyse, il reste nécessaire de comprendre une certaine syntaxe HTML. De cette façon, vous pouvez contrôler la mise en page de la page avec plus de précision et réaliser plus de fonctions.

2. Comment utiliser le HTML ?

Le langage HTML, également connu sous le nom de Hyper Text Markup Language, est l'abréviation de l'anglais Hyper Text Markup Language. En tant que langage de balisage, le langage HTML est composé de symboles et d'une syntaxe spécifiques, il est donc très facile à comprendre et à maîtriser. On peut dire que le langage HTML est le plus simple à apprendre parmi tous les langages de programmation informatique. Les documents qui composent HTML sont tous des fichiers ASCII, la création de fichiers HTML est donc très simple et ne nécessite qu'un éditeur de caractères ordinaire. Par exemple, le Bloc-notes et WordPad sous Windows peuvent être utilisés. Vous pouvez également utiliser des outils d'édition HTML dédiés : des outils tels que CoffeeHTML, Homesite, HTMLedit Pro, etc. Leur particularité est de pouvoir vérifier automatiquement les erreurs grammaticales dans les documents HTML et d'aider aux corrections. Grâce à l'outil de développement graphique HTML, il nous est plus facile d'apprendre le HTML. Nous pouvons d'abord l'utiliser pour créer une page Web, puis supprimer le code inutile dans l'éditeur de code HTML qui l'accompagne et utiliser ses fonctionnalités WYSIWYG, afin que nous puissions maîtriser rapidement le HTML. En particulier, Dreamweaver 4, récemment publié par Micromedia, peut mettre l'éditeur de code source et l'éditeur de pages Web dans la même fenêtre, ce qui est vraiment pratique.

3. Concepts de base du HTML

Définition :

Le langage HTML est un. Pour faire simple, le langage de balisage de l'hypertexte consiste à construire un ensemble de symboles de balisage et de règles grammaticales pour organiser le texte, les images, les sons et autres éléments à afficher selon certaines exigences standard pour former certaines unités telles que des titres, des paragraphes, listes, etc

2. Balises hypertextes

1) Les balises hypertextes sont représentées par des crochets « < » et « > ».

2) Les balises hypertextes apparaissent généralement par paires, avec un élément avec une barre oblique indiquant la fin. Tels que : et . Cependant, certaines balises n'ont qu'une balise de début mais pas de balise de fin, comme :
, qui indique l'introduction d'un saut de ligne dans la page web. Certaines balises peuvent être omises, comme : la balise de fin d'un paragraphe,

, peut être omis.

3) Les balises hypertextes ignorent la casse, telles que : et sont équivalentes, mais les noms du contenu de l'entité sont sensibles à la casse, comme "&NAME" et "&name" Représente différentes entités.

4) Un élément tag peut être écrit sur plusieurs lignes et la position du paramètre n'est pas restreinte.

3. Unités (éléments) du langage HTML  

Le contenu de la page Web entière est composé de nombreuses unités formées par un contenu spécifique, et chaque unité est composée de trois parties : - --Balise de début, contenu de l'unité, balise de fin.

Balise de début : La balise de début est définie par "<" et ">", et le nom de l'unité et les attributs sont donnés par la balise de début

Contenu de l'unité : La partie centrale est pour ; la partie Contenu de l'unité ;

Balise de fin : La balise de fin est délimitée par "</" et ">", une barre oblique de plus que la balise de début

Par exemple : la forme de balise de ; l'unité de la barre de titre

<TITRE>Entretien avec le meilleur score à l'examen d'entrée à l'université - enregistrement de l'expérience de croissance d'un enfant de paysan</TITRE>

Parmi eux, <TITRE> et < /TITRE> sont les notes de début et de fin, "Examen d'entrée à l'université" "Entretien avec l'érudit numéro un - Enregistrement de l'expérience de croissance d'un enfant d'agriculteur" est le contenu de base de l'unité.

En bref, l'ensemble du document HTML est composé de balises. Les balises du document HTML établissent un cadre fixe pour l'écriture du document. Il suffit de remplir le contenu dans ce cadre.

La clé pour apprendre à bien utiliser le langage HTML est d'appliquer les paramètres de balisage de manière flexible. Surtout l'application des valeurs par défaut

Résumé : Ce qui précède est l'intégralité du contenu de cet article, j'espère qu'il sera utile à l'apprentissage de chacun.

Recommandations associées :

Qu'est-ce que le HTML ? Une introduction détaillée au html

Qu'est-ce qu'un fichier html ? Comment ouvrir un fichier HTML

Qu'est-ce que l'introduction liée au HTML_Tutoriel de base

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn