Maison > Article > interface Web > Comment fonctionne le HTML ?
HTML est un langage basé sur des balises utilisé pour le développement de pages Web ; HTML signifie Hyper Text Markup Language. L'hypertexte fait référence à la manière dont les pages Web sont liées entre elles. Ainsi, le lien disponible sur une page web est appelé Hypertexte. Il s'agit d'un langage de balisage dont les balises indiquent au navigateur comment la page y sera affichée. Berners-Lee l'a développé fin 1991, mais « HTML2.0 » a été la première spécification standard publiée en 1995. Plus tard, ses nombreuses versions HTML sont apparues comme HTML 4.0 ; actuellement, la dernière version est HTML5.0 qui est très célèbre dans le développement de sites Web front-end.
Voyons la structure du fonctionnement de la page HTML.
<!DOCTYPE html> <html> <head> <title>title tag of html</title> </head> <body> <h1>heading tag of html</h1> <p>paragraph tag of html<p> </body> </html>
Cette balise définit le type du document et la version HTML.
La balise ci-dessus contient le document complet en langage de programmation HTML, comprenant un en-tête de document représenté par
… et le corps du document qui est représenté par … balises.la balise head représente l'en-tête du document qui peut conserver d'autres balises HTML telles que
cette balise est utilisée à l'intérieur du
balise pour écrire le titre du document. etc. Les différentes balises du fonctionnement du HTML sont expliquées ci-dessous : Balise de titre utilisée pour créer des variétés de l'exemple de titre donné ci-dessous Sortie Titre 1
Il s'agit d'une balise de paragraphe qui peut être mieux comprise par l'exemple donné ci-dessous. Sortie Voici le premier paragraphe du texte. Cette balise est utilisée pour casser la ligne ; nous pouvons utiliser cette balise chaque fois que nous voulons que quelque chose commence à partir de la ligne suivante. Il s'agit d'une balise d'une seule ligne qui ne nécessite pas de balise de fermeture. Mettez l'ensemble du contenu au centre de cette utilisation principale de cette balise dans la création de pages Web. Utilisé pour créer la ligne, principalement utilisé lorsque vous souhaitez dessiner une page Web sur une seule ligne. C'est une balise très importante du HTML ; dans certains scénarios, nous voulons tout afficher tel qu'il est écrit dans la page HTML ; dans ces cas-là, c’est une balise très utile. L'exemple est donné ci-dessous. Sortie Laravel est le framework PHP. C'est un framework open source utilisé dans le web Pour imprimer un seul espace, ceci est utilisé en HTML. Nous pouvons définir la propriété au niveau de la balise Exemple donné ci-dessous Sortie Aligné à gauche Il y a quelques attributs de base qui ont été utilisés avec presque tous les éléments HTML suivants. Ces attributs sont utilisés pour identifier de manière unique l'élément HTML dans la page ; il est possible que le même élément ait été utilisé dans la page HTML à plusieurs endroits grâce à l'attribut id, nous identifions l'élément et son contenu et pouvons être utilisés à d'autres fins en javascript. L'exemple est donné ci-dessous. Ceci est le deuxième paragraphe qui explique ce qu'est une feuille de style en cascade et comment l'utiliser Explication – Dans l'exemple ci-dessus, le même élément est utilisé deux fois pour différencier cet élément uniquement par l'ID. Cette syntaxe d'attribut est similaire aux attributs id, le but de ces attributs dépendra de l'élément qui le porte ; bien qu'il soit souvent affiché sous forme d'info-bulle lorsque le curseur passe sur l'élément, c'est l'utilisation principale de cet attribut. L'exemple est donné ci-dessous – Sortie Dormir longtemps If we try to bring our cursor over “Sleeping from a long time”, we will see that whatever title we have used in our code is coming out as a tooltip of the cursor. The class attribute is used to associate an element with a style sheet and specifies the class of element. We will learn more about the use of the class attribute when we will learn Cascading Style Sheet (CSS).Its main use is CSS. Value for this attribute may also be a space-separated list of class names. The example is given below – It is used to writing the cascading style rule at the element level, which can be better explained by the example given below. Output This is a style example text; it is red color… As we saw many basics tags, the web page can be created with the help of these tags, which can be displayed to the end-user whenever a user requests the particular web page through his web browser, the work of displaying will be done by the web browser. Today lots of new tags exist into the market to make web pages more attractive. 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!,
Différentes balises des œuvres HTML et leur description
<!DOCTYPE html>
<html>
<head>
<title>Heading Example</title>
</head>
<body>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
</body>
</html>
Rubrique 2
Rubrique 3
Rubrique 4
Rubrique 5
Rubrique 6<!DOCTYPE html>
<html>
<head>
<title>Paragraph Example</title>
</head>
<body>
<p>This is a first paragraph of text.</p>
<p>This is a second paragraph of text.</p>
<p>This is a third paragraph of text.</p>
</body>
</html>
Ceci est le deuxième paragraphe du texte.
Ceci est le troisième paragraphe du texte.<!DOCTYPE html>
<html>
<head>
<title>Preserve Formatting Example</title>
</head>
<body>
<pre class="brush:php;toolbar:false">
Laravel is the PHP framework. It is an open source framework used in web application development. This framework is based on model view controller design pattern due to this project developed with help of this framework are more structured and manageable. This framework reuses the existing
développement d'applications. Ce framework est basé sur le contrôleur de vue modèle
les modèles de conception dus à ce projet développés à l'aide de ce framework sont
plus structuré et plus gérable. Ce framework réutilise l'existant
Propriétés des balises
<!DOCTYPE html>
<html>
<head>
<title>Align Attribute</title>
</head>
<body>
<p align = "left">Left aligned</p>
<p align = "center">Center aligned</p>
<p align = "right">Right aligned</p>
</body>
</html>
Aligné au centre
Aligné à droiteAttributs principaux du HTML
1) Identifiant
<p id = "html">Ceci est le premier paragraphe qui explique ce qu'est le HTML comment l'utiliser</p><code><p id = "html">This is first paragraph which explains what is HTML how to use it</p><br>
<p id = "css">This it second para which explains what is Cascading Style Sheet and how to use it</p>
2) Titre
<!DOCTYPE html>
<html>
<head>
<title> title Attribute Example</title>
</head>
<body>
<h3 title = "Hello Title Example Test">Sleeping from the long time</h3>
</body>
</html>
3) Class
class = "className11 className12 className53"
4) Style
<!DOCTYPE html>
<html>
<head>
<title>The style Attribute</title>
</head>
<body>
<p style = "font-family:arial; color:#FF0000;">This is style example text , it is red color...</p>
</body>
</html>
Conclusion