HTML est un acronyme de Langage Signalétique Hyper Text . Il est utilisé pour créer des pages Web et des applications Web. HTML est un langage largement utilisé sur le Web. Dans cet article, nous allons apprendre à écrire du HTML.
formateur de chaîne
Ici, nous montrons d’abord une procédure étape par étape pour créer une page HTML.
Étape 1 - Ouvrez un éditeur de texte pour écrire du code.
Bien qu'il existe différents éditeurs de texte qui peuvent être facilement téléchargés pour un débutant, le meilleur éditeur de texte est le Bloc-notes (sous Windows) et TextEdit (sous Mac). Sous Windows, l'éditeur de texte par défaut est Bloc-notes , tandis que sous Mac, l'éditeur par défaut est TextEdit. Dans Windows, nous pouvons ouvrir le Bloc-notes éditeur en cliquant sur Démarrer et tapez bloc-notes, comme indiqué dans la capture d'écran ci-dessous -
Nous pouvons également utiliser le Bloc-notes++ éditeur de texte sous Windows pour écrire les programmes HTML. Après avoir appris les bases, nous pouvons utiliser d'autres éditeurs professionnels comme Bloc-notes++, Sublime Text, Vim, etc.
Étape 2 - Maintenant, commencez à écrire des programmes HTML dans l'éditeur de texte. Les balises HTML sont entourées de balises ouvertes () et de balises fermées (). Supposons que nous devions créer un paragraphe, donc en HTML, le paragraphe est créé en tapant la balise open paragraphe
puis en saisissant une balise de paragraphe fermé
.Après avoir écrit une ligne de code, vous pouvez simplement appuyer sur Entrer pour passer à la ligne suivante.
Étape 3: Enregistrez le fichier soit avec .html ou avec .htm extension, comme indiqué dans la capture d’écran ci-dessous.
Étape 4: Maintenant, vous pouvez exécuter votre fichier .html. Pour ce faire, vous devez vous rendre à l'emplacement où vous avez enregistré votre fichier. Sélectionnez ensuite le fichier correspondant et faites un clic droit dessus, puis sélectionnez le navigateur Web souhaité pour exécuter le fichier. Cela peut être clair avec la capture d'écran suivante -
Après avoir cliqué sur le navigateur, une page Web s'affichera montrant la sortie de votre fichier.
structure de contrôle python
Voyons maintenant comment démarrer avec HTML ou comment écrire des programmes HTML.
Pour tout document HTML, nous pouvons essentiellement commencer le document par le type de document, c'est-à-dire le étiqueter , un étiquette, et un étiqueter . Nous devrions devoir fermer les balises d'ici et Mots clés. Il s'écrira ainsi -
Dans la balise nous pouvons écrire notre code qui sera affiché sur le navigateur web. Pour créer le titre de la page Web, nous pouvons inclure la balise head comme indiqué ci-dessous :
<title < pre> <p>There are various tags in HTML for performing different tasks. There are six headings in HTML that are <a href="/html-heading"> <strong><h1>, <h2>, <h3>, <h4>, <h5>, and <h6></h6></h5></h4></h3></h2></h1></strong> </a> . These headings should be closed with their corresponding closing tags.</p> <p>There are various properties and rules to write HTML code. For more information, you can visit our <strong>HTML tutorial</strong> .</p> <p>We can create paragraphs in HTML by using the </p><p> tag , to create a hyperlink we can use the anchor tag, i.e., <a href=" "> </a>, we can also add unordered and ordered lists by adding <ul> and <ol> tags . An image can be inserted by using the .</ol></ul></p> <p>To add the style to a specific html tag or to the group of the html tags, we can use the CSS. There are three ways to use CSS in HTML that are Inline CSS , Internal or embedded CSS, and using the External CSS . Let's see the brief description of these ways -</p> <p> <strong>Inline CSS -</strong> Inline CSS uses style attribute to style the HTML elements. It is used to apply style to a single element.</p> <p> <strong>Internal or Embedded CSS -</strong> It defines CSS using <strong></strong> tag in the section. To use internal CSS, we can use id and class attributes.</p> <p> <strong>External CSS -</strong> It defines all CSS properties in a separate .css file. Then we have to include that file using the tag in the section.</p> <p>So, for more information, one should visit our HTML tutorial, where you will find a detailed and easier description of <a href="/html-tags">HTML tags</a> .</p> <hr></title>