HTML-tags zijn vergelijkbaar met trefwoorden die bepalen hoe de webbrowser de inhoud zal opmaken en weergeven. Met behulp van tags kan een webbrowser onderscheid maken tussen HTML-inhoud en eenvoudige inhoud. HTML-tags bestaan uit drie hoofdonderdelen: openingstag, inhoud en sluitingstag. Maar sommige HTML-tags zijn niet-gesloten tags.
Wanneer een webbrowser een HTML-document leest, leest de browser het van boven naar beneden en van links naar rechts. HTML-tags worden gebruikt om HTML-documenten te maken en hun eigenschappen weer te geven. Elke HTML-tag heeft verschillende eigenschappen.
Een HTML-bestand moet een aantal essentiële tags bevatten, zodat de webbrowser onderscheid kan maken tussen eenvoudige tekst en HTML-tekst. U kunt zoveel tags gebruiken als u wilt, afhankelijk van uw codevereiste.
- Alle HTML-tags moeten tussen deze haakjes staan.
- Elke tag in HTML voert verschillende taken uit.
- Als je een open-tag hebt gebruikt, moet je een close-tag gebruiken (behalve sommige tags)
Syntaxis
inhoud
Voorbeelden van HTML-tags
Opmerking: HTML-tags worden altijd in kleine letters geschreven. De basis HTML-tags worden hieronder gegeven:
Paragraaftag
Koptag
Vetgedrukte tag
Cursieve tag
Onderstreep label
Test het nuNiet-gesloten HTML-tags
Sommige HTML-tags zijn niet gesloten, bijvoorbeeld br en hr.
Label: br staat voor break line, het breekt de regel van de code.
Label: hr staat voor Horizontale Regel. Deze tag wordt gebruikt om een lijn over de webpagina te zetten.
HTML-metatags
DOCTYPE, titel, link, meta en stijl
HTML-teksttags
,
Kopniveau 2
Kopniveau 3
Kopniveau 4
Kopniveau 5
Kopniveau 6
Vier vijf.
:
Met behulp van deze tag kunnen we de webpagina verdelen. Het staat voor horizontale regel of thema-onderbreking.
Syntaxis:
<hr>
46. :
Met behulp van deze tag worden alle andere elementen erin opgenomen. Het wordt ook wel de root van het HTML-element genoemd.
Syntaxis:
als het anders in Java is
47. :
Met behulp van deze tag kunnen we elke inhoud cursief maken. Het markeert een belangrijke term, zinsnede of technische term.
Syntaxis:
<i>Italicized Text</i>
48.
Met behulp van deze tag kunnen we een andere HTML-pagina in de huidige webpagina insluiten.
Syntaxis:
<iframe src="url"></iframe>
49. :
Met behulp van deze tag kunnen we een afbeelding in de huidige webpagina insluiten. Het koppelt een afbeelding aan de afbeelding zonder deze rechtstreeks in de webpagina in te voegen.
Syntaxis:
vijftig.
Met behulp van deze tag kunnen we interactieve controle in het formulier mogelijk maken. Het hangt ook af van de verschillende velden van het attribuuttype.
Syntaxis:
51. :
Met behulp van deze tag kunnen we het blok van de ingevoegde tekst specificeren. Het betekent ook dat een bepaald tekstbereik aan het document is toegevoegd.
Syntaxis:
Inserted Text
52. :
Met behulp van deze tag kunnen we verwijzen naar het tekstgedeelte van de inlinetekst dat het toetsenbord, de stem of een ander tekstinvoerapparaat van de gebruiker vertegenwoordigt.
Syntaxis:
Keyboard Input
53. :
Met behulp van deze tag kunnen we de bruikbaarheid voor muisgebruikers verbeteren, d.w.z. als u op het label klikt, wordt de bediening omgeschakeld.
Syntaxis:
Label Text
54. :
Met behulp van deze tag kunnen we de titel voor de inhoud van het kind definiëren. Legenda's zijn het bovenliggende element van alle onderliggende elementen. We kunnen deze elementen definiëren met behulp van .
Syntaxis:
Fieldset Caption
55.
Met behulp van deze tag kunnen we de lijst met items op de webpagina weergeven. Het bevat een geordende lijst (een ongeordende lijst of een menu) als bovenliggend element.
Syntaxis:
<ul> <li>List Item 1</li> <li>List Item 2</li> <li>List Item 3</li> </ul>
56. :
Met behulp van deze tag kunnen we externe bronnen aan de huidige webpagina koppelen.
Syntaxis:
57. :
Met behulp van deze tag kunnen we van een gewoon element het belangrijkste element maken. We moeten deze tag in de tag schrijven.
Syntaxis:
58. :
Met behulp van deze tag kunnen we de kaartafbeelding definiëren. De imagemap heeft ook een klikbaar gebied.
Syntaxis:
59. :
Met behulp van deze tag kunnen we de tekst gemarkeerd weergeven, wat zal worden gebruikt voor referentie- of notatiedoeleinden. Op basis van het belang van de inhoud werd de tekst benadrukt.
Syntaxis:
Highlighted Text
60. :
Met behulp van deze tag kunnen we de metadata van het document weergeven. De metadata bevatten paginabeschrijving, trefwoorden, copyright, de gebruikte taal en de auteur.
Syntaxis:
61. :
Met behulp van deze tag kunnen we de metingen binnen een bepaald bereik of fractionele waarden weergeven. Het wordt ook wel de meter genoemd.
Syntaxis:
Fallback Content
62. :
Met behulp van deze tag kunnen we het gedeelte met navigatielinks in een document weergeven. Enkele voorbeelden van navigatietags zijn menu's, inhoudsopgaven, indexen, enz.
Syntaxis:
63. :
Met behulp hiervan kunnen we een alternatief script aanbieden wanneer de browser van de gebruiker het betreffende script niet ondersteunt. Het werkt ook wanneer de browser van de gebruiker geen scripting aan de clientzijde ondersteunt of geen enkele scripttaal ondersteunt.
Syntaxis:
64. :
Met behulp van deze tag kunnen we multimedia zoals audio, video's, afbeeldingen, pdf's en Flash op webpagina's weergeven.
Syntaxis:
65.:
Deze tag wordt gebruikt voor het maken van de geordende lijst. De geordende lijst kan numeriek of alfabetisch zijn. Binnen in de
- tag, kunnen we de lijst maken met behulp van de
- label. Het zal dan de volgorde volgen.
Syntaxis:
<ol> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ol>
66. :
Deze tag wordt gebruikt bij het maken van de vervolgkeuzelijst. Met behulp van deze tag kunnen we de groep opties definiëren.
Syntaxis:
Option 1 Option 2
67. :
Met behulp van deze tag kunnen we de optie in de vervolgkeuzelijst definiëren door de tag te gebruiken.
Syntaxis:
Option Text
68. :
Met behulp van deze tag kunnen we de container maken voor het element dat het resultaat van de berekening injecteert.
Syntaxis:
69. :
Met behulp van deze tag kunnen we de paragraaftag definiëren. Met behulp van een alineatag kunnen we de visuele media weergeven als tekstblokken, gescheiden van aangrenzende blokken door lege regels of inspringing in de eerste regel.
Syntaxis:
Paragraph text goes here.
70. :
Met behulp van deze tag kunnen we de parameter voor een object definiëren. Met behulp hiervan kunnen we de parameter voor een ander ingebed object doorgeven.
Syntaxis:
71. :
Met behulp van deze tag kunnen we flexibiliteit aan de webpagina bieden door de afbeelding te specificeren. Het bevat ook tags zoals en .
Syntaxis:
72.:
Met behulp van deze tag kunnen we het blok met vooraf opgemaakte tekst op de webpagina het vooraf opgemaakte teken noemen, zoals spaties, regeleinden, tabs, enz.
Syntaxis:
De vooraf opgemaakte tekst komt hier terecht.
73. :
Met behulp van deze tag kunnen we de voortgang van de taak weergeven. Met behulp hiervan kan de ontwikkelaar een voortgangsbalk op zijn webpagina maken.
Syntaxis:
74. :
Met behulp van deze tag kunnen we een inline offerte op de webpagina maken. Tegenwoordig staat de tekst in de meeste browsers tussen aanhalingstekens.
Syntaxis:
Here is a short quotation within a sentence.
75. :
Met behulp van deze tag kunnen we deze gebruiken als reservehaakje wanneer een browser geen ruby-annotaties ondersteunt.
Syntaxis:
Base text (Ruby text)
76. :
Met behulp van deze tag kunnen we de uitspraak van het teken binnen de robijnrode annotatie definiëren.
Syntaxis:
Base text Ruby text
77. :
Met behulp hiervan kunnen we de uitspraken van de Oost-Aziatische karakters definiëren en kleine annotaties boven, onder of naast de basistekst weergeven.
Syntaxis:
Base text Ruby text
78. :
Met behulp van deze tag kunnen we de tekst doorhalen of doorhalen. We kunnen deze tag gebruiken als dingen niet langer nauwkeurig of relevant zijn.
Syntaxis:
Struck-through text
79. :
Met behulp van deze tag kunnen we de voorbeelduitvoer van het computerprogramma definiëren. De inhoud van deze tag wordt weergegeven met een monospaced lettertype in de browser.
Syntaxis:
Sample text or code goes here
80. :
Met behulp van deze tag kunnen we scripting aan de clientzijde invoegen. Het maakt ook het invoegen van het script in de HTML-webpagina mogelijk.
Syntaxis:
81. :
Met behulp van deze tag kunnen we de kop- en voettekst of een ander gedeelte op de webpagina maken.
Syntaxis:
82. :
Met behulp van deze tag kunnen we de lijst met opties in de lijst definiëren.
Syntaxis:
Option Text
83. :
Met behulp van deze tag kunnen we de lettergrootte één maat kleiner maken dan de basisgrootte, bijvoorbeeld van groot naar klein.
Syntaxis:
Small text goes here
84.
Met behulp van deze tag kunnen we meerdere mediabronnen koppelen, zoals en ,
Syntaxis:
85.
Met behulp van deze tag kunnen we de inhoud als zeer belangrijk definiëren. De browser zal dat element vetgedrukt weergeven.
Syntaxis:
<strong>Emphasized text</strong>
86.:
Het is het meest algemene element in de HTML. We kunnen de stijl toepassen door de elementen te groeperen.
Syntaxis:
<span>Text or content goes here</span>
87. :
Met behulp van deze tag kunnen we de stijlinformatie voor het document verstrekken.
Syntaxis:
CSS rules go here
88.:
Met behulp van deze tag kunnen we het subscript-element alleen om typografische redenen weergeven.
Syntaxis:
<sub>Subscript text</sub>
89. :
Met behulp van deze tag kunnen we een kader maken met behulp van een element dat de samenvatting, het bijschrift of de legenda bevat. Wanneer we op de samenvattingsknop klikken, wordt de open/gesloten status van het bovenliggende *details>-element uitgevoerd.
Syntaxis:
Summary text
90.:
Met behulp van deze tag kunnen we elke tekst weergeven als superscript van het inline-element.
Syntaxis:
<sup>Superscript text</sup>
91. :
Met behulp van deze tag kunnen we de SVG-grafieken in de webpagina insluiten. Met behulp van deze tag kunnen we de vectorafbeeldingen ook in XML-formaat definiëren.
Syntaxis:
92.
Met behulp van deze tag kunnen we de gegevens in tabelvorm in HTML definiëren. Er wordt een tweedimensionale tabel gemaakt met enkele rijen en kolommen.
Syntaxis:
<table class="table"> </table>
93.:
Met behulp van deze tag kunnen we de rijen van de tabel inkapselen die aan de tabeltekst zijn gekoppeld.
Syntaxis:
<table class="table"> <tbody> </tbody> </table>
94.:
Met behulp van deze tag kunnen we de cel van de tabel definiëren. Een tabelrij kan uit meer dan één tabelrij bestaan
Syntaxis:
<tr> <td>Table cell content</td> </tr>