Elementen groeperen om een bepaalde actie in uit te voeren is een heel belangrijke taak. Span-tag in HTML is iets dat hier in beeld komt. Laten we eens kijken wat de span-tag is en hoe het werkt in de volgende volgorde:
Wat is een span-tag in HTML?
In HTMLtag wordt voornamelijk gebruikt voor het groeperen van elementen en het toepassen van stijlen overeenkomstig de inline elementen. Er is een verschil tussen detag en tag. Detag wordt gebruikt met de inline-elementen terwijl de tag wordt gebruikt met inhoud op blokniveau.
In een alineatag wordt gebruikt om een stijl toe te passen op een bepaalde groep woorden. Met een bepaalde set lettertypecodes. Hierin zijn er drie verschillende typen om kleuren in te stellen op de webpagina die u hebt gemaakt.
Kleurcodering voor span-tag
De kleuren kunnen direct worden gespecificeerd zoals groen, blauw. Hex-codes - Er is een zescijferige code die de hoeveelheid kleur aangeeft. Decimale waarden of percentagewaarden voor kleur - de eigenschap RGB () wordt gebruikt om de kleuren op te geven. Deze hexadecimale codes worden voorafgegaan door een hekje of hekje #. Hieronder volgt de lijst met enkele kleuren die hexadecimale notaties gebruiken.
| Kleur | Hex-code |
| Zwart | # 000000 |
| Netto | # FF0000 |
| Limoen | # 00FF00 |
| Blauw | # 0000FF |
| Geel | # FFFF00 |
| Aqua | # 00FFFF |
| Fuchsia | # FF00FF |
| Zilver | # C0C0C0 |
| Wit | #FFFFFF |
Voorbeeld
HTML span-tagDit is een alinea Dit is een alinea Dit is een alinea
Dit is een andere alinea
js krijgen de lengte van de array
De output van Code:
Zoals u kunt zien, hebben we met succes de span-tag geïmplementeerd om onze HTML-body aan te passen. Hiermee zijn we aan het einde van dit artikel gekomen.
Bekijk onze die wordt geleverd met live training onder leiding van een instructeur en real-life projectervaring. Deze training maakt je bedreven in vaardigheden om met back-end en front-end webtechnologieën te werken. Het omvat training over webontwikkeling, jQuery, Angular, NodeJS, ExpressJS en MongoDB.
Heeft u een vraag voor ons? Vermeld het in het commentaargedeelte van de 'Span Tag in HTML' -blog en we nemen zo spoedig mogelijk contact met u op.