Hoe de waarde van de P-tag in Javascript te krijgen

| | | | | | | | | | | | | | | | | | | | | | | | | | |

Met de HTML -tag kunt u stijlen toepassen op een deel van een webpagina of alinea. Het wordt vaak gebruikt om tekst in een alinea te stileren, bijvoorbeeld door de kleur van een woord te veranderen. -tag heeft standaard geen stijlen.

Als u programmeert in HTML, kunt u besluiten dat u iets specifieks op uw webpagina wilt opmaken. U wilt bijvoorbeeld een bepaald woord in een zin of een specifieke link in een lijst met links benadrukken.

is waar de HTML -tag vandaan komt. is een generieke inline container waarmee u inhoud in een webdocument kunt formuleren. wordt vaak gebruikt voor opmaak - vooral voor tekstopmaak

In deze tutorial wordt met voorbeelden besproken hoe HTML ;. om een stijl toe te passen op de elementen van een webpagina. Tegen de tijd dat u klaar bent met het lezen van deze tutorial, bent u een expert in het gebruik van de HTML -tag.

HTML -tag

HTML deel van een webpaginatag. Het wordt vaak gebruikt in een

-element om stijlen toe te passen op een specifiek deel van een alinea. U kunt bijvoorbeeld gebruiken om de kleur van een woord in een alinea te wijzigen.

Op zichzelf heeft de tag geen standaardinstelling of renderer. Dit betekent dat als u de tag zonder attributen gebruikt, dit geen effect heeft op de manier waarop uw webpagina wordt weergegeven.

wordt vaak gebruikt met CSS om een bepaald stijl toe aan een of meer specifieke elementen op een webpagina. Met kunt u eenvoudig een bepaalde stijl toepassen op meerdere elementen tegelijk op een webpagina

>

HTML-syntaxis

De HTML Span-tag heeft een opening () en een sluiting () We kunnen de volgende syntaxis gebruiken om gebruik de -tag:

De HTML tag heeft geen specifieke tag-attributen. De tag -knop heeft bijvoorbeeld "hoogte" en "breedte" als specifieke kenmerken van de tag. heeft geen van dit soort attributen omdat het afhankelijk is van CSS voor styling. -tag ondersteunt alle algemene HTML-kenmerken .

Je kunt de -tag zien als -tags worden gebruikt om secties en tekstblokken te definiëren, omdat

Onze code geeft als resultaat:

In ons voorbeeld hebben we de termen " heerlijke gebakken goederen ‚" en " duizenden‚" onderstreept. De heer Pringle vertelde ons dat deze termen belangrijk zijn, dus hebben we het programma opdracht gegeven ze in het rood weer te geven.

We hebben een tekenreeks gedefinieerd die is ingesloten in

HTML -tag. Deze tekst beschrijft de geschiedenis van Pringle en Bakery Sons. Quindi, abbiamo racchiuso i termini che vogliamo appaiano in rosso nei tag .

Nel nostro file CSS, abbiamo specificato che il colore di ogni elemento assegnato alla class redText dovrebbe essere Rood. Dit stelt ons in staat om de kleur van onze tekst in rood te veranderen wanneer we de tag

;. is in dit geval handig omdat we alleen bepaalde woorden in onze tekst wilden benadrukken. We zouden stijltekst in rood kunnen hebben op de

tag zelf. Maar dat zou een hele rode paragraaf hebben opgeleverd.

HTML in een lijst

Stel dat Pringle and Sons Bakery ons vraagt om een lijst met links aan hun website toe te voegen naar hun social media pagina`s. De bakkerij merkte op dat de links naar hun Twitter- en Facebook-pagina`s vooral belangrijk zijn omdat het team actiever is op deze platforms. . Daarom willen ze dat we de links in het blauw markeren

We zouden de volgende code kunnen gebruiken om dit te doen:

Onze code retourneert:

 HfpJCIX4ycBUcStlx4EzsAWQzvWNJ 2CLshhieSA BtyOWUe420vh 0KC45uZlVS SsXrpfIP0XBg7turyR5LmnqyarvOug2yL6bfrpS7 KERmAAONXuh5Za9I6x4uL8r FjvWz3

in onze HTML, we hebben gecreëerd een ongeordende lijst met behulp van em> & lt <; ul >-tag. Deze lijst heeft drie elementen, die elk zijn opgenomen in

  • tags

  • Lijst met artikelen voor Twitter en Facebook zijn opgenomen in HTML span-tags ( en ). De tag `opening span` voor elk item in de lijst specificeert een class-attribuut. de waarde van het class-attribuut is "blue".

    We hebben een stijl gedefinieerd met de naam .blue die de achtergrondkleur van het element waarop het wordt toegepast verandert in lichtblauw. de achtergrondkleur van alle links met CSS-klasse .blue in onze HTML verandert van lichtblauw.

    De achtergrondkleur die is gekoppeld aan onze Instagram-link is niet gewijzigd omdat we de tekst van deze link niet hebben opgenomen in de -tags.

    Conclusie

    HTML-code is een algemene container die wordt gebruikt om stijlen toe te passen op specifieke elementen op een HTML-pagina. . De tag doet standaard niets, maar kan in combinatie met CSS worden gebruikt om elementen te stylen

    Als uitdaging definieert u een ; tag die ervoor zorgt dat een woord in een zin in hoofdletters verschijnt. U moet een CSS-regel gebruiken om tekst met uw -tag te tekenen.

    Deze tutorial illustreert, met voorbeelden, hoe u HTML < span> in uw code kunt gebruiken. U bent nu klaar om de -tag te gaan gebruiken als een professionele webontwikkelaar!

    Voor hulp en ondersteuning bij het leren van HTML, lees onze HTML-leergids .