logo

Etiquetes HTML

Les etiquetes HTML són com les paraules clau que defineixen com formatearà i mostrarà el contingut el navegador web. Amb l'ajuda d'etiquetes, un navegador web pot distingir entre un contingut HTML i un contingut simple. Les etiquetes HTML contenen tres parts principals: etiqueta d'obertura, etiqueta de contingut i etiqueta de tancament. Però algunes etiquetes HTML són etiquetes no tancades.

Quan un navegador web llegeix un document HTML, el navegador el llegeix de dalt a baix i d'esquerra a dreta. Les etiquetes HTML s'utilitzen per crear documents HTML i representar les seves propietats. Cada etiqueta HTML té propietats diferents.

Un fitxer HTML ha de tenir algunes etiquetes essencials perquè el navegador web pugui diferenciar entre un text simple i un text HTML. Podeu utilitzar tantes etiquetes que vulgueu segons el vostre requisit de codi.

  • Totes les etiquetes HTML s'han d'incloure entre aquests claudàtors.
  • Cada etiqueta en HTML realitza tasques diferents.
  • Si heu utilitzat una etiqueta oberta, haureu d'utilitzar una etiqueta tancada (excepte algunes etiquetes)

Sintaxi

contingut


Exemples d'etiquetes HTML

Nota: Les etiquetes HTML sempre s'escriuen en minúscules. Les etiquetes HTML bàsiques es mostren a continuació:

Etiqueta de paràgraf

Etiqueta d'encapçalament

Etiqueta en negreta

Etiqueta en cursiva

Etiqueta de subratllat

Prova-ho ara

Etiquetes HTML no tancades

Algunes etiquetes HTML no estan tancades, per exemple br i hr.


Etiqueta
: br significa línia de ruptura, trenca la línia del codi.


Etiqueta: hr significa Regla horitzontal. Aquesta etiqueta s'utilitza per posar una línia a la pàgina web.


Metaetiquetes HTML

DOCTYPE, títol, enllaç, meta i estil


Etiquetes de text HTML

,

Encapçalament nivell 2

Encapçalament nivell 3

Encapçalament nivell 4

Encapçalament nivell 5
Encapçalament nivell 6

45.
:

Amb l'ajuda d'aquesta etiqueta, podem dividir la pàgina web. Significa regla horitzontal o salt de tema.

Sintaxi:

<hr>

46. ​​:

Amb l'ajuda d'aquesta etiqueta, tots els altres elements estan continguts per ella. També es coneix com l'arrel de l'element HTML.

Sintaxi:

 

47. :

Amb l'ajuda d'aquesta etiqueta, podem posar qualsevol contingut en cursiva. Destaca un terme, frase o terme tècnic important.

Sintaxi:

 <i>Italicized Text</i> 

48.

Amb l'ajuda d'aquesta etiqueta, podem incrustar una altra pàgina HTML a la pàgina web actual.

Sintaxi:

 <iframe src="url"></iframe>

49. :

Amb l'ajuda d'aquesta etiqueta, podem incrustar una imatge a la pàgina web actual. Enllaça una imatge amb la imatge sense inserir-la directament a la pàgina web.

Sintaxi:

50.

Amb l'ajuda d'aquesta etiqueta, podem habilitar el control interactiu al formulari. També depèn dels diferents camps del tipus d'atribut.

Sintaxi:

51. :

Amb l'ajuda d'aquesta etiqueta, podem especificar el bloc del text inserit. També significa que s'ha afegit un determinat rang de text al document.

Sintaxi:

Inserted Text

52. :

Amb l'ajuda d'aquesta etiqueta, podem fer referència a la part textual del text en línia que representa el teclat, la veu o qualsevol altre dispositiu d'entrada de text de l'usuari.

Sintaxi:

Keyboard Input

53. :

Amb l'ajuda d'aquesta etiqueta, podem millorar la usabilitat per als usuaris del ratolí, és a dir, fent clic a l'etiqueta activarà el control.

Sintaxi:

Label Text

54. :

Amb l'ajuda d'aquesta etiqueta, podem definir el títol del contingut del nen. Les llegendes són l'element pare de tots els elements secundaris. Podem definir aquests elements amb l'ajuda de .

Sintaxi:

 Fieldset Caption 

55.
  • :
  • Amb l'ajuda d'aquesta etiqueta, podem representar la llista d'elements a la pàgina web. Conté una llista ordenada (una no ordenada o un menú) com a element pare.

    Sintaxi:

    <ul> <li>List Item 1</li> <li>List Item 2</li> <li>List Item 3</li> </ul>

    56. :

    Amb l'ajuda d'aquesta etiqueta, podem enllaçar recursos externs a la pàgina web actual.

    Sintaxi:

    57. :

    Amb l'ajuda d'aquesta etiqueta, podem fer d'un element normal l'element més important. Hem d'escriure aquesta etiqueta dins de l'etiqueta.

    Sintaxi:

     

    58. :

    Amb l'ajuda d'aquesta etiqueta, podem definir la imatge del mapa. El mapa d'imatge també té una àrea clicable.

    Sintaxi:

     

    59. :

    Amb l'ajuda d'aquesta etiqueta, podem representar el text tal com està ressaltat, que s'utilitzarà amb finalitats de referència o anotació. A partir de la importància del contingut, va destacar el text.

    Sintaxi:

    Highlighted Text

    60. :

    Amb l'ajuda d'aquesta etiqueta, podem representar les metadades del document. Les metadades conté la descripció de la pàgina, les paraules clau, els drets d'autor, l'idioma utilitzat i l'autor.

    Sintaxi:

    61. :

    Amb l'ajuda d'aquesta etiqueta, podem representar les mesures dins d'un rang determinat o valors fraccionaris. També es coneix com a gauge.

    radix sort

    Sintaxi:

    Fallback Content

    62. :

    Amb l'ajuda d'aquesta etiqueta, podem representar la secció d'enllaços de navegació en un document. Alguns exemples d'etiquetes de navegació són menús, taules de continguts, índexs, etc.

    Sintaxi:

     

    63. :

    Amb l'ajuda d'això, podem proporcionar un script alternatiu quan el navegador de l'usuari no admet l'script concret. També funciona sempre que el navegador de l'usuari no admet scripts del costat del client o no admet cap llenguatge de script.

    Sintaxi:

     

    64. :

    Amb l'ajuda d'aquesta etiqueta, podem mostrar multimèdia com àudio, vídeos, imatges, PDF i Flash a les pàgines web.

    Sintaxi:

    65.
      :

    Aquesta etiqueta s'utilitza per a la creació de la llista ordenada. La llista ordenada pot ser numèrica o alfabètica. Dins el

      etiqueta, podem crear la llista amb l'etiqueta
    1. etiqueta. Després seguirà l'ordre.

    Sintaxi:

    <ol> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ol>

    66. :

    Aquesta etiqueta s'utilitza en la creació de la llista desplegable. Amb l'ajuda d'aquesta etiqueta, podem definir el grup d'opcions.

    Sintaxi:

     Option 1 Option 2 

    67. :

    Amb l'ajuda d'aquesta etiqueta, podem definir l'opció a la llista desplegable mitjançant l'etiqueta.

    Sintaxi:

     Option Text 

    68. :

    Amb l'ajuda d'aquesta etiqueta, podem crear el contenidor de l'element que injecta el resultat del càlcul.

    Sintaxi:

    69. :

    Amb l'ajuda d'aquesta etiqueta, podem definir l'etiqueta de paràgraf. Amb l'ajuda d'una etiqueta de paràgraf, podem representar els mitjans visuals com a blocs de text separats dels blocs adjacents per línies en blanc o sagnat de primera línia.

    Sintaxi:

    Paragraph text goes here.

    70. :

    Amb l'ajuda d'aquesta etiqueta, podem definir el paràmetre d'un objecte. Amb l'ajuda d'això, podem passar el paràmetre per a un altre objecte incrustat.

    Sintaxi:

     

    71. :

    Amb l'ajuda d'aquesta etiqueta, podem oferir flexibilitat a la pàgina web especificant la imatge. També conté etiquetes com i .

    Sintaxi:

      

    72.
    :

    Amb l'ajuda d'aquesta etiqueta, podem declarar el bloc de text preformatat de la pàgina web el caràcter preformatat, com ara espais, salts de línia, tabulacions, etc.

    Sintaxi:

    El text preformatat va aquí.

    73. :

    Amb l'ajuda d'aquesta etiqueta, podem mostrar la progressió de la tasca. Amb l'ajuda d'això, el desenvolupador pot crear una barra de progrés a la seva pàgina web.

    Sintaxi:

    74. :

    Amb l'ajuda d'aquesta etiqueta, podem crear una cotització en línia a la pàgina web. El text es troba entre cometes a la majoria dels navegadors actuals.

    Sintaxi:

    Here is a short quotation within a sentence.

    75. :

    Amb l'ajuda d'aquesta etiqueta, la podem utilitzar en el parèntesi alternatiu quan un navegador no admet anotacions de rubí.

    Sintaxi:

     Base text (Ruby text) 

    76. :

    Amb l'ajuda d'aquesta etiqueta, podem definir la pronunciació del caràcter dins de l'anotació rubí.

    Sintaxi:

     Base text Ruby text 

    77. :

    Amb l'ajuda d'això, podem definir les pronunciacions dels caràcters d'Àsia oriental i representar petites anotacions a sobre, a sota o al costat del text base.

    Sintaxi:

    10 de 50
     Base text Ruby text 

    78. :

    Amb l'ajuda d'aquesta etiqueta, podem representar el text amb un ratllat o una línia. Podem utilitzar aquesta etiqueta quan les coses ja no són precises o rellevants.

    Sintaxi:

    Struck-through text

    79. :

    Amb l'ajuda d'aquesta etiqueta, podem definir la sortida de mostra del programa informàtic. El contingut d'aquesta etiqueta es mostra amb una font monoespai al navegador.

    Sintaxi:

    Sample text or code goes here

    80. :

    Sintaxi:

    81. :

    Amb l'ajuda d'aquesta etiqueta, podem crear la capçalera i el peu de pàgina o qualsevol altra secció de la pàgina web.

    Sintaxi:

     

    82. :

    Amb l'ajuda d'aquesta etiqueta, podem definir la llista d'opcions dins de la llista.

    Sintaxi:

     Option Text 

    83. :

    Amb l'ajuda d'aquesta etiqueta, podem reduir la mida de la lletra una mida més petita que la seva mida base, per exemple, de gran a petit.

    Sintaxi:

    Small text goes here

    84.

    Amb l'ajuda d'aquesta etiqueta, podem enllaçar diversos recursos multimèdia com i ,

    Sintaxi:

    85.

    Amb l'ajuda d'aquesta etiqueta, podem definir el contingut com a molt important. El navegador mostrarà aquest element en negreta.

    Sintaxi:

     <strong>Emphasized text</strong> 

    86.:

    És l'element més genèric de l'HTML. Podem aplicar l'estil agrupant els elements.

    Sintaxi:

    <span>Text or content goes here</span>

    87. :

    Podem proporcionar la informació d'estil del document amb l'ajuda d'aquesta etiqueta.

    Sintaxi:

     CSS rules go here 

    88.:

    Amb l'ajuda d'aquesta etiqueta, només podem mostrar l'element subíndex per motius tipogràfics.

    Sintaxi:

    <sub>Subscript text</sub>

    89. :

    Amb l'ajuda d'aquesta etiqueta, podem crear un quadre amb l'ajuda d'un element que conté el resum, el títol o la llegenda. Quan fem clic al botó de resum, realitza l'estat obert/tancat de l'element *detalls> pare.

    Sintaxi:

     Summary text 

    90.:

    Amb l'ajuda d'aquesta etiqueta, podem mostrar qualsevol text com a superíndex de l'element en línia.

    Sintaxi:

    <sup>Superscript text</sup>

    91. :

    Amb l'ajuda d'aquesta etiqueta, podem incrustar els gràfics SVG a la pàgina web. A més, podem definir els gràfics vectorials en format XML amb l'ajuda d'aquesta etiqueta.

    Sintaxi:

     

    92.:

    Amb l'ajuda d'aquesta etiqueta, podem definir les dades en format tabular en HTML. Crearà una taula bidimensional que té algunes files i columnes.

    Sintaxi:

    <table class="table"> </table>

    93.:

    Amb l'ajuda d'aquesta etiqueta, podem encapsular les files de la taula associades al cos de la taula.

    Sintaxi:

    <table class="table"> <tbody> </tbody> </table>

    94.:

    Amb l'ajuda d'aquesta etiqueta, podem definir la cel·la de la taula. Una fila de taula pot constar de més d'unaelement. L'alineació predeterminada es deixa en aquest element.

    Sintaxi:

    <tr> <td>Table cell content</td> </tr>