Tutkimme tekstin sisennystä html:ssä. Kuinka muuttaa tekstin kappaleiden välistä etäisyyttä? Mikä tunniste määrittää kappaleen?
Punainen html-viiva voidaan asettaa 4 eri tavalla. Vaikka tämä ohjelmointikieli ei tarjoa erityisiä standardeja tälle ilmiölle, tältä osin ei ole rajoituksia. Tässä artikkelissa käytämme epätyypillisiä työkaluja punaisen viivan luomiseen.
1. menetelmä
Kannattaa aloittaa yleisimmällä menetelmällä. Vain tässä tapauksessa on tarpeen käyttää peräkkäisiä taulukoita, koska CSS liittyy erottamattomasti hypertekstin merkintäkieleen. Punainen html-viiva voidaan asettaa "text-indent"-ominaisuuden avulla. Riittää, kun merkitään asiakirjan vasemmalle puolelle haluttu elementti ja etäisyys, jota käytetään sisennykseen. Esimerkiksi kirjoittaminen: "p (tekstin sisennys: 20px;)" tarkoittaa, että jokaiseen kappaleeseen p tehdään punainen 20 pikselin viiva. Voit käyttää mitä tahansa tekstilohkoa elementtinä, jolle määrität arvon. Itse asiassa tämä ominaisuus ei aseta punaista viivaa, vaan osoittaa yksinkertaisesti valitun elementin ensimmäisen rivin sisennyksen. Mutta kuka huomaa eron? "text-indent"-ominaisuus voi saada kolme erilaista arvoa:
- Mikä tahansa yleisesti hyväksytty mittayksikkö, esimerkiksi px (pikselit), tuumina, pt (pisteet) ja muut.
- Prosenttiarvo. Tässä tapauksessa etäisyys pääelementistä otetaan huomioon.
- Periä. Kun tämä arvo määritetään, ominaisuus peritään pääelementistä.
2. menetelmä
Html:ssä punainen viiva voidaan asettaa yhdistämättä peräkkäisiä taulukoita. Riittää, että sivun lähdekoodissa laitetaan useita välilyöntejä ennen ensimmäistä merkkiä. Sinun tarvitsee vain käyttää erikoismerkkejä, nimittäin " ", koska jos laitat tavallisen välilyönnin, vain yksi otetaan huomioon. Ja käyttämällä tätä symbolia voit asettaa vaaditun sisennyksen. Tällaisella punaisella HTML-rivillä ei ole globaalia sovellusta, ja sinun on lisättävä kaikki välilyönnit manuaalisesti. Tämä miinus rasittaa sinua suuresti, kun työskentelet suuren määrän asiakirjoja. Tämä menetelmä julistaa myös sivusi koodin virheelliseksi.
3. menetelmä
Johtopäätös
Johtopäätöksenä voidaan sanoa, että html yhdessä CSS:n kanssa mahdollistaa monenlaisten tehosteiden luomisen. Joskus ominaisuuksia ja elementtejä ei käytetä aiottuun tarkoitukseen, mutta sinun ei pitäisi poiketa liikaa tunnisteiden vakiomerkityksestä.
Pääsääntöisesti tekstilohkot erotetaan kappaleilla (kappaleilla). Kappaleiden välillä on oletusarvoisesti pieni pystysuora väli, jota kutsutaan välilyönniksi. Kappaleiden luomisen syntaksi on seuraava.
Kohta 1
Kohta 2
Jokainen kappale alkaa tunnisteella
Ja päättyy valinnaiseen sulkemiseen
.Kaikissa teoksissa ensimmäisen rivin sisennystä, jota kutsutaan myös "punaiseksi viivaksi", käytetään korostamaan seuraava kappale. Näin lukija voi helposti etsiä uutta riviä ja parantaa siten tekstin luettavuutta. Web-sivuilla tätä tekniikkaa ei yleensä käytetä, mutta täyttöä käytetään kappaleiden erottamiseen.
Esimerkki 7.1 näyttää kappaleiden käytön sisennysten luomiseen rivien väliin.
Esimerkki 7.1. Kappaleiden käyttäminen
Joissain paikoissa on vielä helmikuu, toisissa jo huhtikuu.
Aika kuluu, ikuinen laskeminen: vuodesta toiseen, vuosisadasta vuosisadan jälkeen...
Kaikessa - hänen kiireettömässä vauhdissaan, hänen pilkkopustaan juoksussaan.
Vuodessa on kaksikymmentäviisi viikkoa iloa ja surua.
Minulla on kaksikymmentäviisi viikkoa helmikuuhun ja kaksikymmentäviisi viikkoa huhtikuuhun.
Kahdenkymmenenviiden viikon ajan vuosisadat kulkevat sumussa.
Kuuluisa farssi lentää jonnekin pilviä kohti.
M. Štšerbakov
Tämän esimerkin tulos on esitetty kuvassa. 7.1.
Riisi. 7.1. Sisennys verkkosivulla kappaleita käytettäessä
Kuten kuvasta näkyy, tunnistetta käytettäessä
Kappaleiden välissä on liikaa välilyöntejä. Voit päästä eroon niistä lisäämällä tagin rivinvaihtoihin:
. Toisin kuin kappale, rivinvaihtotunniste
ei luo ylimääräisiä pystysuoria välejä rivien väliin ja sitä voidaan käyttää melkein missä tahansa tekstissä.
Siten esimerkin 7.1 teksti muutetaan rivinvaihdot huomioiden seuraavasti (esimerkki 7.2).
Esimerkki 7.2. Tag
Mantelipuut kukkivat joissakin puutarhoissa, kun taas lumimyrskyt puhaltavat toisissa.
Joissain paikoissa on vielä helmikuu, toisissa jo huhtikuu.
Aika kuluu, ikuinen laskeminen: vuodesta toiseen, vuosisadasta vuosisadan jälkeen...
Kaikessa - hänen kiireettömässä vauhdissaan, hänen pilkkopustaan juoksussaan.
Vuodessa on kaksikymmentäviisi viikkoa iloa ja surua.
Minulla on kaksikymmentäviisi viikkoa helmikuuhun ja kaksikymmentäviisi viikkoa huhtikuuhun.
Kahdenkymmenenviiden viikon ajan vuosisadat kulkevat sumussa.
Kuuluisa farssi lentää jonnekin pilviä kohti.
M. Štšerbakov
Esimerkin tulos näkyy kuvassa. 7.2. Voidaan nähdä, että tekstirivien välinen etäisyys on pienentynyt ja se on saanut tiiviimmän ilmeen.
Tunnisteet, jotka määrittävät kappaleen, välilyönnin, HTML-lohkon ja kappaleen
Katsotaanpa sitä yksityiskohtaisesti HTML-lohkot ja kappaleet Web-sivun elementteinä.
- HTML kappale määritellään tunnisteilla.
- HTML kappaleita sisältävät yleensä tekstiä, muotoilutunnisteita ja kuvia.
- HTML kappale ei voi sisältää lohkoelementtejä, kuten otsikoita
- , lohko
- HTML-lohko määritellään tunnisteilla
- HTML-lohko voi sisältää mitä tahansa web-sivun elementtejä missä tahansa määrässä.
- HTML-lohkot Erinomainen verkkosivuille ja helppo käsitellä.
Harkitse alla olevaa koodia:
Tulos:
Voimme nähdä sen HTML kappaleita niissä on pystysuorat sisennykset - tämä on tunnisteiden ominaisuus. HTML-lohkot
Tunnisteet eivät voi sisältää muita tai
Tunnisteet ja periaatteessa ovat sama asia, mutta W3C-konsortio suosittelee pienten kirjainten käyttöä. Uudessa HTML-versiossa, kuten nykyisessä XHTML:ssä, isojen kirjainten käyttö tunnisteita kirjoitettaessa on kielletty.
Lohko
HTML-tila erikoismerkkitaulukosta
HTML-tilaa voit lisätä sanojen ja merkkien välistä etäisyyttä.
Mitä tulee sanojen väliin, riippumatta siitä, kuinka monta niitä on Notepadissa, eli lähdekoodissa, vain yksi näkyy verkkosivulla. Jos haluat lisätä etäisyyttä, käytä välilyöntiä symbolitaulukosta. Saatat kysyä: Miksi näitä tavallisten merkkien koodattuja merkityksiä tarvitaan? - Vastaan: Niitä tarvitaan esimerkiksi tällaisten sulujen näyttämiseen< >. Toisin sanoen, näyttääkseni tunnisteet näytöllä, kirjoitan editorissani: . Tunnisteet
, kuten muistamme, muuntaa tekstin monospaceksi (kirjoituskoneella).
Tapoja näyttää HTML-kappale
Esimerkkejä kappaleen tulostamisesta.
Jos haluat antaa sille tietyn tyylin, sinun on sijoitettava teksti sopivaan säilöön.
Kaikki muotoilutunnisteet voidaan jakaa kolmeen ryhmään:
1. Otsikkotunnisteet ( h1-h6).
2. Leipätekstin suunnittelutunnisteet (
,
,
,
,
jne.).
3. Tagien ryhmittely (
,
,
)
Otsikkotunnisteet
Ne muuttavat tavallisen tekstin tietyn tason otsikoksi. Tag
luo ensimmäisen tason otsikon - suurimman ja tärkeimmän (yleensä artikkelin otsikon sivulla),
vastaa kuudennen tason otsikosta - pienimmästä ja huomaamattomimmasta. Nämä tunnisteet ovat tärkeitä sekä käyttäjille että hakukoneille – molemmat rakastavat alaotsikoilla varustettuja otsikoita. Tasojen hierarkiaa on noudatettava, ts.
täytyy mennä
, eikä toisinpäin.
Ymmärtääksesi kuinka tämä toimii, kirjoita seuraava koodi html-tiedostoon:
Ensimmäisen tason otsikko
Toisen tason otsikko
Kolmannen tason otsikko
Neljännen tason otsikko
Tason 5 otsikko
Tason kuusi otsikko
Se näyttää selaimessa tältä:
Runkotekstin suunnittelutunnisteet
Mahdollistaa muotoilun merkkitasolla. Katsotaanpa, mitä voit tehdä niillä.
Lihavoitu kirjasin
On syytä kiinnittää huomiota tekstiin. Se on tärkeä myös hakukoneille, sillä ne voivat korostaa avainsanoja.
Vastaa lihavoituista tyylitunnisteista Ja .
Yläindeksi ja alaindeksi
Niitä voidaan käyttää kaavoissa, yhtälöissä ja tiettyjen suureiden nimeämisessä.
Tunniste vastaa alaindeksien luomisesta , ylimmille käytetään -tunnistetta .
X 1= 32 m 2
Supistaminen
Jos sinun on tehtävä tekstistä yhtä pienempi kuin asetettu arvo koko sivulla, sinun on käytettävä tunnistetta
Pelkkää tekstiä. Vähennetty teksti.
Alaviiva
Tämän tyyppistä korostusta voidaan käyttää osoittamaan asiakirjaan tehtyjä muutoksia tai yksinkertaisesti kiinnittämään huomiota tekstiin.
Pelkkää tekstiä. Alleviivattu teksti.
Yliviivattu
Voit yliviivata tiedot, jos ne ovat jo menettäneet merkityksensä. Tämä on tagi tälle
.
Kursivointi
Sitä tarvitaan huomion kiinnittämiseksi tekstiin, ja se voidaan luoda tagilla tai .
Tietokoneen tekstinsyöttö
Sattuu niin, että joudut lisäämään web-sivulle ohjelman lähdekoodin ja sen työn tulokset. Jotta tekstin eri osien visuaalinen erottaminen toisistaan olisi helppoa, HTML-kehittäjät ottivat käyttöön tämän ryhmän tunnisteet.
Säiliöön
sisältää ohjelmakoodin ja sen muuttujat on korostettu tagilla
, ja suorituksen tulos on
. Säiliö
sisältää tekstiä, joka käyttäjän on syötettävä näppäimistöltä työskennellessään ohjelman kanssa, ja kaiken, mikä on suljettu tunnisteisiin
, säilyttää alkuperäisen muodon, mukaan lukien ylimääräiset välilyönnit ja rivinvaihdot.
Täten
a, b, c, Täällä ohjelman suorittamisen tulos , ja tämä on käyttäjän kirjoittamaa tekstiä näytti jotain tällaista
.
Lainaukset ja määritelmät
Ohjelmakoodi näyttää tältä
Täten
, muuttujat on nimetty seuraavasti:
a, b, c
, Täällä
ohjelman suorittamisen tulos
, ja tämä on
käyttäjän kirjoittamaa tekstiä
. Säilytä alkuperäinen muotoilu
näytti jotain tällaista
.
Lainaus blockquote-tunnisteessa.Lainaus lainaussäiliön sisällä.
Lyhyt lainaus tagilla q.
Yleinen esimerkki
Jotta ymmärrät paremmin, mistä kukin tunniste on vastuussa ja miten se toimii, katso seuraava koodi ja sen suorittamisen tulos.
Rasvainen tekstistä voidaan tehdä tunnisteita vahva Ja b. Takana kursivoitu vastaus em Ja i.
Tunnisteet sub Ja sup käytetään luomiseen alempi(x 1…x n) Ja ylempi (42=16) indeksit. Del ylittää, ins - korostaa.
Tunnisteet koodi
, kbd, var Ja näyte käytetään harvoin ja niitä tarvitaan ohjelmaluetteloiden näyttämiseen
lyhenne tarvitaan osoittamaan lyhenteitä ( HTML). Blockquote-, cite- ja q-tageja käytetään lainausmerkkien muotoilemiseen ( Taivas hengitti jo syksyllä
)
Esitunniste säilyttää alkuperäisen tekstin muotoilun poistamatta välilyöntejä tai rivinvaihtoja.
Selain tulkitsee tämän koodin seuraavasti:
Tunnisteiden ryhmittely
On välttämätöntä, että teksti ei virtaa yhtenä jatkuvana rivinä, vaan se jaetaan loogisiin osiin.
- Tunnisteiden sisällä on kappale.
Ensimmäinen kappale
Toinen kappale
- Tag
siirtyy kappaleen seuraavalle riville (riviä edeltävälle riville ei tehdä sisennystä).
voit piirtää vaakasuuntaisen viivan. Voit käyttää sitä erottelemaan tekstiä selkeämmin. Attribuutit leveys, koko, väri, kohdistaa Ja noshade asettaa viivan leveyden, paksuuden, värin, kohdistuksen ja 3D-efektin puuttumisen.
Viiva rivin yläpuolella.
Rivi rivin alla.
"Lorem IPSUM Dolor Sit Amet, Consectur 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 Cons. "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." Kappale 1.10.32 "de Finibus Bonorum et Malorum", kirjoittanut Cicero vuonna 45 jKr. "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. sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae a dicta sunt explicabo. Sit voluptatem accusantium doloremque laudantium a ut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Ut enim ad minima veniam , quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur??" Englanninkielinen käännös 1914, H. Rackham "Mutta minun täytyy selittää teille, kuinka kaikki tämä virheellinen mielihyvän tuomitseminen ja kivun ylistäminen syntyi, ja annan sinulle täydellisen kuvauksen järjestelmästä ja selitän suuren tutkimusmatkailijan todelliset opetukset totuudesta, inhimillisen onnen mestarirakentaja. Kukaan ei hylkää, pidä tai välttele itse nautintoa, koska se on nautintoa, vaan koska ne, jotka eivät osaa tavoitella nautintoa rationaalisesti, kohtaavat äärimmäisen tuskallisia seurauksia. siellä on jokainen, joka rakastaa tai tavoittelee tai haluaa saada kipua itsestään, koska se on kipua, mutta koska toisinaan sattuu olosuhteita, joissa öljy ja kipu voivat tuottaa hänelle suurta nautintoa. Ottaaksemme triviaalin esimerkin, kuka meistä koskaan tekee työlästä fyysistä harjoitusta Mutta kenellä on oikeutta etsiä vikaa miehestä, joka päättää nauttia nautinnosta, jolla ei ole ärsyttäviä seurauksia, tai joka välttää kipua, joka ei tuota mielihyvää?" Kappale 1.10.33 "de Finibus Bonorum et Malorum", kirjoittanut Cicero vuonna 45 jKr. "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 quiloffilidiaestrum qui dem rerum facilis est et expedita erillinen. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impeedit quo miinus id quod maxime placeat facer cossimus, omnis voluptas assumenda est, omnis dolor repellendus. Eveniet "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." Englanninkielinen käännös 1914, H. Rackham "Toisaalta me tuomitsemme vanhurskaalla närkästyksellä ja inhoamme miehiä, jotka ovat sen hetken nautinnon viehätysten houkuttelemia ja masentuneita, niin sokaisemat halusta, että he eivät voi ennakoida kipua ja vaivaa, on väistämättä seurausta, ja yhtäläinen syy on niille, jotka epäonnistuvat velvollisuudessaan tahdon heikkouden vuoksi, mikä on sama kuin sanoa uurastamalla ja tuskasta. Nämä tapaukset ovat täysin yksinkertaisia ja helppo erottaa. Vapaalla tunnilla, kun valintavoimamme on esteetön ja kun mikään ei estä meitä tekemästä sitä, mistä pidämme parhaiten, jokainen nautinto on tervetullutta ja jokaista kipua vältetään. Mutta tietyissä olosuhteissa ja velvollisuuksien tai liiketoiminnan velvollisuuksien vuoksi se tulee usein tapahtuu, että nautinnot on hylättävä ja ärsytykset hyväksyttävä. Viisas mies pitää siis näissä asioissa aina kiinni tästä valinnan periaatteesta: hän hylkää nautinnot turvatakseen muita suurempia nautintoja, tai muuten hän kestää kipuja välttääkseen pahempia kipuja."
- Tekstin ja taustavärin muuttaminen
- Oman esityksen luominen Kuinka vaihtaa taustaa OpenOffice-esittelyssä
- Ylä- ja alatunnisteiden poistaminen Excelissä Lisää ylä- ja alatunnisteet Exceliin
- Kuinka asettaa, muuttaa ja skaalata mittoja AutoCADissa?
- FTP-palvelu - tiedostonsiirto
- Tasojen käyttäminen AutoCADissa Uuden tason luominen AutoCADissa
- Solujen, rivien ja sarakkeiden lisääminen ja poistaminen Tietojen lisääminen Exceliin