Egy feladat

Adjon hozzá egy behúzást minden bekezdés első sorához.

Döntés

A bekezdés behúzásának, más néven redline beállításánál a legjobb a text-indent stílus tulajdonság használata. Értéke határozza meg, hogy az első sor szövege mennyivel tolódik el jobbra az eredeti helyéről. A szövegblokk szélessége nem változik, és eredetileg beállítva marad. A kitöltés mennyisége megadható képpontokban, százalékokban vagy más elérhető mértékegységekben (1. példa).

1. példa: Az első sor behúzása

HTML5 CSS 2.1 IE Cr Op Sa Fx

A babiloni világjárvány a bibliai hagyomány szerint Nimród király kudarcos kísérlete, hogy égig érő oszlopot építsen Babilonban. Isten megharagudott az emberekre vakmerő vágyuk miatt, úgy döntött, hogy megbünteti az építőket: úgy keverte a nyelvüket, hogy többé nem értették egymás, kénytelenek voltak leállítani az építkezést, és fokozatosan szétszóródtak a világban. Innentől kezdve, amint azt a régiek magyarázták, a nyelvek közötti különbségek mentek.

A szokásos fogalomban a babiloni pandemonium rendetlenséget, zavartságot jelent az emberek nagy tömegével.

Eredmény ezt a példátábrán látható. 1.

Piros vonalú html 4-re állítható különböző utak. Bár erre a jelenségre vannak bizonyos szabványok adott nyelv programozás nem biztosítja, így ebben a tekintetben nincs korlátozás. Ebben a cikkben egy nem egészen szabványos eszközkészletet fogunk használni a piros vonal létrehozásához.

1. mód

A legáltalánosabb módszerrel kell kezdenie. 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 html piros vonala a "text-indent" tulajdonsággal állítható be. Elég megadni a kívánt elemet és a távolságot, amelyet a dokumentum bal oldalán a behúzáshoz használunk. Például a "p (szöveg-behúzás: 20px;)" bejegyzés azt jelenti, hogy minden p bekezdésben egy 20 képpontból álló piros vonal lesz. Bármely szövegblokk használható elemként, amelyhez az érték meg van adva. Tulajdonképpen adott ingatlan nem piros vonalat állít be, hanem egyszerűen megadja a kijelölt elem első sorának behúzását. De ki fogja észrevenni a különbséget? A "text-indent" tulajdonság három lehet másfajtaértékek:

• Bármilyen általános mértékegység, például px (pixel), in (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. Amikor megadod adott értéket a tulajdonság a szülőelemtől öröklődik.

2. út

A html-ben a piros vonal a lépcsőzetes táblázatok 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 "", mert ha rendes szóközt tesz, akkor csak egyet vesz figyelembe. Ezzel a szimbólummal pedig beállíthatja a szükséges behúzást. Egy ilyen piros HTML-sornak nincs globális hatása, és minden szóközt kézzel kell beírnia. Ez a mínusz nagy terhelést jelent, ha nagyszámú dokumentummal dolgozik. Ezenkívül ez a módszer érvénytelennek nyilvánítja az oldal kódját.

3. út

Következtetés

Következtetésként elmondhatjuk, hogy a html a CSS-sel együtt sokféle hatást tesz lehetővé. Néha a tulajdonságokat és elemeket más célokra használják fel, de nem szabad túlságosan eltérni a címkék szokásos jelentésétől.

Egy bizonyos stílus megadásához el kell helyeznie a szöveget a megfelelő tárolóba.

Minden formázási címke három csoportra osztható:

1. Címcímkék ( h1-h6).

2. Tervezze meg a fő szöveg címkéit ( , , ,

, 
 stb.).
3. Címkék csoportosítása ( 

, 

, 

)

Címcímkék
A sima szöveget egy bizonyos szintű címsorrá alakíthatja.  Címke 

 létrehoz egy első szintű címsort - a legnagyobb és legfontosabb (általában a cikk címe az oldalon), 

 felelős a hatodik szint fejlécéért - a legkisebb és legszembetűnőbb.  Ezek a címkék mind a felhasználók, mind a keresőmotorok számára fontosak – az alcímeket tartalmazó címsorokat mindkettő szereti.  Figyelni kell a szintek hierarchiáját, vagyis azért 

 mennem kell 

, és nem fordítva.

Ennek megértéséhez írja be a következő kódot a html fájlba:
 
Első szintű címsor
Második szintű címsor
Harmadik szintű címsor
4. szintű címsor
5. szintű címsor
6. szintű címsor

A böngészőben így fog kinézni:
Törzsszöveg-tervező címkék
Karakterszintű formázás engedélyezése.  Lássuk, mit tehetsz velük.
Félkövér betűtípus
A szövegre kell összpontosítani.  A keresők számára is fontos, kulcsszavakat tudnak kiemelni.
A félkövér címkékért felelős 
és .

Felső index és alsó index
Felhasználhatók képletekben, egyenletekben, egyes mennyiségek jelölésében.
A címke felelős az alsó indexek létrehozásáért 
, a felső címke használatos 
.
x 1=32 m 2
Méretének csökkentése
Ha a szöveget eggyel kisebbre kell tenni, mint a teljes oldalon beállítottnál, 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öveg kiemelésére.
Egyszerű szöveg. Aláhúzott szöveg.
Áthúzott
Áthúzhatja az információt, ha már elvesztette relevanciáját.  Ehhez a címkéhez tervezték 
.
Dőlt betűs
A figyelem a szövegre összpontosításához szükséges, és címkével hozható létre 
 vagy 
.

Számítógépes szövegbevitel
Előfordul, hogy a program forráskódját és a munkájának eredményét hozzá kell adni egy weboldalhoz.  Annak érdekében, hogy a szöveg különböző részeit vizuálisan meg lehessen különböztetni egymástól, a HTML fejlesztők bevezették ennek a csoportnak a címkéit.
A konténerbe 
 a programkód lezárásra kerül, míg változóit 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 extra terekés sortörések.

  így a, b, c, itt program végrehajtási eredménye , és ez van felhasználó által beírt szöveg 
így jelenik meg
.

Idézetek és meghatározások
A kód így fog kinézni 
így 
, a változókat a következőképpen jelöljük: 
 a, b, c 
, itt 
 program végrehajtási eredménye 
, és ez van 
 felhasználó által beírt szöveg 
.  Tartsa meg az eredeti formázást 
így jelenik meg 

.

 
Idézet a blockquote címkében.
Idézet egy idézettárolóban.Rövid idézet q címkével.Dedikált meghatározás.Rövidítés (NGO, IP).

Általános példa
Ha jobban szeretné megérteni, hogy egy címke miért felelős és hogyan működik, tekintse meg a következő kódot és a végrehajtás eredményét.
 
Zsíros szöveg címkézhető erősés b.  Per dőlt betűvel válasz emés én.
címkéket alattiés sup létrehozásához használtak Alsó(x 1…x n) és tetejére (42=16) indexek. Del kiüti, ins - hangsúlyozza.
címkéket kód, kbd, varés minta ritkán használt és szükséges a programlisták megjelenítéséhez
 röv szükséges a rövidítésekhez ( HTML).  A blockquote, cite és q címkéket idézzük ( Már az ég is ősszel lélegzett)
Az előcímke megtartja a szöveg eredeti formázását szóközök és sortörések 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 haladjon, hanem logikai komponensekre oszlik.
A címkék egy bekezdést tartalmaznak.
 
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öveg vizuálisabb 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 a sor alatt.

Jó napot kedves olvasók.  Ma egy rövid megjegyzés az elkészítéshez piros vonal minden bekezdéshez a html oldalon.  Ha valaki nem tudja, akkor a piros vonal a szövegblokk első sorának behúzása.  Ilyen behúzás a bekezdésekben szinte minden nyomtatott szövegben megtalálható, de weboldalak készítésekor elég ritka a piros vonal kialakítása, annak ellenére, hogy sokkal olvashatóbbá teszi a szöveget.  Abban az esetben, ha az ügyfél hirtelen megkívánja, hogy a webhelyén lévő bekezdések piros vonallal kezdődjenek, akkor adok egy egyszerű receptet a probléma megoldására.
A feladatot többféleképpen is meg lehet oldani, például minden bekezdés elejére több szót is beszúrhatunk egymás után. speciális karakterek de lehet, hogy elég lesz nagyszámú idő.  Ezért javaslom a CSS tulajdonság használatát piros vonal létrehozásához szöveg behúzás, amely beállítja első sor behúzás szövegblokk.  Ebben az esetben a fennmaradó sorokra nincs hatással.
A text-indent tulajdonságnak egyszerű szintaxisa van:
szöveg behúzás:<значение> | <проценты>|  örököl
Értékként pixeleket (px), pontokat (pt) és egyéb CSS-ben elfogadott mértékegységeket adhat meg.  Az érték határozza meg, hogy az első sor szövege mennyivel kerüljön jobbra az eredeti helyről.  Megengedett negatív értékek megadása, ekkor a szöveg balra kerül.  Százalékos értékek megadásakor az első sor behúzása a szövegblokk szélességétől függően kerül kiszámításra.
Ha a piros vonalat csak egy bekezdéshez kell hozzáadni, akkor ezt megteheti:

Eredmény:
Az út szélén volt egy tölgy.  Valószínűleg tízszer volt idősebb az erdőt alkotó nyíreknél, tízszer vastagabb és kétszer olyan magas, mint minden nyír.  Hatalmas, kétköves tölgy volt, letört ágakkal és régi sebekkel benőtt kérgével.  Hatalmas, esetlen, aszimmetrikusan kinyújtott ügyetlen kezekkel és ujjakkal úgy állt mosolygó nyírfák között, mint egy öreg, dühös és megvető korcs.  Csak ő egyedül nem akart alávetni magát a tavasz varázsának, és nem akarta látni sem a tavaszt, sem a napot.
Vagy adja hozzá az osztály attribútumot azokhoz a bekezdésekhez, amelyeknek piros vonallal kell kezdődniük, és adja hozzá a kívánt stílust:


Andrej herceg többször is visszanézett erre a tölgyfára, miközben átlovagolt az erdőn.  Virágok és fű volt a tölgy alatt, de ő még mindig ott állt a közepén, komoran, mozdulatlanul, csúnyán és makacsul. 


Eredmény:
Andrej herceg többször is visszanézett erre a tölgyfára, miközben átlovagolt az erdőn.  Virágok és fű volt a tölgy alatt, de ő még mindig ott állt a közepén, komoran, mozdulatlanul, csúnyán és makacsul.
Most már könnyedén húzz egy piros vonalat rajtad html oldalak
.  Hamarosan találkozunk!
Helló!  Folytatódik a webhely-programozás alapjainak megfontolása.  Nehéz elképzelni legalább egyet, amelynek kódjában ne fordulna elő a bekezdéscímke.  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
 
Nézzünk egy példát arra, hogyan készítsünk bekezdést HTML kódban.
 
 
Egy vagy több ajánlat.

 
Előfeltétel a nyitó és záró címke megléte.  Egyébként mindent meg lehet csinálni közvetlenül a Jegyzettömbben, csak ekkor 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és esetében ez nagyon egyszerű.
 
Ha engedélyezi ezeket a beállításokat, az első sort 15 képponttal behúzza a bal széltől.  Ha ezeket a változtatásokat az összes P címkére alkalmazni kell, akkor a webhely oldalaihoz kapcsolódó CSS ​​fájlba írhatja be az alábbi kódot.
 
Én személy szerint nem szoktam piros vonalakat rajzolni, amikor kódot szerkesztek a jegyzettömbben vagy más szerkesztőben.
 
Csak a szövegblokkok közé teszek kitöltést.  Ehhez speciális paramétereket kell írni CSS-ben.
 
 
p(margin-bottom:25px;)
 
Ha ezt a kialakítást használja, akkor minden bekezdés után egy 25 pixeles behúzás jelenik meg.
 
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?  Hasznosnak találhatja korábbi bejegyzéseimet a következő témákban:
 
Ezzel befejezem a cikket, és azt hiszem, most nem lesz nehéz HTML-ben bekezdéseket készíteni, és speciális címkék segítségével szépen rendezni.
 
Sok sikert kívánok a programozás megtanulásához.  Egyébként arra gondolt, hogy az információs, nem kereskedelmi oldalakon pénzt keressen?  Egyszerűen nagyszerű információkkal szolgált olvasóinak a címen.
 
A normál munka és az online pénzügyek a legfontosabb témái ennek a blognak.  A közzétett anyagokból már most online ismerkedhet meg az egyéni potenciális ügyfelekkel.  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 kommunikációig.