A hipertext-jelölő nyelv (HTML) egy weboldal tervezéséhez és fejlesztéséhez használt kezelőfelület. A statikus vagy dinamikus weboldalak tervezéséhez használt összes nyelv alapnyelve a HTML. A HTML számos funkcióval rendelkezik, amelyekre szükség van a tervezés során. A címkék, a szögletes zárójelekbe írt parancsok segítségével egy weboldalt terveznek. A HTML lehetővé teszi a felhasználó számára, hogy szöveget, képet vagy bármilyen más elemet hozzon létre vagy szerkesszen, mint például bármely szövegszerkesztő, például a Microsoft Word. A HTML tartalma szöveg, kép, szín, dizájn, stb. A tervezés nagyon fontos része, mivel felelős a szöveg díszítéséért. A szöveg dőlt betűzése a szöveg tervezésének egyik példája. Ez az elem fontos a felhasználó figyelmének hangsúlyozásában vagy felkeltésében. Néhány példa kiemelt ebben az oktatóanyagban.
Szükséges alapok
A HTML két eszközt igényel a weboldal tervezéséhez és fejlesztéséhez. Az egyik egy szövegszerkesztő, amely szükséges a html kód beírásához. Bármilyen szövegszerkesztő lehet az Ön hozzáférésében, azaz jegyzettömb, jegyzettömb ++, fenséges, vizuális stúdió stb. A második a számítógép böngészője, a Google Chrome, az Internet Explorer stb. Google chrome. A statikus oldal megtervezéséhez HTML -re és a CSS stíluslap formázására van szüksége. Mindegyiket példákkal használja az útmutató.
HTML formátum
A dőlt szöveg kialakításának magyarázatához először megértjük a html kódját. A html kód két részből áll. Az egyik a fejrész, a másik a testben. A címet belefoglaljuk a fejrészbe; ez a cím neve valójában az oldal címe. A belső formázást a fej testén belül is elvégezzük. Míg a törzs tartalmazza az összes többi címkét, amelyek szöveggel, képpel és színnel stb. Kapcsolatosak, emellett bármit, amit hozzá szeretne adni a html -oldalhoz, a html -kód törzsrészébe kell írni.
< html >
< fej >...</ fej >
< test >….</ test >
</ html >
Az alábbi kép egy HTML mintakód. Láthatja, hogy a cím neve a fejrészbe van írva. Ugyanakkor hozzáadtunk egy bekezdést a html törzséhez a címke használatával
. akkor a body tag és a html címkék bezáródnak.
Ennek a mintának a kimenete látható a böngészőben. Láthatja, hogy a cím neve megjelenik a lap nevében, amelyet a html kód fejében deklaráltunk.
A HTML -nek nyitó és záró címkéje van a törzsbe írt összes címke számára. A kód megnyitása után be kell zárni, miután szöveget írtak közé. A címke zárójelekkel záródik. A kódot ezután a jegyzettömb fájlba menti. Egy dolgot szem előtt kell tartani, hogy a kód mentése közben a szövegszerkesztő fájlját a html kiterjesztéssel kell menteni. Például: sample.html. akkor látni fogja, hogy a fájl mentésre kerül az éppen használt böngésző ikonjával.
Ez volt a html formatervezés háttere. Most egy egyszerű példát használunk a szöveg dőlt betűsé tételéhez.
1. példa
Vegyünk egy jegyzettömb fájlt, és írjuk be az egyszerű html -kódot, ahogy ebben az útmutatóban korábban leírtuk. Adjon hozzá egy két sorból álló bekezdést a törzsrészhez. Hogy a szöveg dőlt legyen. Használja a címkét a dőlt betűs szavak elején
< én > ……</ én >Ez a szöveg dőlt betűs címkéje. Amint az alábbi képen látható, a a kezdőcímke az elején és a záró címke. Zárja be a testet és a html -t.
Most mentse el a fájlt, és futtassa a böngészőben a fájl kimenetének megtekintéséhez.
A kimenetből megfigyelhető, hogy az a mondat, amelyet dőltre tettünk a kódban, dőlt formában van, míg az első mondat normál formátumban jelent meg.
2. példa
Ebben a példában a szöveg teljes mondata helyett egy dőlt alakú szót készítünk. nyitó és záró címkéket használunk az egész bekezdésben, bárhol is szeretnénk a szöveget dőltre tenni a mondatban.
Most mentse el újra a fájlt, majd futtassa a böngészőben. Láthatja, hogy a szöveg bizonyos része dőlt formában van, és dőltre szeretnénk tenni a kódot.
3. példa
A használata mellett címkét a szövegben, létezik egy másik módszer is, amellyel a szöveget dőlt formába kell állítani. Ez a megközelítés a szöveg bizonyos részének hangsúlyozására. Ez a címke nyitó és záró címkével is rendelkezik. A használt szintaxis az;
< ban ben >….</ ban ben >A szöveg a két címke közé van írva; ebben a példában ezt a címkét kétszer használtuk a bekezdésben. Lássuk az alábbi kód képét.
Mindkét mondatban használtuk egyszer a bekezdésben. A kimenet a html fájl böngésző formátumban történő futtatásával érhető el.
4. példa
Ez az a példa, amelyben egy másik megközelítést alkalmaztunk a szavak dőlt formában történő megjelenítésére. A szövegben való használatát jelenti. Ebben a példában ezt a címkét alkalmaztuk a html törzsébe írt teljes szövegre.
< Idézet > ……</ idézet >
Az összes címke bezárása után futtassa a fájlt a böngészőben.
5. példa
Eddig a szöveg inline stílusát tárgyaltuk. A szöveg dőlt formájának elkészítése a szöveg stílusára és kialakítására is utal. A stílus három típusból áll. Az egyik inline, a második belső, a harmadik pedig külső. Az inline stílus a címkén belül történik. A belső a fej testébe van írva. A külső formázás pedig egy másik fájlban történik .css kiterjesztéssel.
Ez egy példa az inline css -re; itt írtuk be a kódot a bekezdés címkéibe. A stílusnyilatkozatot betűtípusként dőltnek nyilvánítottuk. Ez az állítás a címke belsejébe van írva, így nem lesz záró címke, amint az a fenti képen látható. Most zárja be az összes címkét, és futtassa őket a böngészőben. Ugyanazokat az eredményeket mutatja, mint amire vágytunk.
< o stílus=készíteni-stílus: dőlt;>
6. példa
Az inline után most hozzáadjuk a belső stílus példáját. Itt egy osztály kerül hozzáadásra a fejrészen belül. Ezután az osztály nevét deklarálják a bekezdéscímke belsejében a html törzsében. Annak érdekében, hogy könnyen hozzáférhető legyen.
< fej >< stílus >
.nak nek{
Gyártmány-stílus: dőlt;
}
</ stílus ></ fej >
Láthatjuk, hogy az osztály inicializálása pont módszerrel történik. A kódexben két bekezdés található; ezt a stílust alkalmaztuk egyikükre. Tehát hasznos, ha egy bekezdést szeretnénk formázni.
A bekezdésen belüli osztály deklaráció a következő;
< o osztály=a>< o osztály='nak nek'>
Ez fejben fogja elérni az osztályt. Most nézze meg a kimenetet. Látni fogja, hogy az egyik bekezdés dőlt.
Következtetés
Ez a cikk a szöveg dőlt formában történő formázását mutatja be. A szövegtervezés elengedhetetlen része a weboldal tervezésének.