A ' ” címke a bekezdésnek tekintett szöveg megjelenítésére szolgál a weboldalon. A „
” címkéhez egy előre meghatározott függőleges szóköz tartozik, amely a bekezdés elé és után kerül hozzáadásra. A „
” címkén belüli szöveg mindig a következő sorban jelenik meg, és kihagyja a további szóközöket is. A fejlesztők a p címkét használhatják a tartalom külön szakaszokra történő szétválasztására vagy az információk logikus rendszerezésére.
Ez az útmutató bemutatja a HTML p címkét a gyakorlati megvalósítással együtt.
Mi az a HTML p címke?
A ' ” címke a weboldalon a tartalom szerkezetének javítására és a szöveg szembetűnőbbé tételére szolgál. Segíti a weboldal SEO folyamatát, ami javíthatja a webhely rangsorolását a keresési eredmények között.
Szintaxis
A „ ” címke a következőképpen jelenik meg:
< p > Linux p >
A fenti kódsorban a „ ' a kezdő címke, és '
” a záró címke. A záró tag használata kötelező, hogy elkerüljük a HTML elemek bonyolultságát és átfedését.
Tekintse meg az alábbi példát, hogy megértse, hogyan ” címke működik:
< test >< p > Szia Linuxhint közösség! p >
test >
A fenti kódrészlet kimenete az alábbiakban látható:
A fenti kimenet azt az egyszerű szöveget mutatja, amely a képernyőn a „ ” címke.
Hogyan lehet CSS-stílust alkalmazni a
címkére?
A ' ' címke olyan globális attribútumokat fogad el, mint a ' osztály ”, „ id ” vagy „ stílus ” stb., amelyek a kiválasztott elem CSS-tulajdonságok segítségével történő stílusozásához használhatók. A fejlesztő a globális attribútumok egyikével csak az adott elemekre alkalmazhatja a CSS-tulajdonságokat. És stílusok alkalmazásához mindenki számára A weboldalon használt címkék közvetlenül válassza ki a HTML-t p ' elem a CSS fájlban vagy '
1. példa: CSS-tulajdonságok alkalmazása az összes „p” elemre
Ha ugyanazt a stílust szeretné beállítani az összes
HTML-elemhez, keresse fel az alábbi kódrészletet:
< stílus >p {
háttérszín: erdőzöld;
fehér szín;
}
stílus >
< test >
< p > Szia Linuxhint közösség! p >
< p > Szia Linuxhint közösség! p >
< p > Szia Linuxhint közösség! p >
< p > Szia Linuxhint közösség! p >
test >
A fenti kódrészletben a CSS ' háttérszín ” és „ szín ' tulajdonságok vonatkoznak a ' p ' elemek közvetlenül a ' p ” elemválasztó.
A fenti kódrészlet végrehajtása után a weboldal így néz ki:
A fenti kimenet azt mutatja, hogy ugyanazt a stílust alkalmazták az összes ' p ” elemeket a weboldalon.
2. példa: CSS-tulajdonságok alkalmazása egyedi „p” elemre
Stílusok egyedi alkalmazásához p ” elemekkel a style, id vagy class attribútumok használhatók. Ezek a globális attribútumok CSS-tulajdonságokat alkalmaznak a ' p ” elem, amelyhez kapcsolódnak.
Nézzünk meg egy kódot:
< stílus >p {
háttérszín: erdőzöld;
fehér szín;
}
.usus-class {
háttérszín: sötétcián;
}
#using-id{
háttérszín: rózsabarna;
}
stílus >
< test >
< p > Szia Linuxhint közösség! p >
< p stílus = 'háttérszín:piros' > Szia Linuxhint közösség! p >
< p osztály = 'használói osztály' > Szia Linuxhint közösség! p >
< p id = 'usus-id' > Szia Linuxhint közösség! p >
< p > Szia Linuxhint közösség! p >
test >
A fenti kódrészletben a háttérszín tulajdonság a ' p ” elem eltérő értékekkel van beállítva, ha globális attribútumokkal használják.
A fenti kódrészlet végrehajtása után a weboldal így jelenik meg:
A fenti kimenet azt mutatja, hogy a „ p ” elemek ma már egyedi stílusúak globális attribútumok segítségével.
Következtetés
A ' ”
címkét.