Sildid, mis määravad lõigu, tühiku, HTML -ploki ja lõigu
Mõelgem üksikasjalikult HTML -plokid ja lõiked veebilehe elementidena.
- HTML lõik määratletud siltidega.
- HTML -lõigud sisaldavad tavaliselt teksti, vormindussilte, pilte.
- HTML lõik ei tohi sisaldada plokielemente, näiteks päiseid
- , blokeerida
ja muud lõigud. - HTML -plokk määratletud siltidega .
- HTML -plokk võib sisaldada mis tahes veebisaidi elemente mis tahes koguses.
- HTML -plokid suurepärane veebilehtede jaoks ja lihtne manipuleerida.
Mõelge allolevale koodile:
Tulemus:
Me näeme seda HTML -lõigud on taandatud vertikaalselt - see on siltide eripära. HTML -plokid
Sildid ei tohi sisaldada muid ega
Sildid ja põhimõtteliselt sama asi, kuid W3C konsortsium soovitas kasutada väiketähti. V uus versioon HTML -is nagu tänapäevases XHTML -is on suurte tähtede kasutamine siltide kirjutamisel keelatud.
Blokeeri
HTML -ruum erimärkide tabelist
HTML -ruum võimaldab teil suurendada ruumi sõnade ja märkide vahel.
Mis puutub sõnade vahele, siis olenemata sellest, kui palju neid Notepadis, st lähtekoodis, on, kuvatakse veebilehel ainult üks. Kui peate kaugust suurendama, kasutage sümbolitabelis olevat tühikut. Te küsite: miks me vajame neid tavaliste märkide kodeeritud väärtusi? - Ma vastan: neid on vaja näiteks selliste sulgude kuvamiseks< >... Teisisõnu, siltide kuvamiseks kirjutan oma redaktorisse: ... Sildid: , nagu mäletame, teisendage tekst üherealiseks (masinakirjaks).
HTML -lõigu kuvamise viisid
Näited lõigu väljundist.
Tere! Jätkame veebisaitide programmeerimise põhitõdede uurimist. Raske on ette kujutada ühtegi neist, kellel pole koodilõiku. Täna kaalume, kuidas seda õigesti kirjutada ja kirjeldada mitut täiendavat toimingut koos tekstiga.
Näide
Võtame näite, kuidas HTML -koodis lõiku teha.
Üks või mitu lauset.
Eeltingimus on ava- ja sulgemismärgise olemasolu. Muide, kõike saab teha otse märkmikusse, just siis peate faili sobivas vormingus salvestama.
Vormindamine
Üsna sageli märkan, et inimesi huvitab punase joone tegemine. See on konkreetse lõigu jaoks väga lihtne.
Nende valikute lubamisel taandub esimene rida vasakust servast 15 pikslit. Kui sellised muudatused tuleb rakendada kõigile P -siltidele, siis sisse CSS -fail, mis ühendub saidi lehtedega, saate kirjutada allpool näidatud koodi.
Isiklikult ei tee ma tavaliselt punaseid jooni märkmikus või muus redaktoris koodi redigeerimisel.
Lisan lihtsalt tekstiväljade vahele polstri. Selleks peate kirjutama CSS -i erilised parameetrid.
p (veerg-alt: 25 pikslit;)
Kui kasutate seda konstruktsiooni, siis pärast iga lõiku on taane 25 pikslit.
Tegelikult on HTML -i ja erinevate stiilidega töötamiseks palju võimalusi. Olen neist kirjeldanud vaid mõnda, väga raske on kõike ühes artiklis kajastada.
Kas soovite rohkem teada saada? Võib -olla on abiks minu varasemad postitused järgmistel teemadel:
Siinkohal lõpetan artikli ja arvan, et nüüd ei ole keeruline HTML -is lõikeid teha ja neid erimärgendite abil kaunilt kujundada.
Soovin teile edu programmeerimise valdamisel. Muide, kas olete kunagi mõelnud raha teenimisele mitteametlikel informatiivsetel saitidel? Lihtsalt uhke teave pakkus lugejatele erilist teavet.
Online -äri ja rahandus on selle ajaveebi põhiteemad. Avaldatud materjalidest saate kohe tutvuda võrgu üksikute väljavaadetega. Jätkan uue, ja mis kõige tähtsam, tõeliselt kasuliku sisu ettevalmistamist ja avaldamist. Tellige Workip -i värskendused meilile... Järgmise korrani.
- veebisaidi loomise protsessis peame palju tööd tegema tekstiplokkide või tekstifraasidega. Kord oli mul vaja lisada tekstifraas, nii et enne seda tekstifraasi oli mõni teksti taane html servast plokk, millele antud tekst lisati.
Niisiis, esimene meetod on kõige loomulikum ja lihtsam. Enne teksti taande lisamiseks lisage see teksti ette html -kood tühikud - saate html -tühikukoodi lisada mis tahes html -redaktoris.
Siin on näide töökoodist teksti taande määramiseks tühikukoodi abil:
Html taane tekst vasakule, kasutage tühikukoodi
Selles näites on tühikukood enne meie valitud teksti -& nbsp; lisati neli korda, mille tulemusel saame vajaliku taande.
Me teame, et tühikukoodi haldab iga brauser. Seega, lisades teksti ette vajaliku arvu tühikuid, saate teksti jaoks vajaliku taande.
Selle meetodi hea külg on see, et see töötab mis tahes brauseris.
Aga on seda meetodit on märkimisväärne puudus. Selleks, et teksti taane oleks piisavalt pikk, tuleb HTML -koodis enne teksti lisada suur hulk kosmosemärgid, mis ei pruugi näida ilusad, kohmakad ja mitte professionaalsed.
Üks selle probleemi lahendamise võimalusi on järgmine tee taandeülesanded.
HTML -teksti taane, teine meetod - see meetod põhineb blockquote -märgendi omadustel. See silt määrab sinna paigutatud teksti jaoks umbes 40 piksli taande vasakule ja paremale. Lisaks on polster seatud üla- ja alaossa. Html näide Selle meetodi kasutamise kood on toodud allpool:
kasutage vasakul märgendit plokktsitaat
Nagu näete, on seda teksti taande määramise meetodit väga lihtne kasutada, kuid sellel meetodil on ka märkimisväärne puudus. Taane, mille silt määrab plokktsitaat, on fikseeritud ja alati võrdne sama väärtusega - 40 pikslit.
Olukorra parandamiseks ja lisades html taane ja eest teksti mis tahes väärtuse määramiseks kasutame kolmandat meetodit.
HTML -teksti taane, kolmas meetod.
Siin kasutame CSS-i kaskaadlaadilehtede teksti-taande atribuuti.
Kui avame CSS-i viite, näeme lehel koos teksti-taande omaduste kirjeldusega, et teksti-taande abil saame määrata mis tahes rea esimese rea või esimese lõigu taande tekstiplokk.
Kaalume lühikese tekstiplokiga näidet, nii et teksti taande omadused sobivad meie puhul hästi.
Allpool on html-kood, mis taandab teksti teksti-taande abil. Näitest näete, et teksti-taande jaoks erinevate argumentide väärtuste määramisega saame muuta teksti taande hulka:
Htmltaaneteksti CSS stiil töötab - teksti taane
Minu arvates on selline teksti taande määramise viis kõige optimaalsem, kuid siiski kaaluge mõnda muud taande määramise viisi, kasutades pilte.
HTML -teksti taane, neljas meetod - siin kasutame taande määramiseks pilti.
Töötava näitena vaatame html -koodi, mis näitab selle meetodi toimimist:
kasutage vasakul olevat pilti
Antud näitest on selgelt näha, et pildi laiust muutes saame muuta teksti positsiooni, st seada tekstile vajaliku taande.
Kujutisena saate kasutada pilti, mille laius ja kõrgus on võrdsed ühe piksliga. Et meie kasutatavat pilti lehel näha ei oleks, määrake selle värv täpselt sama, mis saidi lehe taustal.
Minu arvates on ülaltoodud meetodid teksti taande määramiseks täiesti piisavad, et korraldada taane, mida vajate igas olukorras, kui lisate oma saidi lehele sisu.
Igal tekstil on oma ainulaadne struktuur: raamatud on jagatud osadeks, osadeks ja peatükkideks, ajalehtedel ja ajakirjadel on eraldi rubriigid ja alamrubriigid, mis omakorda sisaldavad tekstiosi, millel on ka oma struktuur: lõiked, taanded jne.
Veebilehtedele paigutatud tekst pole erand; sellel peab olema ka igale kasutajale arusaadav loogiline struktuur. Lõppude lõpuks sõltub palju sellest, kui mugavalt ja lihtsalt lehel olevat teksti tajutakse: esiteks, millise mulje külastaja teie saidist jätab.
Teksti struktuuriüksuste (nt lõikude) loomiseks kasutavad HTML -dokumendid märgendit
, mis eraldab vertikaalse taandega tekstilõigud (lõigu ette ja taha lisatakse tühi rida).
Märkus: vaikimisi on lõikude vahe 1em (em on mõõtühik, mis võrdub fondi kõrgusega), see tähendab, et lõikude vahe sõltub otseselt fondi suurusest.
Lõikude vahelise taande muutmiseks ilma fondisuurust muutmata saate kasutada CSS -i omadus marginaal.
Ärge unustage lõppsilti
Enamik brausereid renderdab HTML -dokumendi õigesti, isegi kui unustate lõpumärgendi.
Lõige
Veel üks lõik
See kood töötab enamikus brauserites, kuid ärge sellele lootke. Unustatud lõpusilt võib põhjustada ootamatuid tulemusi või vigu.
punane joon
Mis on punane joon? Definitsiooni järgi on see lõigu algusjoon, mis oli varem punasega esile tõstetud (siit ka pealkiri). Enne tüpograafia leiutamist kirjutati raamatud käsitsi - peatükk või tekstiosa, esimene sõna või täht kirjutati punase värviga. Nii tekkis mõiste "punaselt joonelt kirjutamine" - see tähendab uue mõtte, peatüki või osa algust.
Veebilehtede loomisel kasutatakse aga punase joone kujundust harva, hoolimata asjaolust, et see võimaldab teksti visuaalselt palju suurema mugavusega tajuda, mis on traditsioonilise lugeja jaoks üsna oluline - mitte kõigil pole mugav elektroonilist teksti lugeda teksti versioon.
Punktidele punase joone lisamiseks peate kasutama atribuuti text-taane CSS, mis võimaldab teil esimese lause taande teha:
Proovige "
Ülaltoodud näites algab lehe iga lõigu esimene rida taandega 25 pikslit. Allolev näide näitab, kuidas saate punase joone seada ainult lehe konkreetsele lõigule.
Nagu iga tõelise kunsti puhul, ei leidu heades tekstides pisiasju, millele mõned sisaldavad punast joont, arvates, et selle kasutamine pole nii oluline. Siiski tuleb mõista, et mis tahes koma kannab nii esteetilist kui ka semantilist koormust ja mitte ainult austusavaldus grammatikareeglitele - see kehtib ka vormindamise kohta.
Proovige "Märkus: polsterdamiseks pole vaja 25 pikslit määrata, saate valida optimaalne suurus taande ise, ka teksti -taande atribuudi abil on võimalik teha ülejäänud teksti kohal väljaulatuv rida, selleks tuleb määrata omadusele negatiivne väärtus (näiteks: -30px).
Ülesanne
Taandage iga lõigu esimene rida.
Lahendus
Kui peate määrama lõigu taande, mida nimetatakse ka punaseks jooneks, on kõige parem kasutada teksti-taande stiili atribuuti. Selle väärtus määrab, kui palju esimese rea teksti paremale nihutada lähtepositsioon... Sel juhul tekstiploki laius ei muutu ja jääb esialgu seatud. Taande suuruse saab määrata pikslites, protsentides või muudes saadaolevates ühikutes (näide 1).
Näide 1. Esimese rea taane
HTML5 CSS 2.1 IE Cr Op Sa Fx
Babüloonia pandeemia on piiblitraditsiooni kohaselt kuningas Nimrodi ebaõnnestunud katse ehitada Babüloni sammas kuni taevani. Jumal, kes oli inimeste peale vihane nende hoolimatu soovi pärast, otsustas ehitajaid karistada: ta segas nende keelt nii, et nad lakkasid mõistmast üksteist, olid sunnitud ehituse pooleli jätma ja hajusid vähehaaval üle maailma. Seega, nagu muistsed selgitasid, tekkis keelte erinevus.
Tavamõistes tähendab Babüloonia pandeemia korralagedust, segadust suure rahvahulgaga.
Selle näite tulemus on näidatud joonisel fig. 1.
