A HTML néven is ismert hiperszöveg jelölőnyelvet webalkalmazások készítésére használják. A HTML címkék, közismert nevén elemek, a HTML nyelv legfontosabb elemei. A HTML-címkék tartalmat vagy információkat ágyaznak be és jelenítenek meg a weboldalakon. A HTML-címkéknek két típusa van: üres és tárolócímkék.
Ez a blog bemutatja, hogyan dolgozhat üres és tárolócímkékkel a HTML-ben.
Üres címkék
Az üres címkéket más néven ' szingli ” vagy „ üres ” címkéket. A void címke soha nem tartalmaz tartalmat, de az attribútumok megadhatók. Ezeknek a címkéknek nincs záró címkéje, és tartalmazhatnak fordított perjelet a címkében. Példák az üres címkékre: „
”, „”, „”, „
Szintaxis
A HTML-ben az üres elemek említésének szintaxisa a következő:
< üres címke />
Ha meg szeretné tudni, hogyan kell üres címkékkel dolgozni, tekintse meg az alábbi példát. Az '
” címke sortörés címkeként ismert, és a sor törésére szolgál:
< p > HTML üres címkék < br > A vonal szünet Címke p >
A kimenet azt jelzi, hogy a „
” címke megszakította a sort:
A HTML címkékhez CSS stílustulajdonságokat adhatunk. Az '
” címke egy másik üres elem, amely vízszintes vonalat ad az oldalhoz:
< hr stílus = 'border-top: 3px szaggatott piros;' > A vonal szünet Címke
p >
Az ' border-top ' A CSS tulajdonság a '
' három értékkel, az egyik a szegély szélessége, amely egyenlő a ' 3 képpont ”, a szegélystílus beállítása „ szaggatott ” és a szegély színe.
Kimenet
Eddig az üres HTML-címkéket tárgyaltuk. Most a következő részben a HTML-tárolócímkéket fogjuk átnézni.
Tárolócímkék
A HTML-tároló címkék három részből állnak: kezdő címkék, tartalom és záró címkék. A HTML-tárolócímke szintaxisa a következő:
< start_day > Tartalom end-tag >Tekintse meg az alábbi példákat, hogy megtudja, hogyan működik a tárolócímke HTML-ben.
1. példa: Hogyan adjunk hozzá bekezdést HTML-ben?
Az ' ” címke a bekezdés beágyazására szolgál a HTML dokumentumba:
< p > Ez egy bekezdéscímke p >Kimenet
2. példa: Hogyan adjunk címsorokat a HTML-ben?
A címsortároló-címkéknek hat szintje van, amelyek segítségével fejléceket adhatunk egy weboldalhoz. Tegyük őket egy HTML dokumentumba, hogy lássuk, hogyan működnek, és hogyan néznek ki egy weboldalon:
< h1 > Linux h1 >< h2 > Linux h2 >
< h3 > Linux h3 >
< h4 > Linux h4 >
< h5 > Linux h5 >
< h6 > Linux h6 >
Kimenet
Ezeknek a címkéknek a soron belüli stílusát tudjuk biztosítani. Tekintsük az alábbi példát, amely bemutatja, hogyan alkalmazhatunk különféle CSS stílustulajdonságokat ezekre a címkékre:
< h1 stílus = 'háttérszín: bogáncs; betűcsalád: kurzív;' > Linux h1 >< h2 stílus = 'háttérszín: búza; text-align: center;' > Linux h2 >
< h3 stílus = 'háttérszín: paradicsom; szín: fehér;' > Linux h3 >
< h4 stílus = 'font-family: 'Trebuchet MS'; háttérszín: sárgazöld;' > Linux h4 >
< h5 stílus = 'háttérszín: lila;' > Linux h5 >
< h6 stílus = 'háttérszín: fehér füst;' > Linux h6 & gt
Íme a fent említett tulajdonságok magyarázata:
- Az ' háttérszín ” tulajdonság színt ad az elem hátteréhez.
- ' betűtípus család ” tulajdonság beállítja az elem betűstílusát.
- ' szöveg igazítás ” tulajdonság módosítja a szöveg elhelyezését vagy igazítását.
Kimenet
Megmutattuk, hogyan kell használni a HTML üres és tárolócímkéit.
Következtetés
Az üres címkék és konténercímkék a HTML-dokumentumok fő összetevői, amelyek beágyazzák a tartalmat és az információkat egy weboldalon. Az üres címkék nem tartalmaznak tartalmat, és csak a kezdő címkét tartalmazzák, a végén fordított perjellel, például
. A tárolócímkék azonban a tartalommal együtt tartalmazzák a kezdő és záró címkéket. Ez a blog az üres és tárolóelemek HTML-beli működésével foglalkozik.