< FONT SIZE =… COLOR =... FACE =...>tekst

SUURUS – määrab fondi suuruse, mida kasutatakse elemendis FONT sisalduvas tekstis. Absoluutse fondi suuruse saate määrata, määrates täisarvu vahemikus 1 kuni 7. Samuti saate määrata suhtelise fondi suuruse, määrates atribuudile märgiga täisarvu (näiteks võib see olla SIZE="+1" või SIZE="-2 ").

VÄRV – näitab värvi, millega see tekstiosa esile tõstetakse. Värvid määratakse RGB-väärtusena kuueteistkümnendsüsteemiga või on valitud ühe standardvärvi sümboolne väärtus.

FACE – määrab fondi kirjatüübi, näiteks FACE=ARIAL.

tekst - teletüüpi tekst (monoruum).

tekst- kaldkirjaga stiil (kaldkiri).

tekst – paksus stiilis.

tekst – stiil teksti allajoonimisega.

tekst – prindib teksti suurema kirjasuurusega (suurem kui ümbritsev tekst).

tekst – prindib teksti vähendatud kirjasuuruses (väiksem kui ümbritsev tekst).

tekst – allapoole nihutatud teksti trükkimine (alaindeks või alaindeks).

tekst – trükkida tekst ülespoole nihkega (üle- või ülaindeks).

tekst või< S >... - stiil läbikriipsutatud tekstiga.

Spetsiaalsed html-sildid

Tag< ADDRESS >kasutatakse dokumendi autori ja tema aadressi (näiteks e-posti) esiletõstmiseks.

Mõned märgid on HTML-is juhtmärgid ja lisatakse teksti ainult paojärjestusi kasutades:

    vasak nurksulg "" ->

    ampersand "&" - &

    jutumärgid """ - "

Erimärkide jaoks on olemas suur hulk ESC-jadasid, näiteks " "  jaoks ja "®"  jaoks. Üks funktsioone on sümbolite tabeli 2. osas (pärast 127. tähemärki) olevate märkide asendamine paojärjestustega, et edastada tekstifaile riigikeeltega 7-bitiste kanalite kaudu.

ESC-järjestused on tõstutundlikud: EI SAA selle asemel kasutada

DD silt – määrab definitsiooniloendi elemendi kirjeldava osa

DFN-i silt – siltide sees olev tekst vormindatakse definitsioonina

DL-silt – looge silte sisaldavate definitsioonide loend< dt >Ja< dd >

DT silt – määrab definitsioonide loendi elemendi kirjeldav-tingimusliku osa

EMBED silt – algus- ja lõpusildid, mis võimaldavad kirjeldada dokumenti manustatud objekti. Sõltuvalt manustatud objekti tüübist võib lisaks allpool loetletud parameetreid lisada

Atribuut

Funktsioon

Määrab manustatud objekti URL-i. See atribuut on kohustuslik

kõrgus = n

Määrab tsooni kõrguse, mille sisseehitatud objekt hõivab

nimi = Nimi

Määrab manustatud objekti nime

Määrab tsooni laiuse, mille sisseehitatud objekt hõivab

FONT-silt – siltidesse lisatud teksti suuruse, värvi või kirjatüübi määramine

Atribuut

Funktsioon

Määrake siltidesse suletud teksti värv

nägu=loend

Märgistatud teksti kirjatüübi määramine (määrab esimese fondi nime, mis on loetletud komadega eraldatud loendis)

suurus = tähenduses

Määrake põhifondi suurus. Vahemik - 1 kuni 7

silt Hn – siltide sees olev tekst tähistab n-taseme pealkirja. n-i võimalikud väärtused on 1 kuni 6

Atribuut

Funktsioon

joondada= tüüp

Määrab pealkirja joondamise: vasakule (vaikeseade), keskele või paremale (paremale)

HR silt – katkestab praeguse tekstivoo. Murdepunkti lisatakse horisontaalne joonlaud.

Atribuut

Funktsioon

joondada= tüüp

Määrab, kuidas joonlaud tuleb joondada: vasakule, keskele (vaikeseade) või paremale

Ärge kasutage joonlaua kuvamisel mahulist varjutust

Joonlaua paksuse määramine pikslite täisarvuks

laius= tähenduses

silt I – siltide sees olev tekst kuvatakse kaldkirjas

IMG silt – pilt lisatakse praegusesse tekstivoogu

Atribuut

Funktsioon

alt= tekst

Määrab alternatiivse teksti brauserite jaoks, mis ei toeta pilte

Piir = n

Määrake hüperlinkides sisalduvate piltide äärise paksus (pikslites).

Manustatud videoklippide taasesituse juhtelementide lisamine (I.E.2 ja kõrgem)

Dynasrc= url

Määrab pildistatava videoklipi URL-i ( I.E.2 ja kõrgem)

Kõrgus = n

Määrab pildi kõrguse pikslites

Hspace= n

Määrab laiusega vaba ruumi alade paigutuse pildist vasakule ja paremale n piksel

Näitab, et selle märgendi kasutamisel märgendis pilt valitakse hiirega

loop= tähenduses

Määrake video taasesituse korduste arv. Tähendus võib olla täisarv või lõpmatu (I.E.2 ja kõrgem)

Lowsrc= url

Määratud madala eraldusvõimega kujutisega, mille brauser peaks esmalt laadima. Sellele järgneb atribuudiga ( I.E.2 ja kõrgem)

Määrab esitatava pildi allika URL-i. See atribuut on kohustuslik

algus= Alusta

Määrab, millal videoklippi esitada (valikud: faili avamine või hiirekursor)

Usemap= url

Määrab pildi ala, mis on tundlik hiire liikumise suhtes

Vspace= n

Määrab n-pikslite vaba ruumi paigutuse pildi kohal ja all

Määrab pildi laiuse pikslites

KBD silt – siltide sees olev tekst sisestatakse tähemärgi haaval (nagu klaviatuurilt tippimisel)

LINK silt – päises (< head>), määratakse selle dokumendi link teisele dokumendile

Atribuut

Funktsioon

href= url

meetodid= nimekirja

Määrab selle lingi kuvamismeetodite loendi, olenevalt brauserist (eraldatud komadega)

rel= ühendus

Määratakse kindlaks selle dokumendi seos sihtdokumendiga. Internet Explorer 3.0 puhul tähendab rel=style välise stiililehe olemasolu

rev= ühendus

Määratakse sihtdokumendi tagasiside koos andmetega

Määrab välise stiililehe URL-i, mida kasutatakse dokumendi vormindamiseks ( I.E.2 ja kõrgem)

pealkiri= rida

Määrab sihtdokumendi pealkirja

tüüp= tekst/css

Sihtdokumendile määratakse universaalne ressursi nimi, sõltumata selle asukohast

MAP-silt – määrab pildi ala, mis on tundlik hiire liikumise suhtes

Atribuut

Funktsioon

nimi = rida

Määrab selle piirkonna nime. See atribuut on kohustuslik

NOBR silt – siltide vahele jäävas tekstis ei ole katkestused lubatud

P silt – lõigu alguse ja lõpu sildid

joondada= tüüp

Määrab teksti joondamise lõigus: vasakule, keskele või paremale

PLAINTEXT silt – määrab, et ülejäänud dokument tuleks kuvada töötlemata kujul eelvormindatud tekstina

PRE silt – siltide sees olev tekst kuvatakse nii. kuidas see eelvormindati, ilma töötlemiseta, täpsete reavahede ja vahedega

Brauser paigutab teksti nii, et (võimaluse korral) mahuks reale n tähemärki

silt S

SAMP silt – siltide sees olev tekst on mall

VÄIKE silt – siltide sees olev tekst kuvatakse väiksema kirjasuurusega

SPACER silt – sisesta dokumenti eraldaja (AinultN3)

tüüp= tüüp

Eraldaja tüüp on määratud: vertikaalne - kahe tekstirea vahele asetatakse määratud suurusega tühi ala; horisontaalne - sõnade või märkide vahele asetatakse määratud suurusega tühi ala; plokk - ristkülikukujulise ala sisestamine

Määrab (pikslites) horisontaalse eraldaja laiuse või vertikaalse eraldaja kõrguse

Määrab ploki eraldaja laiuse

kõrgus = n

Määrab ploki eraldaja kõrguse

joondada= tähenduses

Määrab, kuidas ploki eraldaja on ümbritseva teksti suhtes joondatud.

SPAN-silt – siltide sees olev tekst vormindatakse stiililehe abil (AinultI.E.3 ja üle selle)

Atribuut

Funktsioon

stiil= elemendid

Stiililehe elemendid määratakse teksti jaoks etteantud vahega

STRIKE silt – siltide sees olev tekst kuvatakse horisontaaljoonega läbi selle

SUB silt – siltide sees olev tekst kuvatakse alamindeksina

SUP-silt – siltide sees olev tekst kuvatakse ülaindeksina

TT-silt – siltide sees olev tekst kuvatakse ühekohalise fontina

VAR silt – siltide sees olev tekst tähistab muutuja nime

Lisaks standardsete fondisuuruste ja -laadide (kirjatüüpide) kasutamisele saate määrata iga tekstifragmendi jaoks fondi spetsiaalsete siltide abil. Lihtsaim viis on kasutada nn füüsilised stiilid:

Iga füüsilise stiili sildi jaoks on vastav sulgev silt, mis keelab stiili edasise rakendamise. Näiteks märgendi puhul on lõpumärgend .
Allpool on näidisprogramm ja erinevate füüsiliste stiilide välimus:


Füüsilised stiilid

Julge
Kaldkiri
Stressis
Läbi kriipsutatud
Kirjutusmasin
Paks kaldkiri
Paks kaldkiri alla joonitud


Riis. 649. Füüsilised stiilid

Saate pealkirja märgendi sisse lisada füüsilise stiilisildi, et muuta kogu pealkirja või ainult selle osa. Näiteks pealkirjana määratletud teksti osa kaldkirjas muutmiseks võite kasutada järgmist konstruktsiooni:


Füüsilised ja loogilised stiilid

see - muudetud 2. taseme päis

Riis. 650. Pealkirja osa kirjastiili muutmine

Spetsiaalse sildi abil saate kohandada tekstipildi fonti: määrata kirjatüüp, suurus ja värv. Esiteks saate määrata vaikimisi dokumendis kasutatava põhifondi suuruse. Peamisel fondisildil on vorming . Peamise fondi suuruse saab määrata vahemikus 1 kuni 7. Kui te seda silti ei kasuta, on vaikimisi põhifondi suuruseks määratud 3.
Silt määrab üksikute tekstifragmentide praeguse fondi suuruse. See silt ei mõjuta stiile. Võimalike väärtuste vahemik on 1 kuni 7. See silt võimaldab teil kontrollida ka praeguse fondi suurust peamise fondi suhtes. Selleks kasutage sümbolit + (suurendamiseks) ja sümbolit - (vähendamiseks) fondi suuruse etteantud summa võrra. Näiteks kui põhifondi suuruseks on määratud 3, määrab silt praeguseks fondi suuruseks 5.
Märgendit kasutatakse fondi kirjatüübi määramiseks. Näiteks:

Kui seda märgendit teie dokumendis ei kasutata, kasutab brauser oma eelistuses määratud fonti. Seetõttu võib kasutaja ekraanil olev tekst tunduda täiesti erinev sellest, kuidas te seda ette kujutasite. Samuti peaksite meeles pidama, et kui teie määratud font pole kasutaja arvutisse installitud, kuvab brauser teksti vaikefondis.
Saate määrata märgendis komadega eraldatud fontide loendi. Sel juhul kasutab brauser esimest leitud fonti. Näiteks saate kirjutada sildi:

FACE="Arial, Sans Serif, Courier">

Tavaliselt on sarnased fondid loendis määratud. Soovitatav on määrata kõige populaarsemad fondid. Lehele tekstiteabe paigutamisel on parem fondi nime üldse mitte määrata, tuginedes brauseri standardsätetele. Kuid siis tuleks lehe kujundamisel kasutada ka brauseri standardsätteid, et sünkroonida oma tekstitaju kasutaja võimaliku tajuga. Loote ju lehte mitte endale, vaid oma lugejatele.
Kasutades märgendis atribuuti COLOR, saate määrata fondi värvi:

Atribuudi COLOR argument on värvikoodi (punased, rohelised ja sinised komponendid ehk RGB komponendid) kuueteistkümnendsüsteem. Järgmine programm demonstreerib fondihaldust:


Fontide installimine

Font Aria ABVGDEZZHIK
Kulleri fontABVGDEZZHIK
Font SYMBOLABVGDEZZHIK


Riis. 651. Erinevate fontide kasutamine

Pange tähele, et silt võib kasutada mõnda või kõiki selle võimalikke atribuute. Näiteks:

Matemaatilistes valemites, nagu ka joonealuste märkuste jaoks, kasutatakse sageli indekseid, mis erinevad põhiteksti asukoha (veidi kõrgema või madalama) ja suuruse poolest. Sel eesmärgil ja vastavalt ülemise ja alumise indeksite jaoks kasutatakse silte.


Indeksid /HEAD>

Näide indeksite kasutamisest
(5+x2)x+3

a1 + a2+ a3
Joonealused märkused 2


Riis. 832. Üla- ja alaindeksite kasutamine

Lisaks ülalpool käsitletutele on olemas täiendavad tekstivormingu sildid:

  • - e-posti aadresside, postiaadresside ja
    telefoninumbrid;
  • - tsitaatide esiletõstmine;
  • , - saatetekstide salvestamine, sümboolsed konstandid;
  • - tekstide sisestamine klaviatuurilt.

Viimased kolm stiili kasutavad ühekohalist fonti (tavaliselt Courier). Näiteks tähed I ja Ж ühetühikulises kirjas hõivavad sama ruumi. Monoruumiliste fontide kasutamine on tingitud sellest, et teksti saab tühikute abil joondada.
Märgime veel ühte punkti. Fondijuhtimismärgenditesse, nagu ka loogiliste stiilimärgendite puhul, saate sisestada atribuudi TITLE= "string", mis võimaldab teil selle sildi sees olevale tekstile lisada tööriistaspikri. Atribuudi TITLE argument on kohtspikri string. Kui hõljutate kursorit esiletõstetud sõna või fraasi kohal, kuvatakse kursori kõrvale kohtspikker. Seda tehnikat kasutades saate lühendeid dešifreerida ning anda kasutajale täiendavaid selgitusi ja soovitusi.

46,4K

Sageli piinab algajaid veebihaldureid küsimus, miks mõned saidid on otsingutulemustes kõrgemal kohal ja edestavad konkurente. Selle põhjuseks võivad olla valesti paigutatud sildid h1, h2...h6. Kui need sildid on paigutatud valesti, arvestamata ressursi eripära, on otsingumootoritel raskem saada täpset teavet artiklite ja neis sisalduvate märksõnade kohta.

Sildid h1 - h6 võimaldavad teil esile tõsta pealkirju erinevatel tasanditel. Need teevad selgeks, millised tekstiosad kajastavad täpsemalt artikli teemat ja pakuvad järjestuse eeliseid.

Siltide õige paigutus võimaldab otsingumootoritel tulemustes päringute jaoks lehte täpsemalt kuvada, millel on kasulik mõju ressursi positsioonile:

Miks on h1-h6 silte vaja?

Sildid sisaldavad saidi nime, teksti pealkirju ja alampealkirju:


HTML-is tähistatakse päisesildid tähega h ingliskeelsest "päisest", mis tõlgituna tähendab "pealkiri, päis". Siin on näide selle kohta, kuidas see välja näeb.

Pealkiri

Pealkirjasildid tuleks paigutada ressursi igale lehele. Sel juhul sõltub pealkirja olulisus selle numbrist; mida väiksem see on, seda olulisem on pealkiri:

- kõige olulisemad sildid - vähem olulised sildid... - viimased kõige olulisemad sildid

Nende paigutamisse tuleks aga suhtuda ettevaatlikult. Ebaõige kasutamise tagajärjeks võivad olla teie ressursi otsingumootorid sanktsioonid.

H1-h6 siltide süntaks

Teksti pealkiri Alapealkiri 1 ... Alapealkiri 2 Alapealkiri 3.1 ... Alapealkiri 3_2 Alapealkiri 3


Kõige populaarsemad sildid on h1 h2 h3. Kuidas h1 silti õigesti kasutada?

Märgi h1 ignoreerimisega jätavad veebihaldurid end ilma sellisest olulisest eelisest nagu sisu optimeerimine. Mootorite puhul registreeritakse see sageli automaatselt, kuid mitte alati, ja seda asjaolu tuleks arvesse võtta.

H1 HTML-märgend on omataoliseim. See sisaldab saidi nime ja artikli pealkirja. Siiski ei tohiks seda segi ajada sildiga (lehe pealkiri). Pealkiri kuvatakse brauseris ekraani ülaosas vasakus servas, kui ressursileht on avatud. Pealkiri kirjutatakse lehe päisesse vahemikus , samas kui h1 - h6 on märgitud lehe enda "kehasse" ja need on ümbritsetud siltidega.

Ühel lehel võib olla ainult üks h1 silt. Kui määrate märgendiga h1 mitu pealkirja, võivad otsingumootorid pidada seda rämpspostiks, mis omakorda võib kaasa tuua keelu:


Põhipealkirja h1 koostamise reeglid:
  • Märgis peaks kasutama lehe reklaamimiseks kasutatud märksõnu;
  • Ärge muutke h1 pealkirja liiga pikaks, piisab paarist sõnast.
  • Pealkirja tekst peaks olema loetav;
  • H1 metasilt ei tohiks sisaldada midagi muud peale teksti enda. Kui soovite seda esile tõsta, asetage koodid sildist väljapoole;
  • Enne h1 käsitsi kirjutamist veenduge, et mootor ei seadista seda automaatselt;
  • h1 sisu peaks vastama lehe pealkirjas märgitud teemale;
  • H1 loomisel kasutage kindlasti võtmefraasi, millega lehte reklaamitakse;
  • Pealkirja sisu peaks olema kordumatu, sisutihe ja temaatiline. Te ei tohiks teha h1-st pealkirjasildi täielikku koopiat. Oluline on, et igale ressursi lehele kirjutataks kordumatu h1 - h6, nii et vältige kordusi;
  • Pealkirjas ei saa võtmefraase komadega eraldatuna loetleda. h1 sisu peaks olema arusaadav mitte ainult otsingumootoritele, vaid ka ressursside külastajatele.
Kuidas h2-h6 silte õigesti kasutada?

Lisaks h1-le, h2-le, h3-le, h4-le, h5-le, h6-le jne kasutatakse otsimootorite poolt tuvastatavate pealkirjade paigutamiseks silte.

h2 silt

Tavaliselt kasutatakse avalehel asuva voo postituste pealkirjade jaoks või artikli subtiitrite jaoks.

Sildid h3, h4

Neid kasutatakse sageli alampealkirjade, kategooriate ja vidinate nimede esiletõstmiseks külgribal.

Sildid h5, h6

Mõeldud veelgi väiksematele leheelementidele, mis tuleks ülejäänud tekstist eraldada.

Rubriikide h1 - h6 paigutust mootorite erinevates versioonides saab rakendada erinevalt.

H2 -h6 paigutamise reeglid:

  • Pealkirja struktuur. Pealkirjade hierarhiat tuleb säilitada;
  • Fondi suurus. Mida madalam on pealkirja tase, seda väiksem on font. Fontide redigeerimine toimub stiilides. Kuid üldiselt on fondid vaikimisi õige suurusega;
  • Pealkirja silte ei saa kasutada koos teiste rõhumärgistega. Pealkirjades on soovitatav kasutada märksõnu, mille järgi seda lehte otsingutes reklaamitakse;
  • Erinevalt h1-st saab h2 - h6 silte kirjutada lehele mitu korda.

Olen rubriikide hierarhia juht Minu lapsed Minu lapselapsed Minu lapselapsed Minu lapselapsed Minu lapsed Minu lapselapsed Minu lapselapsed Minu lapselapsed Minu lapselapselapsed Minu lapselapselapsed Minu lapselapselapsed

  • Rämpsposti ei tohiks olla;
  • Teksti h1 - h6 koostamisel tuleks kasutada sünonüüme ja morfoloogiareegleid arvestades;
  • Peamised märksõnad on parem asetada pealkirja algusele lähemale;
  • Pealkirjadesse kirjutatud võtmefraasid peavad esinema lehe tekstis;
  • Sildid h1–h6 peaksid olema lühikesed, sisutihedad ja informatiivsed:

HTML on hüperteksti märgistuskeel. See põhineb nn siltidel. Sildid on mõned ümbriselemendid, mis määravad veebilehe elementide vormingu ja atribuudid. Oleme koostanud teile ühele lehele ajakohase viite HTML-märgendite kohta.

Märgistuselemente on kokku üle saja. Igal neist on mitu atribuuti ja oma süntaks. HTML-i siltide viide aitab teil kiiresti leida vajaliku elemendi.

HTML-märgendite loend

Allolevas tabelis on HTML5-märgendite loend koos venekeelse lühikirjeldusega.

Silt Lühikirjeldus
Kommentaar.
Määrab dokumendi tüübi.
Link, hüperlink, ankur.
Määratleb teksti lühendina.
Dokumendi autori või omaniku kontaktandmed.
Määrab pildikaardil ala
Artikkel
Sisu kõrvale (sisu ei ole lehe peamine sisu)
Võimaldab sisestada hetkel esitatava helifaili.
Paks tekst.
Määrab dokumendi suhteliste linkide baas-URL-i või sihtatribuudi.
Ala, kus teksti kirjutamine võib võtta teistsuguse suuna.
Määrab teksti kirjutamise suuna. Vastupidiselt suunale on näidatud füüsiline suund
Tsiteeri.
Määrab dokumendi kehapiirkonna.

Reavahetus.
Klõpsatav nupp
Kasutatakse graafika joonistamiseks skriptide abil
Tabeli allkiri.
Allmärkus materjali pealkirja juurde.
Kasutatakse arvutikoodi sisestamiseks teksti kujul.
Määrab tabeli veergude omadused.
Määrab vormindatava ühe või mitme tabeli veeru rühma.
Kasutatakse etteantud suvandite määratlemiseks, mille hulgast tekstiväljale tippimisel valida
Määrab termini kirjelduse terminite loendis olevast sildist
Tekst, mis on dokumendi uues versioonis eemaldatud.
Määrab lisateabe, mida kasutaja saab vaadata või peita
Näitab, et sisu on termin.
Määrab dialoogiboksi või interaktiivse elemendi
Plokielement on üks peamisi paigutuselemente.
Määratleb definitsioonide loendi
Mõiste nimi definitsioonide loendis
tähenduse jaoks esile tõstetud tekst (tavaliselt kaldkirjas tekst).
Konteiner väliseks kasutamiseks
Seotud elementide rühm vormil
Elemendi pealkiri
Määratleb mitmest elemendist koosneva autonoomse rühma (näiteks pildi koos pealdisega)
jalus
Määrab kasutaja sisestusvormi
- Erineva tasemega HTML-i päised: , , , , , .
Määrab dokumendi peaosa.
Päise plokk
Horisontaalne joon on temaatiline jagaja.
Juurelement. Teatab brauserile, et antud dokument on HTML-dokument.
Kaldkirjas tekst.
Määrab tekstisisese raami
Pilt, pilt.
Sisestusväli
Tekst, mis on lisatud dokumendi uude versiooni.
Klaviatuurilt sisestatud tekst või klaviatuuri nuppude nimed. Tavaliselt monospace kirjas.
Sisestusvälja silt. Näitab elemendi (tavaliselt teksti) sidumist sisestusväljaga.
Elemendi päis
  • Loendi üksus
    Määrab välise ressursi sidumise (enamasti CSS-laaditabeli sidumise)
    Peamine sisu
    Konteiner jaoks. Määrab pildil kohandatud kaardi
    Valitud tekst (tavaliselt tausta esiletõstmise abil).
    Konteiner menüüelementide loendi jaoks
    Määratleb üksused, millele kasutaja saab kontekstimenüüst helistada
    Kasutatakse dokumendi metaandmete määratlemiseks.
    Väärtuste arvesti antud vahemikus
    Navigeerimiselementide konteiner
    Alternatiivne sisu kasutajatele, kes on skriptid keelanud
    Määratleb sisseehitatud objekti
    Määrab nummerdatud loendi
    Määrab ripploendis seotud valikute rühma. Annab rühmale nime
    Parameeter (valikuvõimalus) ripploendis
    Arvutustulemus

    Lõik.
    Määrab sisseehitatud objektide valikud
    Mitme pildi konteiner
    Eelvormindatud tekst.
    Edenemisriba
    Tsitaat tekstis.
    Alternatiivne tekst, kui brauser ei toeta .
    Märkus sildi sisu kohta.
    Sümbolite ja nende dekodeerimise konteiner (peamiselt Ida-Aasia sümbolite, hieroglüüfide jaoks).
    Läbikriipsutatud tekst.
    Tekst, mis on arvutiprogrammi väljund (tavaliselt monospace kirjas).
    Määrab skripti või skriptiühenduse välisest ressursist.
    Peatükk
    Määratleb ripploendi
    Tekst väiksema kirjasuurusega.
    Määrab ressursi , ja .
    Tekstisisene element.
    Tähendusega esile tõstetud tekst. Tavaliselt kuvatakse paksus kirjas.
    Määrab konteineri dokumendistiilide määratlemiseks
    Kuvab teksti alaindeksina.
    Pealkiri sildi sees
    Kuvab teksti ülaindeksina.
    Määrab tabeli.
    Määrab tabelis sisuala.
    Lahter tabelis .
    Mitmerealine sisestusväli
    Määrab tabeli allosas ridade rühma - jalus. Rohkem detaile
    Koht, kus reavahetus on lubatud.
    Pärand HTML-sildid

    Kuidas asendada vananenud HTML-märgendit? Enamikul juhtudel sobivad CSS-i kaskaadlaaditabelid. HTML-i uues spetsifikatsioonis kasutamata siltidele on ka alternatiive. Allolev tabel näitab aegunud HTML-märgendeid koos nende asendamise võimalustega.

    Silt Lühikirjeldus
    Akronüüm. Kasutage selle asemel silti.
    Sisseehitatud aplett. Kasutage või selle asemel.
    Määrab kogu dokumendi teksti värvi, suuruse ja fondiperekonna. Kasutage seda selle asemel
    Suurem tekst. Kasutage seda selle asemel
    Tsentreeritud tekst. Kasutage seda selle asemel
    Kataloogide loend. Kasutage
      tema asemel
    Määrab fondi värvi, suuruse ja perekonna. Kasutage seda selle asemel
    Raam sees. Kasutage seda selle asemel
    Määrab raamikomplekti. Mitme tekstisisese raami lisamiseks kasutage mitut elementi
    Asendustekst, kui raame ei toetata
    Läbikriipsutatud tekst. Kasutage või selle asemel
    Monospace tekst. Kasutage seda selle asemel
    Allajoonitud tekst. Kasutage seda selle asemel

    Näib, miks peaks teadma teksti jaoks HTML-i silte, kui nüüd on peaaegu igal administraatoripaneelil mugav, mis määrab need automaatselt?

    Fakt on see, et veebisaidi sisu vormindamine erineb põhimõtteliselt kontorirakendustes töötamisest. Siin ei piisa ainult tekstile atraktiivse välimuse andmisest, sest õigest kujundusest ei sõltu mitte ainult veebilehe kuvamine, vaid ka selle reklaamimine otsingumootorites.

    HTML-i sildid ja atribuudid: põhiline süntaks

    Igal tekstil on peidetud kood, mis “selgitab” arvutile, mida ja kuidas ekraanil kuvada. Kogu teave salvestatakse universaalsete elementide komplekti kasutades.

    Põhimõtteliselt on HTML-i tekstisildid käsud, mis lisavad lehele teatud plokid või muudavad nende välimust. Õige salvestusvorming näeb välja selline:

    Pange tähele, et kõik sildid pole seotud. Näiteks,
    (rea vahelejätmine) või (horisontaalse joone lisamine) ei pea üldse sulgema.

    Miks te ei saa Wordi ja muude programmide artikleid veebisaidi redaktorisse kopeerida?

    Kuigi tänapäevased kontoriprogrammid kasutavad teksti jaoks samu HTML-märgendeid, on 99% juhtudest kodukood veebilehtede jaoks kasutamiskõlbmatu. Isegi kui dokumenti kuvatakse rakenduses endas tavapäraselt, võib vorming veebisaidile sisestamisel kaduda. Lisaks ei suuda otsingumootorid ebavajalike siltide ja atribuutide suure hulga tõttu lehe sisu adekvaatselt analüüsida. Mis omakorda muudab teie ressursi reklaamimise keeruliseks.

    Puhta ja asjakohase koodi saamiseks peate esmalt puhastama tavalise redaktori loodud HTML-märgendite teksti. Selleks on mitu võimalust.

  • Käivitage artikkel Notepadi kaudu ja alles seejärel sisestage see saidile. Rakendus kustutab kogu HTML-i, nii et pärast seda peate teksti uuesti vormindama (redaktori tööriistade abil või käsitsi).
  • Kirjutage ja avaldage artikleid LiveWriteri abil. Populaarne ajaveebi redaktor genereerib kohe õige koodi. Ja eraldi vahekaardil näete, kuidas saidil olev tekst välja näeb.
  • Kasutage HTML Cleanerit. See võrguteenus ei hävita kogu koodi, vaid ainult mittevajalikke fragmente. Filtrite abil saate valida, millised sildid soovite salvestada. Samuti on võimas visuaalse vormindamise redaktor, mis lisab koodile juba optimeeritud käsud.
  • Lõigud

    See element esineb peaaegu kõigis artiklites. Iga lõik peaks asuma sellises konteineris – see lihtsustab vormindamist ja võimaldab säilitada ühtset stiili saidi kõigil lehtedel. Mugavuse huvides silt

    Kirjutage alati uuele reale.

    Joondamine

    Eraldi HTML-i "Teksti joondamise" märgendit pole pikka aega kasutatud. Selle asemel loodi üldine atribuut ALIGN. Tekstiploki asukoha muutmiseks lehel peate valima ühe kolmest väärtusest – KESKEL, PAREMAL või VASAKUL. Teiste elementide (nt pealkirjade) joonduse saate määrata samal viisil.

    Mõnes olukorras kasutatakse joondamiseks muid silte, näiteks saab positsioneerida kasutades elementi .... Miks on eraldi silt kasulik? Erinevalt atribuudist töötab see mis tahes sisuga, sh fotod, videod, välklamp jne.

    Pealkirjad ja alapealkirjad

    Alampealkirjade süsteem võimaldab luua loogilise sisustruktuuri. Kui tekst on jagatud tähenduslikeks plokkideks, on lugejal palju lihtsam keskenduda ja uut teavet omastada. Otsingumootorid analüüsivad ka pealkirju, et mõista, milliste päringute jaoks lehte reklaamida. Seetõttu soovitavad SEO eksperdid neis kasutada teemakohaseid märksõnu.

    HTML kasutab kuut alampealkirja taset alates kuni . Selles süsteemis on selge hierarhia:

    • ... . Põhiartikkel, toode veebipoes jne). Tekstis saab olla ainult üks. Reeglina sisaldab see peamist märksõna.
    • ... . Teise taseme alampealkirjad jagavad teksti tähenduslikeks plokkideks. Näiteks kui hindate sülearvuteid, saate teha mitu erineva mudeli nimega.
    • ... . Kolmas tase on vajalik, kui nende kahe vahel olev tekst on samuti jagatud väikesteks plokkideks. Meie näites võivad need olla iga mudeli hindamiskriteeriumid - "Jõudlus", "Mälu", "Videokaart" jne.
    • , , . Praktikas on need äärmiselt haruldased. Kuid üldpõhimõte on sama - need tuleks "pesastada" tipptaseme alampealkirjaga plokki.

    Säilitage kindlasti õige hierarhia. Meie näite juurde tagasi tulles tähendab see, et te ei saa kohe sisestada mudelinimesid kui või . Ja veelgi enam, kasutage homogeense tähendusega plokkide jaoks erineva tasemega alampealkirju (näiteks tõstke edetabelis viimasele kohale jõudnud sülearvuti, kasutades nuppu ).

    Siin on diagramm, mis aitab teil koheselt mõista ja meeles pidada HTML-i pealkirjade õiget struktuuri.

    Loendid

    Parem on vormindada kõik loendid ja juhised loendite kujul, kasutades teksti jaoks spetsiaalseid HTML-märgendeid (tavaline viga on vaid paar lõiku

    Mis algavad sidekriipsu või numbriga).

    Selliste plokkide struktuur on väga lihtne. Esiteks määrame loendi tüübi - täppidega või nummerdatud.

    Kõik elemendid on avamis- ja sulgemissiltide vahel. Iga loendiüksus algab uuelt realt ja on vormingus . Elementide arv ei ole piiratud.

    Valik ja selle omadused

    Mida saab selle fondi ja värviga muuta – ilma CSS-i uusi klasse lisamata. See on väga mugav, kui peate esile tõstma ainult ühe lause või fragmendi.

    sellel on mitu atribuuti:

    • Nägu. Võimaldab muuta teksti fonti. Saate loetleda mitu komadega eraldatud valikut (Tahoma, Verdana). Kui kasutajal pole esimest fonti installitud, kasutab süsteem lihtsalt alternatiivi.
    • Suurus. Teksti suurendamiseks või vähendamiseks sisestage jutumärkidesse väärtus vahemikus 1 kuni 7.
    • Värv. Sõltuvalt disainist saate valida ühe standardtoonidest (punane, roheline, sinine) või sisestada koodi mis tahes värvi jaoks.

    Ärge kasutage alampealkirjade asemel lõikeid, mis on vormindatud . Parem on määrata samad kujundusparameetrid õige sildiga.

    Teksti esiletõstmise viisid

    Monotoonne tekst on väsitav, isegi lõikudeks jaotatud. Tähelepanu äratamiseks ja lugejas huvi äratamiseks on soovitatav põhipunktid graafiliselt esile tõsta. Siin on mõned käsud, mis aitavad teil selle ülesandega toime tulla.

    ... . Äärmiselt populaarne HTML-märgend. Paks tekst hakkab kohe silma ning seetõttu on seda mugav kasutada oluliste punktide ja faktide esiletoomiseks.

    Paljud inimesed ajavad sildid ja . Visuaalset erinevust pole, kuid need töötavad erinevalt. Esimene muudab lihtsalt teksti välimust, teine ​​aga toimib “indeksina” ja toob esile olulisemad fragmendid (teemaatilised märksõnad ja fraasid SEO jaoks).

    ... . Elegantne ja range kaldkiri sobib ideaalselt teadusterminite, võõrsõnade ja mitmesuguste tsitaatide kujundamiseks. Tõsistes väljaannetes on ka kunstiteoste nimed kaldkirjas esile tõstetud.

    ... . Võib-olla pole ükski teine ​​HTML-märgend nii palju poleemikat tekitanud. Teksti allajoonimist kasutatakse harva, kuna seda esiletõstmise meetodit on ajalooliselt määratud hüperlinkidele. Kui kasutate artiklites pange tähele, et see sobib ainult lühikeste fragmentide jaoks - mitte rohkem kui 1 rida.

    ... . Huvitav silt, mis võimaldab teha osa.Väga asjakohane reklaamis - näiteks rõhutamaks kontrasti vana ja uue hinna vahel.

    ... . Lihtsaim viis fondi suuruse suurendamiseks ilma lisavalikuteta.

    ... . See töötab samal põhimõttel nagu eelmine silt. Sees asuv tekst on põhiosa suhtes vähendatud.

    ... . Selle vormingu õige nimi on ülaindeks. See silt on mõeldud peamiselt matemaatika kraadide ja joonealuste märkuste jaoks. See vähendab fondi suurust ja liigutab valitud teksti üles.

    ... . Alamindekseid leidub sageli erinevates valemites. Valitud fragment asub põhiteksti all.

    Sisukad konteinerid

    Kuna mõningaid plokke leiti paljudest tekstidest, hakati nende jaoks looma spetsiaalseid silte. See lihtsustab vormindamist, sest kui igal sisutüübil on oma stiilid, peate lihtsalt tekstiosa esile tõstma ja näitama, millist teavet see sisaldab.

    ... . Silt arvutikoodide lisamiseks. Näidetega programmeerimist käsitlevates artiklites asendamatu – käske ei täideta, vaid kuvatakse lihttekstina.

    ... . Mõeldud tsitaatide vormistamiseks – näiteks intervjuu võtmelõikudeks.

    . Paigutab osa tekstist eraldi plokki. Vaikimisi on valikul rohkem vasakut täidist, kuid CSS-is saate muuta ka teksti suurust, fondi stiili ja värvi.

    ... . Täiendav silt, mis sisaldab teavet autori kohta, sealhulgas linke.

    Demarkatsioonijoon

    Lihtsa joonega saab tähistada suure lõigu loogilist lõppu. ei kehti seotud siltide kohta. See tähendab, et sulgevat vormingu elementi pole vaja.

    Atribuudi WIDTH abil saate eraldajat lühemaks muuta, määrates sobiva suuruse pikslites või protsendi akna laiusest.

    Õppides, kuidas õigesti kasutada silte HTML-i teksti vormindamiseks, ei muuda te mitte ainult oma artikleid hõlpsamini loetavaks, vaid suurendate ka oma SEO tõhusust.