Bekezdést, szóközt, HTML blokkot és bekezdést meghatározó címkék
Nézzük 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, képeket tartalmaznak.
- HTML bekezdés nem tartalmazhat blokkelemeket, például fejlécet
- , Blokk
és egyéb bekezdések. - HTML blokk címkék határozzák meg .
- HTML blokk a weboldal bármely elemét tartalmazhatja, tetszőleges mennyiségben.
- HTML blokkok weblapokhoz kiváló és könnyen kezelhető.
Vegye figyelembe az alábbi kódot:
Eredmény:
Ezt láthatjuk HTML bekezdések függőlegesen vannak behúzva – ez a címkék sajátossága. HTML blokkok
A címkék nem tartalmazhatnak más ill
Címkék és elvileg ugyanaz, de a W3C konzorcium kisbetűk használatát javasolta. V új verzió A HTML a modern XHTML-hez hasonlóan tilos a nagybetűk használata címkék írásakor.
Blokk
HTML-terület speciális karaktertáblázatból
HTML tér lehetővé teszi a szavak és a karakterek közötti tér növelését.
Ami a szavak közötti szóközöket illeti, hiába van belőlük 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. Azt kérdezed: Miért van szükségünk a hétköznapi karakterek kódolt értékeire? - 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 megjelenítéséhez a szerkesztőmben ezt írom: ... Címkék: , mint emlékszünk, konvertálja a szöveget egyszóközűvé (írógéppel).
HTML bekezdés megjelenítésének módjai
Példák a bekezdés kimenetére.
Helló! Folytassuk a weboldal-programozás alapjainak vizsgálatát. Nehéz elképzelni bármelyiket is bekezdéscímke nélkül a kódjában. Ma megvizsgáljuk, hogyan kell helyesen írni, és számos további művelet leírását a szöveggel együtt.
Példa
Vegyünk egy példát arra, hogyan készítsünk bekezdést HTML kódban.
Egy vagy több mondat.
Előfeltétel nyitó és záró címke jelenléte. Egyébként mindent meg lehet tenni közvetlenül a Jegyzettömbben, csak akkor kell mentenie a fájlt a megfelelő formátumban.
Formázás
Gyakran észreveszem, hogy az embereket érdekli, hogyan lehet piros vonalat készíteni. Egy adott bekezdésnél nagyon egyszerű.
Ha engedélyezi ezeket a beállításokat, akkor az első sort 15 képponttal balról behúzza. Ha ezeket a változtatásokat az összes P címkére alkalmazni kell, akkor in CSS fájl, amely az oldal oldalaihoz kapcsolódik, az alább látható kódot írhatja be.
Személy szerint általában nem rajzolok piros vonalakat, amikor kódot szerkesztek a jegyzettömbben vagy más szerkesztőben.
Csak a szövegdobozok közé teszek kitöltést. Ehhez be kell írni a CSS-be speciális paraméterek.
p (margó-alsó: 25 képpont;)
Ha ezt a konstrukciót használja, akkor minden bekezdés után 25 pixeles behúzás lesz.
Valójában nagyon sok lehetőség van a HTML-lel és a különböző stílusokkal való munkához. Ezek közül csak néhányat írtam le, nagyon nehéz mindent egy cikkben lefedni.
Többet szeretne tudni? Talán hasznosak lesznek korábbi bejegyzéseim a következő témákban:
Itt fejezem be a cikket, és azt hiszem, most már nem lesz nehéz HTML-ben bekezdéseket készíteni és speciális címkék segítségével szépen stílusozni.
Sok sikert kívánok a programozás elsajátításához. Mellesleg, gondolt már arra, hogy az információs, nem kereskedelmi oldalakon pénzt keressen? Egyszerűen csodálatos információk, amelyek különlegesek az olvasók számára.
Az online üzlet és a pénzügyek a legfontosabb témái ennek a blognak. A közzétett anyagokból már most megismerkedhet az egyes potenciális ügyfelekkel a hálózaton. Folyamatosan új, és ami a legfontosabb, valóban hasznos tartalmakat készítek és publikálok. Iratkozzon fel a Workip frissítéseire email... A következő alkalomig.
- a honlapkészítés során sokat kell dolgoznunk szövegblokkokkal, vagy szöveges kifejezésekkel. Egyszer hozzá kellett adnom egy szöveges kifejezést, hogy ez előtt a szöveges kifejezés előtt legyen néhány szöveg behúzása a html élből azt a blokkot, amelyhez az adott szöveget hozzáadtuk.
Tehát az első módszer a legtermészetesebb és legegyszerűbb. A szöveg előtti behúzáshoz adja hozzá a szöveg elé html kódot szóközök - Bármely html szerkesztőben hozzáadhat html szóközkódot.
Íme egy példa egy működő kódra a szöveg behúzásának beállításához a szóközkód használatával:
HTML szöveg behúzása balra, használja a szóközkódot
Ebben a példában az általunk kiválasztott szöveg előtt a szóközkód a következő:& nbsp; négyszer hozzáadva, így megkapjuk a szükséges behúzást.
Tudjuk, hogy a szóközkódot bármely böngésző kezeli. Ezért, ha a szükséges számú szóközt hozzáadja a szöveghez, megkaphatja a szükséges behúzást a szöveghez.
Az a jó ebben a módszerben, hogy minden böngészőben garantáltan működik.
De van ez a módszer jelentős hátránya van. Annak érdekében, hogy a szöveg behúzása kellően hosszú legyen, a html kódban a szöveg előtt hozzá kell adni nagyszámú szóköz karakterek, amelyek nem tűnnek szépnek, nehézkesnek és nem professzionálisnak.
A probléma megoldásának egyik lehetősége az következő út behúzás beállítása.
HTML szöveg behúzás, második módszer – ez a módszer a blockquote címke tulajdonságain alapul. Ez a címke körülbelül 40 képpontnyi behúzást állít be balra és jobbra a benne elhelyezett szöveghez. Ezenkívül a párnázás felül és alul van beállítva. HTML példa a módszer használatának kódja az alábbiakban található:
a bal oldalon használja a címkét blokk idézet
Amint látható, a szöveg behúzásának ez a módszere nagyon könnyen használható, de ennek a módszernek van egy jelentős hátránya is. A címke által beállított behúzás idézőjel, rögzített, és mindig azonos értékkel – 40 képpont.
A helyzet orvoslására, és hozzáadáskor html behúzásés azért szöveg bármilyen értéket beállíthatunk, akkor a harmadik módszert fogjuk használni.
HTML szöveg behúzás, harmadik módszer.
Itt a CSS Cascading Style Sheets szöveges behúzás tulajdonságát fogjuk használni.
Ha megnyitjuk a CSS hivatkozást, a text-indent tulajdonságait leíró oldalon, látni fogjuk, hogy a text-indent segítségével beállíthatjuk bármely szöveg első sorának vagy első bekezdésének behúzásának mértékét. szövegblokk.
Egy rövid szövegblokkot tartalmazó példát fontolgatunk, így a szöveg-behúzás tulajdonságai megfelelőek a mi esetünkben.
Az alábbiakban látható a html kód, amely behúzza a szöveget szöveges behúzással. A példából láthatja, hogy a szövegbehúzás különböző argumentumértékeinek beállításával megváltoztathatjuk a szöveg behúzásának mértékét:
HTMLbehúzásszöveg a CSS stílus működik - szöveg-behúzás
Véleményem szerint a szöveg behúzásának ez a módja a legoptimálisabb, de ennek ellenére fontolja meg a behúzás egy másik módját, a képek felhasználását.
HTML szöveg behúzás, a negyedik módszer - itt egy képet fogunk használni a behúzás beállításához.
Működési példaként vessünk egy pillantást a html kódra, amely bemutatja ennek a módszernek a működését:
a bal oldalon, használja a képet
A megadott példából jól látható, hogy a kép szélességének változtatásával megváltoztathatjuk a szöveg pozícióját, vagyis beállíthatjuk a szöveghez szükséges behúzást.
Képként olyan képet használhat, amelynek szélessége és magassága egy pixel. Annak elkerülése érdekében, hogy az általunk használt kép látható legyen az oldalon, állítsa be a színét úgy, hogy pontosan megegyezzen a webhely oldalának hátterével.
Véleményem szerint a szöveges behúzások beállításának fenti módszerei elégségesek ahhoz, hogy minden helyzetben megszervezze a szükséges behúzást, amikor tartalmat ad hozzá webhelyei oldalához.
Minden szövegnek megvan a maga egyedi szerkezete: a könyvek részekre, szakaszokra és fejezetekre vannak osztva, az újságoknak és folyóiratoknak külön címsoruk és alcímei vannak, amelyek viszont olyan szövegtöredékeket tartalmaznak, amelyek szintén saját szerkezettel rendelkeznek: bekezdések, behúzások stb.
Ez alól a weboldalakon elhelyezett szöveg sem kivétel, logikai felépítésűnek is kell lennie, amely minden felhasználó számára érthető. Végül is sok múlik azon, hogy mennyire kényelmes és egyszerű az oldalon található szöveg: mindenekelőtt milyen benyomást kelt a látogató az Ön webhelyéről.
A szöveg szerkezeti egységeinek, például bekezdéseinek létrehozásához a HTML-dokumentumok a címkét használják
, amely függőleges behúzással választja el a szövegrészleteket (a bekezdés elé és után egy üres sor kerül hozzáadásra).
Megjegyzés: alapértelmezés szerint a bekezdések közötti távolság 1em (em a betűmagassággal egyenlő mértékegység), vagyis a bekezdések közötti távolság közvetlenül függ a betűmérettől.
A bekezdések közötti behúzás megváltoztatásához a betűméret megváltoztatása nélkül használhatja CSS tulajdonságárrés.
Ne felejtsd el a végcímkét
A legtöbb böngésző helyesen jeleníti meg a HTML-dokumentumot, még akkor is, ha elfelejti a végcímkét.
Bekezdés
Még egy bekezdés
Ez a kód a legtöbb böngészőben működik, de ne hagyatkozzon rá. Az elfelejtett zárócímke váratlan eredményekhez vagy hibákhoz vezethet.
piros vonal
Mi az a piros vonal? Értelemszerűen ez egy olyan bekezdés kezdősora, amely korábban pirossal volt kiemelve (innen a cím). A tipográfia feltalálása előtt a könyveket kézzel írták - egy fejezetet vagy szövegrészt, az első szót vagy betűt piros festékkel írták. Így jelent meg a „piros vonalról írás” fogalma – ez egy új gondolat, fejezet vagy rész kezdetét jelenti.
Weboldalak készítésekor azonban ritkán használják a piros vonal kialakítását, annak ellenére, hogy sokkal kényelmesebben teszi lehetővé a szöveg vizuális érzékelését, ami nagyon fontos a hagyományos olvasó számára - nem mindenki érzi kényelmesen az elektronikus olvasást. szöveg változata.
Ha piros vonalat szeretne hozzáadni a bekezdésekhez, használja a text-indent CSS tulajdonságot, amely lehetővé teszi az első mondat behúzását:
Próbáld ki "
A fenti példában az oldal minden bekezdésének első sora 25 képpontos behúzással kezdődik. Az alábbi példa bemutatja, hogyan állíthat be piros vonalat csak egy adott bekezdéshez az oldalon.
Mint minden igazi művészetben, a jó szövegekben sincsenek apróságok, amelyekhez egyesek hozzáteszik a piros vonalat, mert úgy gondolják, hogy annak használata nem olyan fontos. Meg kell azonban érteni, hogy minden vessző esztétikai és szemantikai terhelést is hordoz, és nem csak a nyelvtani szabályok előtt tiszteleg - ez vonatkozik a formázásra is.
Próbáld ki "Megjegyzés: nem szükséges 25px-re beállítani a kitöltést, választhat optimális méret maguk a behúzás, a text-indent tulajdonság segítségével is lehet a szöveg többi része fölé kinyúló sort készíteni, ehhez a tulajdonságnak negatív értéket kell beállítani (például: -30px).
Feladat
Minden bekezdés első sorának behúzása.
Megoldás
Ha be kell állítania egy bekezdés behúzását, amelyet piros vonalnak is neveznek, akkor a legjobb a text-indent stílus tulajdonság használata. Értéke határozza meg, hogy az első sor szövegét mennyivel kell jobbra tolni kezdő pozíció... Ebben az esetben a szövegblokk szélessége nem változik, és eredetileg beállítva marad. A behúzás mértéke megadható pixelben, százalékban vagy más elérhető mértékegységben (1. példa).
Példa 1. Az első sor behúzása
HTML5 CSS 2.1 IE Cr Op Sa Fx
A babiloni pandemonium a bibliai hagyomány szerint Nimród király sikertelen kísérlete, hogy egy oszlopot építsen Babilonban az égig. Isten haragudott az emberekre vakmerő vágyuk miatt, úgy döntött, hogy megbünteti az építőket: úgy keverte nyelvüket, hogy már nem értik egymás, kénytelenek voltak leállítani az építkezést, és apránként szétszóródtak a világban. Ezért, ahogy a régiek kifejtették, a nyelvek közötti különbségek keletkeztek.
A szokásos fogalomban a babiloni pandemonium rendetlenséget, zavartságot jelent az emberek nagy tömegével.
Ennek a példának az eredménye az ábrán látható. 1.
