logo

HTML-taggar

HTML-taggar är som nyckelord som definierar hur webbläsaren formaterar och visar innehållet. Med hjälp av taggar kan en webbläsare skilja mellan ett HTML-innehåll och ett enkelt innehåll. HTML-taggar innehåller tre huvuddelar: öppningstagg, innehåll och stängningstagg. Men vissa HTML-taggar är ostängda taggar.

När en webbläsare läser ett HTML-dokument läser webbläsaren det uppifrån och ner och från vänster till höger. HTML-taggar används för att skapa HTML-dokument och återge deras egenskaper. Varje HTML-tagg har olika egenskaper.

En HTML-fil måste ha några viktiga taggar så att webbläsaren kan skilja mellan en enkel text och HTML-text. Du kan använda så många taggar du vill enligt ditt kodkrav.

  • Alla HTML-taggar måste omges inom dessa parenteser.
  • Varje tagg i HTML utför olika uppgifter.
  • Om du har använt en öppen tagg måste du använda en stäng tagg (förutom vissa taggar)

Syntax

innehåll


Exempel på HTML-taggar

Obs! HTML-taggar skrivs alltid med små bokstäver. De grundläggande HTML-taggarna ges nedan:

Stycketag

Rubriktagg

Fet tagg

Kursiv tagg

Understryka Tag

Testa det nu

Ostängda HTML-taggar

Vissa HTML-taggar är inte stängda, till exempel br och hr.


Märka
: br står för break line, det bryter kodens rad.


Märka: hr står för horisontell regel. Denna tagg används för att sätta en linje över webbsidan.


HTML-metataggar

DOCTYPE, titel, länk, meta och stil


HTML-texttaggar

,

Rubrik nivå 2

Rubrik nivå 3

Rubrik nivå 4

Rubrik nivå 5
Rubrik nivå 6

Fyra fem.
:

Med hjälp av denna tagg kan vi dela upp webbsidan. Det står för horisontell regel eller temabrytning.

Syntax:

<hr>

46.:

Med hjälp av denna tagg finns alla andra element i den. Det är också känt som roten till HTML-elementet.

Syntax:

 

47. :

Med hjälp av denna tagg kan vi göra vilket innehåll som helst kursivt. Den framhäver en viktig term, fras eller teknisk term.

Syntax:

 <i>Italicized Text</i> 

48.

Med hjälp av denna tagg kan vi bädda in ytterligare en HTML-sida i den aktuella webbsidan.

Syntax:

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

49. :

Med hjälp av denna tagg kan vi bädda in en bild på den aktuella webbsidan. Den länkar en bild till bilden utan att direkt infoga den på webbsidan.

Syntax:

femtio.

Med hjälp av denna tagg kan vi aktivera interaktiv kontroll i formuläret. Det beror också på de olika fälten för attributtypen.

Syntax:

51. :

Med hjälp av denna tagg kan vi specificera blocket för den infogade texten. Det betyder också att ett visst intervall av text har lagts till i dokumentet.

Syntax:

Inserted Text

52. :

Med hjälp av den här taggen kan vi hänvisa till textdelen av den infogade texten som representerar användarens tangentbord, röst eller någon annan textinmatningsenhet.

Syntax:

Keyboard Input

53. :

Med hjälp av den här taggen kan vi förbättra användbarheten för musanvändare, d.v.s. att klicka på etiketten växlar kontrollen.

Syntax:

Label Text

54. :

Med hjälp av denna tagg kan vi definiera titeln för barnets innehåll. Legender är det överordnade elementet för alla underordnade element. Vi kan definiera dessa element med hjälp av .

Syntax:

 Fieldset Caption 

55.
  • :
  • Med hjälp av denna tagg kan vi representera listan över objekt på webbsidan. Den innehåller en ordnad lista (en oordnad eller en meny) som ett överordnat element.

    Syntax:

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

    56. :

    Med hjälp av denna tagg kan vi länka externa resurser till den aktuella webbsidan.

    Syntax:

    metod åsidosättande i java

    57. :

    Med hjälp av denna tagg kan vi göra ett vanligt element till det viktigaste elementet. Vi måste skriva denna tagg inuti taggen.

    Syntax:

     

    58. :

    Med hjälp av denna tagg kan vi definiera kartbilden. Bildkartan har också ett klickbart område.

    Syntax:

     

    59.:

    Med hjälp av denna tagg kan vi representera texten som markerad, som kommer att användas för referens- eller notationsändamål. Utifrån innehållets betydelse lyfte den fram texten.

    Syntax:

    Highlighted Text

    60. :

    Med hjälp av denna tagg kan vi representera dokumentets metadata. Metadata innehåller sidbeskrivning, nyckelord, upphovsrätt, språket som används och författaren.

    Syntax:

    61. :

    Med hjälp av denna tagg kan vi representera måtten inom ett givet intervall eller bråkvärden. Det är också känt som mätaren.

    Syntax:

    Fallback Content

    62. :

    Med hjälp av denna tagg kan vi representera avsnittet av navigeringslänkar i ett dokument. Några exempel på nav-taggar är Menyer, innehållsförteckningar, index, etc.

    Syntax:

     

    63. :

    Med hjälp av detta kan vi tillhandahålla ett alternativt skript när användarens webbläsare inte stöder just det skriptet. Det fungerar också när användarens webbläsare inte stöder skript på klientsidan eller inte stöder något skriptspråk.

    Syntax:

     

    64. :

    Med hjälp av denna tagg kan vi visa multimedia som ljud, videor, bilder, PDF-filer och Flash på webbsidor.

    Syntax:

    65.
      :

    Denna tagg används för att skapa den beställda listan. Den ordnade listan kan vara numerisk eller alfabetisk. Inuti

      taggen kan vi skapa listan med hjälp av
    1. märka. Den kommer då att följa ordningen.

    Syntax:

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

    66. :

    Denna tagg används i skapandet av rullgardinsmenyn. Med hjälp av denna tagg kan vi definiera gruppen av alternativ.

    Syntax:

     Option 1 Option 2 

    67. :

    Med hjälp av denna tagg kan vi definiera alternativet i rullgardinsmenyn genom att använda taggen.

    Syntax:

     Option Text 

    68.:

    Med hjälp av denna tagg kan vi skapa behållaren för elementet som injicerar resultatet av beräkningen.

    Syntax:

    69.:

    Med hjälp av denna tagg kan vi definiera paragraftaggen. Med hjälp av en stycketagg kan vi representera det visuella mediet som textblock separerade från intilliggande block med tomma rader eller första rads indrag.

    Syntax:

    Paragraph text goes here.

    70. :

    Med hjälp av denna tagg kan vi definiera parametern för ett objekt. Med hjälp av detta kan vi skicka parametern för ett annat inbäddat objekt.

    Syntax:

     

    71. :

    Med hjälp av denna tagg kan vi ge webbsidan flexibilitet genom att specificera bilden. Den innehåller även taggar som och .

    Syntax:

      

    72.
    :

    Med hjälp av denna tagg kan vi deklarera blocket med förformaterad text på webbsidan som det förformaterade tecknet, såsom mellanslag, radbrytningar, tabbar, etc.

    Syntax:

    Den förformaterade texten kommer hit.

    73. :

    Med hjälp av denna tagg kan vi visa förloppet för uppgiften. Med hjälp av detta kan utvecklaren skapa en förloppsindikator på sin webbsida.

    Syntax:

    74. :

    Med hjälp av denna tagg kan vi skapa en inline offert på webbsidan. Texten finns inom citattecken i de flesta webbläsare idag.

    Syntax:

    Here is a short quotation within a sentence.

    75. :

    Med hjälp av denna tagg kan vi använda den i reservparentesen när en webbläsare inte stöder ruby-kommentarer.

    Syntax:

     Base text (Ruby text) 

    76. :

    Med hjälp av den här taggen kan vi definiera uttalet för tecknet inuti rubinkommentaren.

    Syntax:

     Base text Ruby text 

    77. :

    Med hjälp av detta kan vi definiera de östasiatiska karaktärernas uttal och representera små anteckningar ovanför, under eller bredvid grundtexten.

    Syntax:

     Base text Ruby text 

    78.:

    Med hjälp av denna tagg kan vi rendera texten med en genomstruken eller en linje genom den. Vi kan använda den här taggen när saker och ting inte längre är korrekta eller relevanta.

    Syntax:

    Struck-through text

    79.:

    Med hjälp av denna tagg kan vi definiera exempelutdata för datorprogrammet. Innehållet i denna tagg visas med ett teckensnitt med monospace i webbläsaren.

    Syntax:

    Sample text or code goes here

    80. :

    Med hjälp av denna tagg kan vi infoga skriptet på klientsidan. Det gör det också möjligt att infoga skriptet på HTML-webbsidan.

    Syntax:

    81. :

    Med hjälp av den här taggen kan vi skapa sidhuvudet och sidfoten eller någon annan sektion på webbsidan.

    Syntax:

     

    82. :

    Med hjälp av denna tagg kan vi definiera listan med alternativ i listan.

    Syntax:

     Option Text 

    83. :

    Med hjälp av den här taggen kan vi minska teckenstorleken med en storlek mindre än dess basstorlek, till exempel från stor till liten.

    Syntax:

    Small text goes here

    84.

    Med hjälp av den här taggen kan vi länka flera medieresurser som och ,

    Syntax:

    85.

    Med hjälp av denna tagg kan vi definiera innehållet som mycket viktigt. Webbläsaren kommer att visa det elementet i fet stil.

    Syntax:

     <strong>Emphasized text</strong> 

    86.:

    Det är det mest generiska elementet i HTML. Vi kan tillämpa stilen genom att gruppera elementen.

    Syntax:

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

    87. :

    Vi kan tillhandahålla stilinformationen för dokumentet med hjälp av denna tagg.

    Syntax:

     CSS rules go here 

    88.:

    Med hjälp av denna tagg kan vi visa det nedsänkta elementet endast av typografiska skäl.

    Syntax:

    <sub>Subscript text</sub>

    89. :

    Med hjälp av denna tagg kan vi skapa en ruta med hjälp av element som innehåller sammanfattningen, bildtexten eller legenden. När vi klickar på sammanfattningsknappen utförs det öppna/stängda tillståndet för det överordnade *details>-elementet.

    Syntax:

     Summary text 

    90.:

    Med hjälp av den här taggen kan vi visa vilken text som helst som upphöjt till inline-elementet.

    Syntax:

    <sup>Superscript text</sup>

    91. :

    Med hjälp av denna tagg kan vi bädda in SVG-graferna på webbsidan. Dessutom kan vi definiera vektorgrafiken i ett XML-format med hjälp av denna tagg.

    Syntax:

     

    92.:

    Med hjälp av denna tagg kan vi definiera data i ett tabellformat i HTML. Det kommer att skapa en tvådimensionell tabell som har några rader och kolumner.

    Syntax:

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

    93.:

    Med hjälp av denna tagg kan vi kapsla in tabellens rader associerade med tabellkroppen.

    Syntax:

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

    94.:

    Med hjälp av denna tagg kan vi definiera tabellens cell. En tabellrad kan bestå av mer än enelement. Standardinställningen lämnas i detta element.

    Syntax:

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