Tanulmányozzuk a szöveg behúzását html-ben. Hogyan lehet megváltoztatni a szöveg bekezdései közötti távolságot? Milyen címke határoz meg egy bekezdést?
![Tanulmányozzuk a szöveg behúzását html-ben. Hogyan lehet megváltoztatni a szöveg bekezdései közötti távolságot? Milyen címke határoz meg egy bekezdést?](https://i2.wp.com/fb.ru/misc/i/gallery/14789/188142.jpg)
A piros html vonal 4 különböző módon állítható be. Bár ez a programozási nyelv nem ad konkrét szabványokat erre a jelenségre, így ezzel kapcsolatban nincsenek korlátozások. Ebben a cikkben egy nem szabványos eszközkészletet fogunk használni a piros vonal létrehozásához.
1. módszer
Érdemes a legáltalánosabb módszerrel kezdeni. Csak ebben az esetben szükséges a lépcsőzetes táblák használata, mivel a CSS elválaszthatatlanul kapcsolódik a hipertext jelölőnyelvhez. A piros html sor a "text-indent" tulajdonság segítségével állítható be. Elegendő a dokumentum bal oldalán feltüntetni a kívánt elemet és a behúzáshoz használt távolságot. Például a "p (szöveg behúzás: 20px;)" beírása azt jelenti, hogy minden p bekezdésben egy 20 pixeles piros vonal lesz. Bármely szövegblokkot használhatja elemként, amelyhez megadja az értéket. Valójában ez a tulajdonság nem állítja be a piros vonalat, hanem egyszerűen jelzi a kiválasztott elem első sorának behúzását. De ki fogja észrevenni a különbséget? A "text-indent" tulajdonság három különböző értéket vehet fel:
- Bármely általánosan elfogadott mértékegység, például px (pixel), inch (hüvelyk), pt (pont) és mások.
- Százalékos érték. Ebben az esetben a szülőelemtől való távolságot veszik figyelembe.
- Örököl. Ha ez az érték meg van adva, a tulajdonság a szülőelemtől öröklődik.
2. módszer
A html-ben a piros vonal lépcsőzetes táblák összekapcsolása nélkül is beállítható. Az oldal forráskódjában elegendő néhány szóközt tenni az első karakter elé. Csak speciális karaktereket kell használnia, nevezetesen a „ ”, mert ha rendes szóközt tesz, csak egyet vesz figyelembe a rendszer. Ezzel a szimbólummal pedig beállíthatja a kívánt behúzást. Egy ilyen piros HTML-sornak nem lesz globális alkalmazása, és az összes szóközt kézzel kell hozzáadnia. Ez a mínusz nagymértékben megterheli Önt, ha nagyszámú dokumentummal dolgozik. Ez a módszer érvénytelennek nyilvánítja az oldal kódját is.
3. módszer
Következtetés
Következtetésként elmondhatjuk, hogy a html a CSS-sel együtt sokféle hatás létrehozását teszi lehetővé. Néha a tulajdonságokat és elemeket nem a rendeltetésüknek megfelelően használják, de nem szabad túlságosan eltérni a címkék szokásos jelentésétől.
A szövegblokkokat általában bekezdések (bekezdések) választják el. Alapértelmezés szerint a bekezdések között van egy kis függőleges szóköz, amelyet szóköznek neveznek. A bekezdések létrehozásának szintaxisa a következő.
1. bekezdés
2. bekezdés
Minden bekezdés címkével kezdődik
És egy opcionális zárócímkével végződik
.Minden könyvben az első sor behúzása, más néven „piros vonal”, a következő bekezdés kiemelésére szolgál. Ez lehetővé teszi az olvasó számára, hogy könnyen új sort keressen, és így növeli a szöveg olvashatóságát. Egy weboldalon ezt a technikát általában nem alkalmazzák, de a bekezdések elválasztására a kitöltést használják.
A 7.1. példa bemutatja a bekezdések használatát a sorok közötti behúzások létrehozására.
7.1. példa. Bekezdések használata
Egyes helyeken még február van, máshol már április.
Múlik az idő, örök számolás: évről évre, évszázadról évszázadra...
Mindenben – sietetlen tempójában, koromsötét futásában.
Huszonöt hét öröm és bánat van egy évben.
Februárban huszonöt hetes, áprilisban huszonöt hetes vagyok.
Huszonöt hétig évszázadok szállnak a ködbe.
Hangzatos bohózatom valahol a felhők felé repül.
M. Scserbakov
Ennek a példának az eredménye az ábrán látható. 7.1.
Rizs. 7.1. Behúzás a weboldalon bekezdések használatakor
Amint az ábrán látható, a címke használatakor
Túl sok szóköz van a bekezdések között. Megszabadulhat tőlük, ha címkét ad hozzá a sortörésekhez:
. A bekezdéssel ellentétben egy sortörés címkét
nem hoz létre további függőleges szóközt a sorok között, és szinte bármilyen szövegben használható.
Így a 7.1. példa szövege a sortörések figyelembevételével a következőképpen alakul át (7.2. példa).
7.2. példa. Címke
Egyes kertekben mandulafák virágoznak, míg máshol hóviharok fújnak.
Egyes helyeken még február van, máshol már április.
Múlik az idő, örök számolás: évről évre, évszázadról évszázadra...
Mindenben – sietetlen tempójában, koromsötét futásában.
Huszonöt hét öröm és bánat van egy évben.
Februárban huszonöt hetes, áprilisban huszonöt hetes vagyok.
Huszonöt hétig évszázadok szállnak a ködbe.
Hangzatos bohózatom valahol a felhők felé repül.
M. Scserbakov
A példa eredménye az ábrán látható. 7.2. Látható, hogy a szövegsorok közötti távolság csökkent, és tömörebb megjelenést kapott.
Bekezdést, szóközt, HTML blokkot és bekezdést meghatározó címkék
Nézzük meg részletesen HTML blokkok és bekezdések mint egy weboldal elemei.
- HTML bekezdés címkék határozzák meg.
- HTML bekezdésekáltalában szöveget, formázási címkéket és képeket tartalmaznak.
- HTML bekezdés nem tartalmazhat blokkelemeket, például fejlécet
- , Blokk
- HTML blokk címkék határozzák meg
- HTML blokk a weboldal bármely elemét tartalmazhatja, tetszőleges mennyiségben.
- HTML blokkok Kiválóan alkalmas weboldalakra és könnyen kezelhető.
Vegye figyelembe az alábbi kódot:
Eredmény:
Ezt láthatjuk HTML bekezdések függőleges behúzással rendelkezik – ez a címkék jellemzője. HTML blokkok
A címkék nem tartalmazhatnak más ill
A címkék és a címkék elvileg ugyanaz, de a W3C konzorcium kis betűk használatát javasolja. A HTML új verziójában, akárcsak a modern XHTML-ben, tilos a nagybetűk használata a címkék írásakor.
Blokk
HTML-terület speciális karakterek táblázatából
HTML tér lehetővé teszi a szavak és a karakterek közötti távolság növelését.
Ami a szavak közötti szóközöket illeti, bármennyi is van a Jegyzettömbben, vagyis a forráskódban, csak egy fog megjelenni a weboldalon. Ha növelni kell a távolságot, használja a szóköz karaktert a szimbólumtáblázatból. Felmerülhet a kérdés: Miért van szükség a hétköznapi karakterek kódolt jelentéseire? - Válaszolok: Szükségesek például az ilyen zárójelek megjelenítéséhez< >. Más szóval, a címkék képernyőn való megjelenítéséhez a szerkesztőmben ezt írom: . Címkék
, mint emlékszünk, konvertálja a szöveget monospace-re (géppel).
HTML bekezdés megjelenítésének módjai
Példák a bekezdés kimenetére.
Egy adott stílus megadásához a szöveget a megfelelő tárolóba kell helyezni.
Minden formázási címke három csoportra osztható:
1. Címcímkék ( h1-h6).
2. Törzsszöveg-tervező címkék (
,
,
,
,
stb.).
3. Címkék csoportosítása (
,
,
)
Címcímkék
A szabályos szöveget egy bizonyos szintű címsorrá alakítják. Címke
létrehoz egy első szintű címsort - a legnagyobb és legfontosabb (általában a cikk címe az oldalon),
a hatodik szintű fejlécért felelős – a legkisebb és legszembetűnőbb. Ezek a címkék mind a felhasználók, mind a keresőmotorok számára fontosak – mindkettő szereti az alcímeket tartalmazó címsorokat. Figyelni kell a szintek hierarchiáját, azaz
mennem kell
, és nem fordítva.
Ennek megértéséhez írja be a következő kódot a html fájlba:
Első szintű fejléc
Második szintű címsor
Harmadik szintű címsor
Negyedik szintű címsor
5. szintű címsor
Hatos szintű címsor
A böngészőben így fog kinézni:
Törzsszöveg-tervező címkék
Lehetővé teszi a karakterszintű formázást. Nézzük meg, mit tehetsz velük.
Félkövér betűtípus
A figyelmet a szövegre kell összpontosítani. A keresők számára is fontos, kulcsszavakat tudnak kiemelni.
Felelős a félkövér stílusú címkékért És .
Felső index és alsó index
Felhasználhatók képletekben, egyenletekben és bizonyos mennyiségek megjelölésében.
A címke felelős az alsó indexek létrehozásáért , a felsőknél a címke használatos .
x 1=32 m 2
Leépítés
Ha a beállított értéknél eggyel kisebbre kell tennie a szöveget az egész oldalon, akkor a címkét kell használnia
Egyszerű szöveg. Csökkentett szöveg.
Aláhúzás
Ez a fajta kiemelés használható a dokumentumon végrehajtott változtatások jelzésére vagy egyszerűen a szövegre való figyelem felhívására.
Egyszerű szöveg. Aláhúzott szöveg.
Áthúzott
Áthúzhatja az információt, ha már elvesztette relevanciáját. Ez a címke ehhez
.
Dőlt betűs
Arra van szükség, hogy a figyelmet a szövegre összpontosítsuk, és címkével is létrehozható vagy .
Számítógépes szövegbevitel
Előfordul, hogy egy program forráskódját és munkájának eredményét hozzá kell adni egy weboldalhoz. A szöveg különböző részei egymástól való vizuális megkülönböztetése érdekében a HTML fejlesztők bevezették a csoport címkéit.
Konténerbe
tartalmazza a programkódot, változóit pedig a címkével kiemeljük
, és a végrehajtás eredménye az
. Tartály
szöveget tartalmaz, amelyet a felhasználónak be kell írnia a billentyűzetről, amikor a programmal dolgozik, és mindent, ami címkékbe van zárva
, megőrzi az eredeti formátumot, beleértve a szóközöket és a sortöréseket is.
És így
a, b, c, Itt program végrehajtásának eredménye , és ez van a felhasználó beírt szöveget valami ilyesmit jelenített meg
.
Idézetek és meghatározások
A programkód így fog kinézni
És így
, a változók jelölése a következő:
a, b, c
, Itt
program végrehajtásának eredménye
, és ez van
a felhasználó beírt szöveget
. Tartsa meg az eredeti formázást
valami ilyesmit jelenített meg
.
Idézet a blockquote címkében.Idézet az idézet tárolójában.
Rövid idézet q címkével.
Általános példa
Ha jobban szeretné megérteni, hogy az egyes címkék miért felelősek és hogyan működnek, tekintse meg a következő kódot és végrehajtásának eredményét.
Zsíros szövegből címkéket lehet készíteni erősÉs b. Mögött dőlt betű válasz emÉs én.
Címkék alattiÉs sup létrehozására használtak Alsó(x 1…x n) És felső (42=16) indexek. Del áthúzza, ins - hangsúlyozza.
Címkék kód
, kbd, varÉs minta ritkán használatosak, és a programlisták megjelenítéséhez szükségesek
röv szükséges a rövidítések jelzésére ( HTML). A blockquote, cite és q címkék az idézetek formázására szolgálnak ( Az ég már ősszel lélegzett
)
Az előcímke megőrzi az eredeti szövegformázást a szóközök és a sortörések eltávolítása nélkül.
A böngésző a következőképpen értelmezi ezt a kódot:
Címkék csoportosítása
Szükséges, hogy a szöveg ne egy folytonos sorban folyjon, hanem logikai komponensekre oszlik.
- A címkék belsejében egy bekezdés található.
Első bekezdés
Második bekezdés
- Címke
bekezdésen belül a következő sorra lép (nem lesz behúzás a sor előtt).
vízszintes vonal rajzolását teszi lehetővé. Használhatja a szövegek egyértelműbb elkülönítésére. Attribútumok szélesség, méret, szín, igazítsaÉs noshadeállítsa be a vonal szélességét, vastagságát, színét, igazítását és a 3D hatás hiányát.
Sor feletti sor.
Sor alatti sor.
![](https://i2.wp.com/img/car.jpg)
"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip exertaureit commodolorise in. te "Velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." 1.10.32 "de Finibus Bonorum et Malorum" bekezdés, amelyet Cicero írt i.sz. 45-ben. "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae a dicta sunt explicabo. Nemoamnatturup vol. fu git, sedquia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora inciduntloup magneram a vol. minimum veniam , quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? tur?" Angol fordítás, 1914, H. Rackham "De el kell magyaráznom neked, hogyan született meg ez a téves elképzelés az öröm elítéléséről és a fájdalom dicséretéről, és teljes leírást adok a rendszerről, és elmagyarázom a nagy felfedező tényleges tanításait az igazságról, az emberi boldogság építőmesteréről. Magát az örömöt senki sem utasítja el, nem szereti vagy elkerüli, mert az öröm, hanem azért, mert aki nem tudja, hogyan kell racionálisan keresni az örömöt, az rendkívül fájdalmas következményekkel találkozik. ott van mindenki, aki szereti vagy üldözi, vagy meg akarja szerezni önmagában a fájdalmat, mert az fájdalom, hanem azért, mert időnként olyan körülmények adódhatnak, amelyekben az olaj és a fájdalom nagy örömet szerezhet. Hogy egy triviális példát vegyünk, melyikünk vállal valaha fáradságos fizikai gyakorlatot De kinek van joga hibát keresni egy olyan emberben, aki úgy dönt, hogy élvezi az örömet, amelynek nincs bosszantó következménye, vagy aki kerüli azt a fájdalmat, amely nem okoz örömet?" 1.10.33 "de Finibus Bonorum et Malorum" bekezdés, amelyet Cicero írt i.sz. 45-ben. "At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias extrauri sint occaecati cupiditate non provident, similique sunt in culpa eteruganimint qui officiaestrum a laboratonimi qui blanditiaestrum. dem rerum facilis est et expedita differentio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo mínusz id quod maxime placeat facere possimus, omnis voluptas guessnda est, omnis dolor ne repellendus. Temporibus autem autem autem autem a eventificitarumcesm t "ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat." Angol fordítás, 1914, H. Rackham "Másrészt igazságos felháborodással és nem szeretjük azokat az embereket, akiket annyira elkápráztat és demoralizál a pillanatnyi élvezet varázsa, annyira elvakítja a vágy, hogy nem látják előre a fájdalmat és a bajt, Következzék, és egyenlően hibáztatják azokat, akik az akaratgyengeség miatt nem teljesítik kötelességüket, ami ugyanaz, mint a fáradságtól és a fájdalomtól való visszahúzódás miatt. Ezek az esetek teljesen egyszerűek és könnyen megkülönböztethetők. Egy szabad órában, amikor választási hatalmunk korlátlan, és amikor semmi sem akadályozza meg abban, hogy azt csinálhassuk, amit a legjobban szeretünk, minden örömet üdvözölni kell, és minden fájdalmat el kell kerülni, de bizonyos körülmények között, a kötelesség vagy az üzleti kötelezettségek miatt ez gyakran előfordul. Előfordul, hogy az élvezeteket meg kell tagadni és a bosszúságokat el kell fogadni. A bölcs ember ezért ezekben a kérdésekben mindig ehhez a kiválasztási elvhez tartja magát: elutasítja az örömöket, hogy más nagyobb örömöket szerezzen, vagy pedig elviseli a fájdalmakat, hogy elkerülje a rosszabb fájdalmakat."
- Az MHDD program használata Merevlemez javítása az mhdd programmal
- Először nézze meg a ddr3 RAM DDR3 jellemzőit
- Telefon töltése zárt fedéllel ellátott laptopról Hogyan kíméli az akkumulátort
- A kameracsatlakozó készlet titkai Csatlakozás USB-n keresztül a Camera Connection Kitben
- Problémák az SSD-kkel és megoldásaik Ssd lemezhiba
- A Total Commander orosz verziója ingyenesen letölthető
- Töltse le a winzip 2-es verzióját