Esiteks räägime sellest pealkirjad. Eelmistes tundides sai näha, kuidas teksti kasutatakse. Kuid koos sellega on HTML-is sildid, mis tähistavad pealkirju: h1, h2, h3, h4, h5, h6. Need on järjekorras suurimast väiksemani: h1- suurim tiitel, h2- natuke vähem, aga h6, neist vastavalt kõige väiksem.

Pealkiri 1

2. pealkiri

3. pealkiri

4. pealkiri

Demonstratsioon Laadige alla allikad
Ülaltoodud kood kuvab järgmist

Tähelepanu! Tahan kohe öelda, et pealkirju tuleb hoolikalt kasutada! Otsingurobot, mis loob teie saidile hulga teavet, analüüsib ESIKÕIGE pealkirju sisu osas. Ja kui need sisaldavad näiteks tühja infot nagu meelelahutuslik, Tähelepanu, Ja siin on veel midagi huvitavat, siis läheb see teie saidi miinusesse! Pöörake sellele kohe tähelepanu ja tehke pealkirju informatiivne! Näiteks: Sissejuhatus sotsioloogiasse, Einsteini-Podolski-Roseni paradoks, Horatiuse elulugu, Juura periood, mis peaks sisaldama kogu sellel lehel oleva või vahepealse teabe tähendust.

Teksti vormindamine HTML-is

Tõenäoliselt olete juba märganud, et kui katkestate rea ja jätkate teksti sisestamist koodis, siis tekst ise läheb ikkagi ühes lõigus ilma reavahetuseta. Rea katkestamiseks peate kasutama ühte silti br koos sunnitud üleviimine.

Kõige sagedamini (ja õigemini) reavahetuse ja lõigumärgi jaoks kasuta silti lk (lõik). Kui kasutate seda silti, taandatakse lõigud üksteisest.

Esimese lõigu tekst. Esimese lõigu tekst. Esimese lõigu tekst. Esimese lõigu tekst.

Teise lõigu tekst. Teise lõigu tekst. Teise lõigu tekst. Teise lõigu tekst.

Demonstratsioon Laadige alla allikad

Tag lk atribuut on olemas joondada, mis vastutab lõikude joondamise eest. Sellel võivad olla järgmised väärtused:

vasakule- vasakpoolne joondus
õige- joondus paremal küljel
Keskus- keskel
õigustada- laiuses

Vaatame teksti joondamise näidiskoodi vasakul küljel, paremal küljel ja keskel.

Esimese lõigu tekst. Esimese lõigu tekst. Esimese lõigu tekst.

Teise lõigu tekst. Teise lõigu tekst. Teise lõigu tekst.

Kolmanda lõigu tekst. Kolmanda lõigu tekst. Kolmanda lõigu tekst.

Demonstratsioon Laadige alla allikad

Seal on ka silt Keskus. See keskendub selle sisule (tekst, pilt jne). Teksti puhul on selle mõju sarnane keskele joondamisega.

Keskmise tekst

Kuidas muuta tekst html-is paksuks?

tugev- standardne paksus kirjas tekst.
b- märksõna esiletõstmine paksus kirjas. See silt pärineb tugevast märgendist ja mõned peavad seda aegunuks (samas kasutatakse seda silti HTML5-s). Koos tugevaga tajuvad seda ka otsingumootorid märksõnade ja fraaside määratlemisel.
Tähelepanu! Otsingumootor peab nende siltidega teksti esiletõstmist eriti oluliseks.
Ole ettevaatlik:
1. eraldama ainult oluline sõnad ja fraasid
2. oluline – see ei ole veerand tekstist. proovige piirata rakendust see silt.

Vaatame rasvases kirjas teksti esiletõstmise koodi näidet

Kui soovite fraasi esile tõsta nii, et see oleks kasutajale lihtsalt nähtav,
nt meeldetuletus tee nii. Või nii juhul märksõna

Demonstratsioon Laadige alla allikad
Brauser kuvab järgmist

Nii need kui ka teised sõnad tõstetakse esile paksus kirjas, kuid need on otsingumootori jaoks olulised märksõna

Kuidas html-is teksti kaldkirja muuta?

i- kaldkiri. Nende avamis- ja sulgemismärgenditega tuleks esile tõsta ainult olulist infot (märksõnu), sest nende põhjal annavad otsingumootorid andmeid.
em- standardne kaldkiri. Kasutamisel pole piiranguid.
tsitaat- seda tüüpi kaldkirja kasutatakse tsitaatide, materjalide ja autorite viidete jaoks.
dfn- määratluste ja terminite esiletõstmiseks.

Vaatleme näidet kaldkirjas tekstivalikuga koodist

mercedes benz on Saksa autotootja, mis asutati 1886. aastal.
Nimi pärineb kahest kaubamärgist - Mercedes ja bens.
Peamiselt tegeleb ta tootmisega premium autod, veoautod, bussid.

http://ru.wikipedia.org/wiki/Mercedes-Benz

Demonstratsioon Laadige alla allikad
Brauser kuvab nii

Kuidas html-is teksti alla joonida?

u- standardne allajoonitud valik (kõige parem kasutada uusimate HTML-i spetsifikatsioonidega)
ins- nii märgitakse teie dokumenti sisestatud (kas lisatud või vanade asemele) uued andmed (tekst, selgitus). Esiletõstetud allajoonimisega

Nii esimese kui ka teise juhtumi andmed tõstetakse esile allakriipsutamine.

Kuidas teha html-is teksti läbikriipsutamine?

Läbikriipsutus tõstab järgmiste siltide teksti esile
del- tehtud parandus.
streikima- standardne läbikriipsutus.
s- streiki lühend

Kaks korda kaks võrdub viis neli. Tavaline läbikriipsutatud tekst

Demonstratsioon Laadige alla allikad

Kuidas html-is üla- ja alaindeksis teksti esile tõsta?

alam- silt, mis kuvab teksti reatasemest allpool väiksemas kirjas.
sup- silt, mis kuvab teksti reatasemest kõrgemal väiksemas kirjas.

a ²+b ²= c ²- Pythagorase teoreem.

H ₂ O on vee keemiline valem.

Demonstratsioon Laadige alla allikad
Brauser kuvab järgmist

fondi silt html-is

Teksti redigeerimiseks kasutatakse ka html-vormingus fondi silt. Kuid plokkide paigutuse kasutuselevõtuga ja CSS-i populaarsusega hakkas see meetod kiiresti ununema.

Tag font määrab fondi valikud (fondi tüüp, suurus, värv). Sellel on vastavad atribuudid:

nägu- fondi nimi. Saate anda fontidele mitu nime (eraldatuna komadega), kuna teie saiti vaataval kasutajal EI pruugi vaikimisi sellist fonti olla või ta ei toeta seda keelt. Näiteks kasutaja Poolast või Hiinast. Seega, kui seda fonti ei leita, kasutatakse loendis järgmist.

suurus- aktiivsed väärtused vahemikus 1 kuni 7. Vaikimisi font on 3.

värvi- teksti värv. Kui te parameetrit ei määra, on tekst must.

Font Tahoma, suurus 5, värvus sinine.

Demonstratsioon Laadige alla allikad
Jällegi on see meetod aegunud, seega soovitan teil selle kasutamisega mitte harjuda.

Kas teksti on võimalik kuvada sellisel kujul, nagu see trükiti (a). PRE silt

Jah, saate tõesti oma elu lihtsamaks teha ja vabaneda paljudest taandest, sidekriipsudest ja muust. Selle jaoks on olemas eelmärgis. Ühest suuremate tühikute arv koodis võrdub ühega, kuid pre-tekst jääb sisestatud kujule.

Kuidas sa tahtsid teksti sisestada 
nii et ta ilmus!  =)

Demonstratsioon Laadige alla allikad
See näeb brauseris välja selline

Muud sildid teksti vormindamiseks

lühend silt tähistab lühendit. Lühend on lühendatud sõna või fraas. Lühendeid leiab kõikjalt, näiteks HTML (Hypertext Markup Language), PHP (Hypertext Preprocessor).
pealkirja atribuut

HTML

Demonstratsioon Laadige alla allikad
Brauseris näeb see välja selline

akronüümi silt erinevalt lühendist tähistab see väljakujunenud sõna (akronüümi), mida kasutatakse iseseisva sõnana. Näiteks: NSVL (Nõukogude Sotsialistlike Vabariikide Liit), AIDS (omandatud immuunpuudulikkuse sündroom), USA (Ameerika Ühendriigid).
Nendel siltidel valitud sõna tõstetakse esile punktiirjoonega ja sisu kuvatakse kursoril pealkirja atribuut

HTML

Horisontaalne riba HTML- või hr-sildis

Horisontaalse joone tähistamiseks html-is kasutatakse hr silt. Selle kohal ja all eristuvad taanded.

Sellel sildil on järgmised atribuudid:
joondada- horisontaaljoone joondamine. Joondustüüpe on juba varem mainitud: vasak (vasak), keskel (keskel), parem (parem).
laius- fikseerib joone pikkuse pikslites või protsentides
suurus- joone paksus
värvi- joone värv
noshade- eemaldab joone reljeefi

tavaline rida

---

Keskel asuv joon pikkusega 50% ploki laiusest, joone paksus 2

---

Paremjoon, sinine, 200 pikslit

---

Demonstratsioon Laadige alla allikad
Brauseris

Täname tähelepanu eest! Tund oli pikk ja raske! Olete astunud suure sammu edasi!

Kirjeldus

Lisab teksti kaunistuse allajoonimiste, läbikriipsutuste, teksti kohal olevate joonte ja vilkumise kujul. Korraga saab rakendada rohkem kui ühte stiili, loetledes väärtused tühikutega eraldatuna.

Süntaks

tekst-kaunistus: [pilgutab || line-through || ülejoon || allakriipsutamine] | mitte ühtegi | pärida

Väärtused

blink Määrab vilkuva teksti. Selline tekst perioodiliselt, umbes kord sekundis, kaob, siis ilmub uuesti samasse kohta. Seda väärtust brauserid praegu ei toeta ja see on CSS3-s aegunud, selle asemel soovitatakse animatsiooni. line-through Loob läbikriipsutatud teksti (näide ). overline Rida läheb üle teksti (näide ). allakriipsutamine Määrab allakriipsutatud teksti (näide ). none Tühistab kõik efektid, sealhulgas linkide allajoonimise, mis on vaikimisi määratud. inherit Väärtus päritakse vanemalt.

HTML5 CSS2.1 IE Cr Op Sa Fx

strateegiline rünnak

Objektimudel

document.getElementById("elementID ").style.textDecoration

document.getElementById("elementID ").style.textDecorationBlink

document.getElementById("elementID ").style.textDecorationLineThrough

document.getElementById("elementID ").style.textDecorationNone

document.getElementById("elementID ").style.textDecorationOverLine

document.getElementById("elementID ").style.textDecorationAllajoon

Brauserid

Internet Explorer kuni versioonini 7.0 ei toeta pärimisväärtust. Läbiva väärtusega saadud rida on IE7-s kõrgem kui teistes brauserites; IE8 on selle vea parandanud.

CSS võimaldab teil teha mitmesuguseid toiminguid, mis on seotud kogu lehe dekoratiivse kaunistamisega. Erilist tähelepanu pööratakse tekstile, mis enamikul juhtudel täidab enamiku saitidest. Täna vaatleme ühte huvitavat omadust: allajoonitud, allajoonitud ja läbikriipsutatud tekst. Kõik need efektid määratakse ühe CSS-reegli abil.

Ülesandmine

Saate CSS-is teksti alla joonida ja läbi kriipsutada, kasutades käsku "text-decoration". Mõju sõltub määratud väärtusest. CSS leiutati veebilehe loogilise ja struktuurilise osa eraldamiseks. Kuid enne Cascading Style Sheets'i tulekut kasutati HTML-i silte, millel oli sarnane tähendus. Näiteks element nagu võimaldab kuvada läbikriipsutatud teksti. See märgend on nüüd aegunud ja muudab teie lehe koodi automaatselt kehtetuks. Kuigi element seda toetavad endiselt kõik kaasaegsed brauserid ja mõned arendajad kasutavad seda. Aga tagasi CSS-i juurde. Käsul "text-decoration" võivad olla järgmised väärtused:

• joon alla. Selle väärtuse määramisel saate
• ülejoon. Rida läheb üle teatud lehe fragmendi.
• rida läbi. Loob läbikriipsutatud või läbikriipsutatud teksti.
• vilkuma. Dokumendi valitud fragment kaob perioodiliselt ja ilmub uuesti.
• Samuti on väärtused "pole" ja "pärivad". Esimene tühistab kõik efektid ja teine ​​määrab atribuudi pärimiseks emaelemendist.

eesmärk

Näib, et CSS-is on läbikriipsutatud tekst ja sarnased efektid ainult teksti kaunistamiseks. Enamikul juhtudel on see väide tõsi. Kuid mõnikord tasub mõelda küsimusele: miks sellised elemendid loodi? Näiteks kasutati vale või vana teabe tähistamiseks juba vananenud silt "strike". Lugejad saavad läbikriipsutatud teksti nähes aru sellise nimetuse varjatud tähendusest. Allajoonitud sõnad tõstetakse alati üldisest voolust kohe esile. Seetõttu tuleks seda efekti kasutada olulise teabe esiletõstmiseks. Väärtust "blink", mis paneb teksti vilkuma, kasutatakse harva, kuna üldiselt peetakse seda programmeerijate seas vastuvõetamatuks. Lõppude lõpuks meeldivad vähestele teie lugejatest värelevad sümbolid, mis nende tähelepanu pidevalt hajutavad. Noh, "overline" väärtust kasutatakse ainult teksti kaunistamiseks.

Iseärasused

Kuigi kõik atribuudi "teksti kaunistamine" väärtused on osa kaskaadtabeli versiooni spetsifikatsioonist, ei toeta tänapäevased brauserid mõnda väärtust. Näiteks ei ole IE-s vilkuv tekst nähtav. Google Chrome'i brauser ei aktsepteeri mõnda väärtust. Mobiiliplatvormid ei toeta seda atribuuti täielikult.

Järeldus

Selliseid efekte nagu läbikriipsutatud tekst ja muid sarnaseid tähendusi kasutatakse Internetis üsna sageli. Nende kasutamine võimaldab õigesti väljendada autori peamist ideed, aidates koondada lugejate tähelepanu teksti õigele osale. Kuid ärge olge liiga innukas ja kasutage võimaluse korral atribuuti "teksti kaunistamine". Lõppude lõpuks võib teksti liigne kaunistamine kahjustada teid ja teie lugejaid.