logo

Tagi HTML

Tagi HTML są jak słowa kluczowe, które definiują sposób, w jaki przeglądarka internetowa będzie formatować i wyświetlać zawartość. Za pomocą tagów przeglądarka internetowa może rozróżnić treść HTML od treści prostej. Tagi HTML składają się z trzech głównych części: tagu otwierającego, treści i tagu zamykającego. Ale niektóre tagi HTML są tagami niezamkniętymi.

Gdy przeglądarka internetowa odczytuje dokument HTML, czyta go od góry do dołu i od lewej do prawej. Tagi HTML służą do tworzenia dokumentów HTML i renderowania ich właściwości. Każdy znacznik HTML ma inne właściwości.

Plik HTML musi zawierać kilka istotnych znaczników, aby przeglądarka internetowa mogła odróżnić prosty tekst od tekstu HTML. Możesz użyć dowolnej liczby tagów, zgodnie z wymaganiami kodu.

  • Wszystkie znaczniki HTML muszą być ujęte w te nawiasy.
  • Każdy tag w HTML wykonuje inne zadania.
  • Jeśli użyłeś tagu otwartego, musisz użyć tagu zamykającego (z wyjątkiem niektórych tagów)

Składnia

treść


Przykłady tagów HTML

Uwaga: Tagi HTML są zawsze pisane małymi literami. Podstawowe znaczniki HTML podano poniżej:

Znacznik akapitu

Etykieta nagłówka

Pogrubiony znacznik

Kursywa

Podkreśl znacznik

Przetestuj teraz

Niezamknięte tagi HTML

Niektóre tagi HTML nie są zamknięte, np. br i hr.


Etykietka
: br oznacza linię przerwania, przerywa linię kodu.


Etykietka: hr oznacza regułę poziomą. Ten tag służy do umieszczania linii na stronie internetowej.


Metatagi HTML

DOCTYPE, tytuł, link, meta i styl


Tagi tekstowe HTML

,

Poziom nagłówka 2

Poziom nagłówka 3

Poziom nagłówka 4

Poziom nagłówka 5
Poziom nagłówka 6

Cztery pięć.
:

Za pomocą tego tagu możemy podzielić stronę internetową. Oznacza linię poziomą lub podział motywu.

Składnia:

rzutuj ciąg jako int
<hr>

46. ​​:

Za pomocą tego znacznika wszystkie inne elementy są przez niego zawarte. Jest również znany jako katalog główny elementu HTML.

Składnia:

 

47. :

Za pomocą tego tagu możemy zastosować kursywę do dowolnej treści. Podkreśla ważny termin, frazę lub termin techniczny.

Składnia:

 <i>Italicized Text</i> 

48.

Za pomocą tego tagu możemy osadzić kolejną stronę HTML w bieżącej stronie internetowej.

Składnia:

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

49. :

Za pomocą tego tagu możemy osadzić obraz na bieżącej stronie internetowej. Łączy obraz z obrazem bez bezpośredniego wstawiania go na stronę internetową.

Składnia:

pięćdziesiąt.

Za pomocą tego tagu możemy włączyć interaktywną kontrolę w formularzu. Zależy to również od różnych pól typu atrybutu.

Składnia:

51. :

Za pomocą tego tagu możemy określić blok wstawianego tekstu. Oznacza to również, że do dokumentu dodano określony zakres tekstu.

Składnia:

Inserted Text

52. :

Za pomocą tego tagu możemy odnieść się do tekstowej części tekstu wbudowanego, która reprezentuje klawiaturę, głos lub inne urządzenie do wprowadzania tekstu użytkownika.

Składnia:

Keyboard Input

53. :

Za pomocą tego tagu możemy poprawić użyteczność dla użytkowników myszy, tzn. kliknięcie w etykietę spowoduje przełączenie sterowania.

Składnia:

Label Text

54. :

Za pomocą tego tagu możemy zdefiniować tytuł treści dziecka. Legendy są elementem nadrzędnym wszystkich elementów podrzędnych. Elementy te możemy zdefiniować za pomocą .

Składnia:

 Fieldset Caption 

55.
  • :
  • Za pomocą tego tagu możemy przedstawić listę elementów na stronie internetowej. Zawiera uporządkowaną listę (nieuporządkowaną lub menu) jako element nadrzędny.

    Składnia:

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

    56. :

    Za pomocą tego tagu możemy połączyć zasoby zewnętrzne z bieżącą stroną internetową.

    Składnia:

    57. :

    Za pomocą tego tagu możemy ze zwykłego elementu uczynić najważniejszy element. Musimy zapisać ten tag wewnątrz tagu.

    Składnia:

     

    58. :

    Za pomocą tego tagu możemy zdefiniować obraz mapy. Mapa obrazu posiada również obszar, który można kliknąć.

    Składnia:

     

    59. :

    Za pomocą tego znacznika możemy przedstawić podświetlony tekst, który będzie używany w celach informacyjnych lub notacyjnych. Ze względu na wagę treści wyróżniono tekst.

    Składnia:

    Highlighted Text

    60. :

    Za pomocą tego tagu możemy przedstawić metadane dokumentu. Metadane zawierają opis strony, słowa kluczowe, prawa autorskie, używany język i autora.

    przykład klasy Java

    Składnia:

    61. :

    Za pomocą tego znacznika możemy przedstawić pomiary w danym zakresie lub wartościach ułamkowych. Nazywa się go również miernikiem.

    Składnia:

    Fallback Content

    62. :

    Za pomocą tego tagu możemy przedstawić sekcję linków nawigacyjnych w dokumencie. Przykładami tagów nawigacyjnych są menu, spisy treści, indeksy itp.

    Składnia:

     

    63. :

    Dzięki temu możemy zapewnić alternatywny skrypt, gdy przeglądarka użytkownika nie obsługuje danego skryptu. Działa również wtedy, gdy przeglądarka użytkownika nie obsługuje skryptów po stronie klienta lub nie obsługuje żadnego języka skryptowego.

    Składnia:

     

    64. :

    Za pomocą tego tagu możemy wyświetlać multimedia, takie jak audio, wideo, obrazy, pliki PDF i Flash na stronach internetowych.

    Składnia:

    65.
      :

    Znacznik ten służy do tworzenia uporządkowanej listy. Uporządkowana lista może być numeryczna lub alfabetyczna. W środku

      tag, możemy utworzyć listę za pomocą
    1. etykietka. Następnie zastosuje się do kolejności.

    Składnia:

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

    66. :

    Znacznik ten jest używany podczas tworzenia listy rozwijanej. Za pomocą tego tagu możemy zdefiniować grupę opcji.

    Składnia:

     Option 1 Option 2 

    67. :

    Za pomocą tego tagu możemy zdefiniować opcję na liście rozwijanej za pomocą tagu.

    Składnia:

     Option Text 

    68. :

    Za pomocą tego tagu możemy stworzyć kontener dla elementu, który wstrzyknie wynik obliczeń.

    Składnia:

    69. :

    Za pomocą tego tagu możemy zdefiniować tag akapitu. Za pomocą znacznika akapitu możemy przedstawić media wizualne jako bloki tekstu oddzielone od sąsiednich bloków pustymi liniami lub wcięciami pierwszego wiersza.

    Składnia:

    Paragraph text goes here.

    70. :

    Za pomocą tego tagu możemy zdefiniować parametr obiektu. Za pomocą tego możemy przekazać parametr do innego osadzonego obiektu.

    Składnia:

     

    71. :

    Za pomocą tego tagu możemy zapewnić stronie internetowej elastyczność poprzez określenie obrazu. Zawiera także znaczniki takie jak i .

    Składnia:

      

    72.
    :

    Za pomocą tego tagu możemy zadeklarować na stronie internetowej blok wstępnie sformatowanego tekstu jako znak wstępnie sformatowany, taki jak spacje, podziały wierszy, tabulatory itp.

    Składnia:

    Tutaj znajduje się wstępnie sformatowany tekst.

    73. :

    Za pomocą tego tagu możemy wyświetlić postęp zadania. Za pomocą tego programista może utworzyć pasek postępu na swojej stronie internetowej.

    Składnia:

    74. :

    Za pomocą tego tagu możemy stworzyć wycenę inline na stronie internetowej. Obecnie w większości przeglądarek tekst jest zawarty w cudzysłowie.

    Składnia:

    Here is a short quotation within a sentence.

    75. :

    Za pomocą tego tagu możemy go użyć w nawiasie zastępczym, gdy przeglądarka nie obsługuje adnotacji Ruby.

    Składnia:

     Base text (Ruby text) 

    76. :

    Za pomocą tego tagu możemy zdefiniować wymowę znaku wewnątrz adnotacji Ruby.

    Składnia:

     Base text Ruby text 

    77. :

    Za pomocą tego możemy zdefiniować wymowę znaków wschodnioazjatyckich i przedstawić małe adnotacje powyżej, poniżej lub obok tekstu podstawowego.

    Składnia:

     Base text Ruby text 

    78. :

    Za pomocą tego tagu możemy renderować tekst przekreślony lub przekreślony. Możemy użyć tego tagu, gdy rzeczy nie są już dokładne lub istotne.

    widoki i tabele

    Składnia:

    Struck-through text

    79. :

    Za pomocą tego znacznika możemy zdefiniować przykładowy wynik programu komputerowego. Treść tego tagu jest wyświetlana w przeglądarce przy użyciu czcionki o stałej szerokości.

    Składnia:

    Sample text or code goes here

    80. :

    Za pomocą tego tagu możemy wstawić skrypt po stronie klienta. Umożliwia także wstawienie skryptu na stronę HTML.

    Składnia:

    81. :

    Za pomocą tego tagu możemy stworzyć nagłówek i stopkę lub dowolną inną sekcję na stronie internetowej.

    Składnia:

     

    82. :

    Za pomocą tego tagu możemy zdefiniować listę opcji wewnątrz listy.

    Składnia:

     Option Text 

    83. :

    Za pomocą tego tagu możemy zmniejszyć rozmiar czcionki o jeden rozmiar mniejszy od jej rozmiaru bazowego, np. z dużej na małą.

    Składnia:

    Small text goes here

    84.

    Za pomocą tego tagu możemy połączyć wiele zasobów multimedialnych, takich jak i ,

    Składnia:

    85.

    Za pomocą tego tagu możemy określić treść jako bardzo ważną. Przeglądarka wyświetli ten element pogrubioną czcionką.

    Składnia:

     <strong>Emphasized text</strong> 

    86.:

    Jest to najbardziej ogólny element w kodzie HTML. Styl możemy zastosować grupując elementy.

    Składnia:

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

    87. :

    Za pomocą tego znacznika możemy podać informacje o stylu dokumentu.

    Składnia:

     CSS rules go here 

    88.:

    Za pomocą tego tagu możemy wyświetlić element indeksu dolnego tylko ze względów typograficznych.

    Składnia:

    <sub>Subscript text</sub>

    89. :

    Za pomocą tego tagu możemy stworzyć box za pomocą elementu zawierającego podsumowanie, podpis lub legendę. Kiedy klikniemy przycisk podsumowania, wykona on stan otwarty/zamknięty nadrzędnego elementu *details>.

    Składnia:

     Summary text 

    90.:

    Za pomocą tego tagu możemy wyświetlić dowolny tekst jako indeks górny elementu inline.

    Składnia:

    <sup>Superscript text</sup>

    91. :

    Za pomocą tego tagu możemy osadzić wykresy SVG na stronie internetowej. Za pomocą tego tagu możemy również zdefiniować grafikę wektorową w formacie XML.

    Składnia:

     

    92.:

    Za pomocą tego tagu możemy zdefiniować dane w formacie tabelarycznym w HTML. Utworzy dwuwymiarową tabelę zawierającą kilka wierszy i kolumn.

    Składnia:

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

    93.:

    Za pomocą tego znacznika możemy enkapsulować wiersze tabeli powiązane z treścią tabeli.

    Składnia:

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

    94.:

    Za pomocą tego tagu możemy zdefiniować komórkę tabeli. Wiersz tabeli może składać się z więcej niż jednegoelement. Domyślne wyrównanie pozostaje w tym elemencie.

    Składnia:

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