Maison  >  Article  >  interface Web  >  Commandes HTML

Commandes HTML

王林
王林original
2024-09-04 16:13:50740parcourir

HTML signifie Hyper Text Markup Language, un langage de balisage standard pour les pages Web. HTML aura des éléments, des attributs et d'autres balises. La plupart des sites Internet présents sur Internet utilisent le HTML. Le HTML est facile à apprendre et puissant. L'hypertexte est la principale méthode pour se déplacer sur le Web en cliquant sur des hyperliens, qui redirigent vers une autre page. Le balisage affiche le texte à l'intérieur à l'aide de balises HTML en marquant un test comme un certain type. Les éléments de commande HTML sont des éléments constitutifs d'une page HTML et peuvent avoir des attributs qui fournissent des informations supplémentaires sur l'élément, et les attributs seront présents par paires.

Commandes HTML de base

Les commandes de base sont les suivantes :

1. Exemple de syntaxe de document HTML

Les exemples de documents HTML contiendront des éléments HTML qui sont des éléments constitutifs des pages Web, et certains des éléments HTML sont , qui est un élément racine, qui contiendra des méta-informations,

qui contient le titre du document et qui comprend les données du document.

Code :

html>

<meta>
<title>Page Title</title>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

Sortie :

Commandes HTML

2. Titres HTML

Les titres HTML sont des éléments HTML définis avec des balises

à

définit la balise la plus importante et

définit la balise la moins importante.

Exemple de code HTML avec les en-têtes comme ci-dessous :

<h1> This is heading 1 </h1>
<h2> This is heading 2 </h2>
<h3> This is heading 3 </h3>
<h4> This is heading 4 </h4>

Sortie :

Commandes HTML

3. Paragraphe d'élément HTML

Le paragraphe HTML est un élément HTML que nous définissons à l'aide du symbole

balise, et l'exemple de code est le suivant :

<p> This is a paragraph </p>
<p> This is another paragraph </p>

Sortie :

Commandes HTML

4. Images HTML

Les images HTML sont un élément HTML défini avec une balise Commandes HTML, et nous devons mentionner des attributs tels que src de l'image, alt signifie texte alternatif, largeur et hauteur de l'image à afficher, et un exemple de code est

Code :

<img src="Commandes%20HTML.jpg" alt="Commandes HTML"   style="max-width:90%">

Sortie :

Commandes HTML

5. Listes HTML

Les listes HTML sont des éléments HTML définis à l'aide de balises

    ou
    est une liste non ordonnée et
    est une liste ordonnée

    Code :

    
    
  • Coffee
  • Tea
  • Milk

Sortie :

Commandes HTML

6. Créer un tableau

Le tableau HTML est un élément HTML, et il peut être défini à l'aide de la balise

et les lignes avec la balise et les cellules avec la balise
et codez comme ci-dessous :

Code :


Firstname Lastname Age
Jill Smith 50

Sortie :

Commandes HTML

7. Mentionner le lien

Les liens HTML sont des éléments HTML, et ils peuvent être définis à l'aide de la balise l'exemple de code est ci-dessous :

Code :

<a href="https://www.Commandes%20HTML.com">This is a link </a>

Sortie :

Commandes HTML

8. Attribut de style

Le style d'attribut HTML peut être utilisé avec une combinaison de n'importe quel élément HTML tel que

, et l'exemple de code est le suivant :

Code :

<p style="color:red"> I am a paragraph </p>

Sortie :

Commandes HTML

9. attribut lang

En HTML, en utilisant l'attribut lang, on peut déclarer la langue du document en utilisant l'attribut balise, et la langue est définie à l'aide de l'attribut lang, et un exemple de code est le suivant :

Code :



...
...

Sortie :

Commandes HTML

10. Formater les éléments HTML

En HTML, nous pouvons utiliser des éléments de formatage pour formater le document HTML, et nous pouvons définir des éléments spéciaux pour le texte ayant une signification particulière. Les éléments HTML comme pour le gras, pour l'italique

Code :

<b> This text is bold. </b>

Sortie :

Commandes HTML

Commandes HTML intermédiaires

Les commandes intermédiaires sont les suivantes :

1. Surligner le texte

En HTML, nous pouvons surligner du texte dans un document HTML en utilisant l'élément afin qu'il mette en évidence le texte entouré de élément, et l'exemple de code est le suivant :


<h2> html <mark> Marked </mark> formtting </h2>

Sortie :

Commandes HTML

2. Delete text

In HTML, we can delete some text using element so that the text which is enclosed between this element is deleted, and the sample code is as below:


<p> My favorite color is <del> Navy blue </del> Red </p>

Output:

Commandes HTML

3. Define superscripted text

In HTML, we can define the text as superscripted using element in the HTML document so that text enclosed in element will be superscripted, and the sample code is as below:


<p> This is <sup> superscripted </sup> text </p>

Output:

Commandes HTML

4. Define abbreviation

In HTML, we can define abbreviations by using the HTML element in the HTML document, which will give useful information to browsers, and the sample code is as below:


<p> The <abbr title="World Health Organization">WHO </abbr> was founded in 1948 </p>

Output:

Commandes HTML

5. Mention Address

In HTML, we can mention the address in an HTML document using HTML element

, which defines contact information or address related to the article or document and displays in italics and the sample code as below:

<address>
Written by Srinivas <br>
dasu.com <br>
Pincode : 500084, Hyderabad <br>
India
</address>

Output:

Commandes HTML

Advanced HTML Commands

The advanced commands are as follows:

1. Display a webpage inside a webpage

In HTML, we can display a webpage inside a webpage using HTML iframe, which is defined using the tag


<iframe src="demo.html" height="300" width="300"> </iframe>

2. Target different targets using iframe

In HTML, we can use the target frame as a link using the iframe tag in the HTML document, and the target attribute to the link must refer to the name attribute of the iframe and sample code is as below:


<iframe src="demo.html" name="iframe1"> </iframe>
<p> <a href="www.google.com" target="iframe1"> Google.co.in </a> </p>

Tips and Tricks to Use HTML Commands

  • Make your visitors change the text color or background by adding extra code.
  • Add metadata while writing an HTML document.
  • It’s good to hide some fields where we don’t want a user to edit them.
  • Always add a horizontal line to break long sections so the website will look good.

Conclusion

Finally, it’s all about different types of HTML commands of various levels are briefly discussed with examples. After reading this article, I hope you will have a good idea of how to use HTML commands.

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
Article précédent:Symboles en HTMLArticle suivant:Symboles en HTML