logo

Tag HTML

I tag HTML sono come parole chiave che definiscono il modo in cui il browser Web formatterà e visualizzerà il contenuto. Con l'aiuto dei tag, un browser web può distinguere tra un contenuto HTML e un contenuto semplice. I tag HTML contengono tre parti principali: tag di apertura, contenuto e tag di chiusura. Ma alcuni tag HTML sono tag non chiusi.

Quando un browser Web legge un documento HTML, il browser lo legge dall'alto al basso e da sinistra a destra. I tag HTML vengono utilizzati per creare documenti HTML e renderizzare le loro proprietà. Ogni tag HTML ha proprietà diverse.

Un file HTML deve avere alcuni tag essenziali in modo che il browser web possa distinguere tra un testo semplice e un testo HTML. Puoi utilizzare tutti i tag che desideri in base ai requisiti del codice.

Automi finiti non deterministici
  • Tutti i tag HTML devono essere racchiusi tra queste parentesi.
  • Ogni tag in HTML esegue compiti diversi.
  • Se hai utilizzato un tag di apertura, devi utilizzare un tag di chiusura (tranne alcuni tag)

Sintassi

contenuto


Esempi di tag HTML

Nota: i tag HTML sono sempre scritti in lettere minuscole. I tag HTML di base sono riportati di seguito:

Etichetta di paragrafo

Etichetta di intestazione

Etichetta in grassetto

Etichetta corsiva

Sottolinea l'etichetta

Provalo adesso

Tag HTML non chiusi

Alcuni tag HTML non sono chiusi, ad esempio br e hr.


Etichetta
: br sta per break line, interrompe la riga del codice.


Etichetta: hr sta per regola orizzontale. Questo tag viene utilizzato per inserire una linea nella pagina web.


Meta tag HTML

DOCTYPE, titolo, collegamento, meta e stile


Tag di testo HTML

,

Titolo livello 2

Titolo livello 3

Titolo livello 4

Titolo livello 5
Intestazione livello 6

Quattro cinque.
:

Con l'aiuto di questo tag possiamo dividere la pagina web. Sta per regola orizzontale o interruzione del tema.

Sintassi:

<hr>

46. ​​​​:

Con l'aiuto di questo tag, tutti gli altri elementi sono contenuti in esso. È anche noto come radice dell'elemento HTML.

Sintassi:

 

47. :

Con l'aiuto di questo tag possiamo rendere qualsiasi contenuto in corsivo. Evidenzia un termine, una frase o un termine tecnico importante.

Sintassi:

 <i>Italicized Text</i> 

48.

Con l'aiuto di questo tag possiamo incorporare un'altra pagina HTML nella pagina web corrente.

Sintassi:

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

49. :

Con l'aiuto di questo tag possiamo incorporare un'immagine nella pagina web corrente. Collega un'immagine all'immagine senza inserirla direttamente nella pagina web.

Sintassi:

cinquanta.

Con l'aiuto di questo tag possiamo abilitare il controllo interattivo nel modulo. Dipende anche dai vari campi del tipo di attributo.

Sintassi:

51. :

Con l'aiuto di questo tag possiamo specificare il blocco del testo inserito. Significa anche che una particolare porzione di testo è stata aggiunta al documento.

Sintassi:

Inserted Text

52. :

Con l'aiuto di questo tag, possiamo fare riferimento alla parte testuale del testo in linea che rappresenta la tastiera, la voce o qualsiasi altro dispositivo di input di testo dell'utente.

Sintassi:

Keyboard Input

53. :

Con l'aiuto di questo tag, possiamo migliorare l'usabilità per gli utenti del mouse, ovvero facendo clic sull'etichetta si attiva/disattiva il controllo.

Sintassi:

Label Text

54. :

Con l'aiuto di questo tag possiamo definire il titolo del contenuto del bambino. Le legende sono l'elemento genitore di tutti gli elementi figli. Possiamo definire questi elementi con l'aiuto di .

Sintassi:

 Fieldset Caption 

55.
  • :
  • Con l'aiuto di questo tag possiamo rappresentare l'elenco degli elementi sulla pagina web. Contiene un elenco ordinato (non ordinato o un menu) come elemento genitore.

    Sintassi:

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

    56. :

    Con l'aiuto di questo tag possiamo collegare risorse esterne alla pagina web corrente.

    Sintassi:

    57. :

    Con l'aiuto di questo tag possiamo rendere un elemento ordinario l'elemento più importante. Dobbiamo scrivere questo tag all'interno del tag.

    Sintassi:

     

    58. :

    Con l'aiuto di questo tag possiamo definire l'immagine della mappa. La mappa immagine ha anche un'area cliccabile.

    Sintassi:

     

    59. :

    Con l'aiuto di questo tag possiamo rappresentare il testo evidenziato, che verrà utilizzato come riferimento o a scopo di notazione. In base all'importanza del contenuto, ha evidenziato il testo.

    Sintassi:

    Highlighted Text

    60. :

    Con l'aiuto di questo tag possiamo rappresentare i metadati del documento. I metadati contengono la descrizione della pagina, le parole chiave, il copyright, la lingua utilizzata e l'autore.

    Sintassi:

    61. :

    Con l'aiuto di questo tag, possiamo rappresentare le misurazioni all'interno di un determinato intervallo o valori frazionari. È noto anche come calibro.

    set vs mappa

    Sintassi:

    Fallback Content

    62. :

    Con l'aiuto di questo tag possiamo rappresentare la sezione dei collegamenti di navigazione in un documento. Alcuni esempi di tag di navigazione sono menu, sommari, indici, ecc.

    Sintassi:

     

    63. :

    Con l'aiuto di questo possiamo fornire uno script alternativo quando il browser dell'utente non supporta quello script. Funziona anche quando il browser dell'utente non supporta lo scripting lato client o non supporta alcun linguaggio di scripting.

    Sintassi:

     

    64. :

    Con l'aiuto di questo tag possiamo visualizzare contenuti multimediali come audio, video, immagini, PDF e Flash sulle pagine web.

    Sintassi:

    65.
      :

    Questo tag viene utilizzato per la creazione dell'elenco ordinato. L'elenco ordinato può essere numerico o alfabetico. Dentro il

      tag, possiamo creare l'elenco utilizzando il tag
    1. etichetta. Seguirà quindi l'ordine.

    Sintassi:

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

    66. :

    Questo tag viene utilizzato nella creazione dell'elenco a discesa. Con l'aiuto di questo tag possiamo definire il gruppo di opzioni.

    Sintassi:

     Option 1 Option 2 

    67. :

    Con l'aiuto di questo tag, possiamo definire l'opzione nell'elenco a discesa utilizzando il tag.

    Sintassi:

     Option Text 

    68. :

    Con l'aiuto di questo tag possiamo creare il contenitore per l'elemento che inietta il risultato del calcolo.

    Sintassi:

    hashing nella struttura dei dati

    69. :

    Con l'aiuto di questo tag possiamo definire il tag del paragrafo. Con l'aiuto di un tag di paragrafo, possiamo rappresentare i media visivi come blocchi di testo separati dai blocchi adiacenti da righe vuote o rientro della prima riga.

    Sintassi:

    Paragraph text goes here.

    70. :

    Con l'aiuto di questo tag possiamo definire il parametro di un oggetto. Con l'aiuto di questo, possiamo passare il parametro per un altro oggetto incorporato.

    Sintassi:

     

    71. :

    Con l'aiuto di questo tag, possiamo fornire flessibilità alla pagina web specificando l'immagine. Contiene anche tag come e .

    Sintassi:

      

    72.
    :

    Con l'aiuto di questo tag possiamo dichiarare il blocco di testo preformattato sulla pagina web come carattere preformattato, come spazi, interruzioni di riga, tabulazioni, ecc.

    Sintassi:

    Il testo preformattato va qui.

    73. :

    Con l'aiuto di questo tag, possiamo visualizzare la progressione dell'attività. Con l'aiuto di questo, lo sviluppatore può creare una barra di avanzamento sulla propria pagina web.

    Sintassi:

    74. :

    Con l'aiuto di questo tag possiamo creare una citazione in linea sulla pagina web. Oggi il testo è contenuto tra virgolette nella maggior parte dei browser.

    Sintassi:

    Here is a short quotation within a sentence.

    75. :

    Con l'aiuto di questo tag, possiamo usarlo nella parentesi di fallback quando un browser non supporta le annotazioni Ruby.

    Sintassi:

     Base text (Ruby text) 

    76. :

    Con l'aiuto di questo tag possiamo definire la pronuncia del carattere all'interno dell'annotazione rubino.

    Sintassi:

     Base text Ruby text 

    77. :

    Con l'aiuto di questo possiamo definire la pronuncia dei caratteri dell'Asia orientale e rappresentare piccole annotazioni sopra, sotto o accanto al testo di base.

    Sintassi:

     Base text Ruby text 

    78. :

    Con l'aiuto di questo tag possiamo visualizzare il testo barrato o barrato. Possiamo utilizzare questo tag quando le cose non sono più accurate o pertinenti.

    Sintassi:

    Struck-through text

    79. :

    Con l'aiuto di questo tag possiamo definire l'output di esempio del programma per computer. Il contenuto di questo tag viene visualizzato utilizzando un carattere a spaziatura fissa nel browser.

    Sintassi:

    Sample text or code goes here

    80. :

    Con l'aiuto di questo tag possiamo inserire lo scripting lato client. Permette inoltre l'inserimento dello script nella pagina web HTML.

    Sintassi:

    81. :

    Con l'aiuto di questo tag possiamo creare l'intestazione e il piè di pagina o qualsiasi altra sezione della pagina web.

    Sintassi:

     

    82. :

    Con l'aiuto di questo tag, possiamo definire l'elenco delle opzioni all'interno dell'elenco.

    Sintassi:

     Option Text 

    83. :

    Con l'aiuto di questo tag possiamo ridurre la dimensione del carattere di una dimensione in meno rispetto alla dimensione di base, ad esempio da grande a piccolo.

    Sintassi:

    Small text goes here

    84.

    Con l'aiuto di questo tag, possiamo collegare più risorse multimediali come e ,

    Sintassi:

    85.

    Con l'aiuto di questo tag possiamo definire il contenuto come molto importante. Il browser visualizzerà quell'elemento in grassetto.

    Sintassi:

     <strong>Emphasized text</strong> 

    86.:

    È l'elemento più generico nell'HTML. Possiamo applicare lo stile raggruppando gli elementi.

    Sintassi:

    semplice programma Python
    <span>Text or content goes here</span>

    87. :

    Possiamo fornire le informazioni sullo stile del documento con l'aiuto di questo tag.

    Sintassi:

     CSS rules go here 

    88.:

    Con l'aiuto di questo tag possiamo visualizzare l'elemento pedice solo per motivi tipografici.

    Sintassi:

    <sub>Subscript text</sub>

    89. :

    Con l'aiuto di questo tag, possiamo creare una casella con l'aiuto dell'elemento che contiene il riepilogo, la didascalia o la legenda. Quando facciamo clic sul pulsante di riepilogo, viene eseguito lo stato aperto/chiuso dell'elemento genitore *details>.

    Sintassi:

     Summary text 

    90.:

    Con l'aiuto di questo tag possiamo visualizzare qualsiasi testo come apice dell'elemento inline.

    Sintassi:

    <sup>Superscript text</sup>

    91. :

    Con l'aiuto di questo tag possiamo incorporare i grafici SVG nella pagina web. Inoltre, possiamo definire la grafica vettoriale in un formato XML con l'aiuto di questo tag.

    Sintassi:

     

    92.:

    Con l'aiuto di questo tag possiamo definire i dati in formato tabellare in HTML. Creerà una tabella bidimensionale con alcune righe e colonne.

    Sintassi:

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

    93.:

    Con l'aiuto di questo tag possiamo incapsulare le righe della tabella associate al corpo della tabella.

    Sintassi:

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

    94.:

    Con l'aiuto di questo tag possiamo definire la cella della tabella. Una riga di tabella può essere composta da più di una rigaelemento. L'allineamento predefinito viene lasciato in questo elemento.

    Sintassi:

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