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

SIZE - määrittää fontin koon, jota käytetään FONT-elementin tekstissä. Voit määrittää absoluuttisen kirjasinkoon määrittämällä kokonaisluvun väliltä 1 ja 7. Voit myös määrittää suhteellisen kirjasinkoon määrittämällä attribuutille etumerkillisen kokonaisluvun (esimerkiksi SIZE="+1" tai SIZE="-2 ").

VÄRI - ilmaisee värin, jolla tämä tekstinpätkä korostetaan. Värit määritetään RGB-arvona heksadesimaalimerkinnällä tai jonkin vakiovärin symbolinen arvo valitaan.

FACE - määrittää fontin kirjasintyypin, esimerkiksi FACE=ARIAL.

teksti - teletype teksti (monospace).

teksti- tyyli kursivoitulla fontilla (kursiivi).

teksti - lihavoitu tyyli.

teksti - tyyli tekstin alleviivauksella.

teksti - tulostaa tekstin suuremmalla kirjasinkoolla (suurempi kuin ympäröivä teksti).

teksti - tulostaa tekstin pienennetyllä kirjasinkoolla (pienempi kuin ympäröivä teksti).

teksti - tulosta teksti alaspäin (alaindeksi tai alaindeksi).

teksti - tulosta teksti ylöspäin siirtymällä (ylä- tai yläindeksi).

tekstiä tai< S >... - tyyli, jossa teksti yliviivattu.

Erityiset html-tunnisteet

Tag< ADDRESS >käytetään korostamaan asiakirjan tekijää ja hänen osoitetta (esimerkiksi sähköposti).

Jotkut merkit ovat ohjausmerkkejä HTML:ssä, ja ne lisätään tekstiin vain Escape-sarjoilla:

    vasen kulmasulku "" ->

    et-merkki "&" - &

    lainausmerkit """ - "

Erikoismerkeille on olemassa suuri määrä ESC-sarjoja, kuten " " tarkoittaa  ja "®" tarkoittaa . Yksi ominaisuuksista on symbolitaulukon 2. osan (127. merkin jälkeen) merkkien korvaaminen escape-sarjoilla kansalliskielisten tekstitiedostojen lähettämiseksi 7-bittisten kanavien kautta.

ESC-sekvenssit ovat kirjainkokoisia: EI VOI käyttää sen sijaan

DD-tunniste – määrittää määritelmäluetteloelementin kuvaavan osan

DFN-tunniste – tagien sisällä oleva teksti muotoillaan määritelmäksi

DL-tunniste - Luo luettelo tunnisteita sisältävistä määritelmistä< dt >Ja< dd >

DT-tunniste – määrittää kuvaava-ehdollisen osan määritelmäluettelon elementille

EMBED-tunniste – alku- ja lopputunnisteet, joiden avulla voit kuvata dokumenttiin upotettua objektia. Upotetun objektin tyypistä riippuen voidaan sisällyttää muita parametreja alla lueteltujen lisäksi

Attribuutti

Toiminto

Määrittää upotetun objektin URL-osoitteen. Tämä määrite on pakollinen

korkeus = n

Määrittää vyöhykkeen korkeuden, jonka sisäänrakennettu objekti vie

nimi = Nimi

Määrittää upotetun objektin nimen

Määrittää vyöhykkeen leveyden, jonka sisäänrakennettu objekti vie

FONT-tunniste – tagien sisällä olevan tekstin koon, värin tai kirjasintyypin asettaminen

Attribuutti

Toiminto

Aseta tunnisteiden sisällä olevan tekstin väri

face=list

Merkityn tekstin kirjasintyypin asettaminen (asettaa ensimmäisen kirjasimen nimen pilkuilla erotetussa luettelossa)

koko = merkitys

Aseta perusfontin koko. Alue - 1-7

tunniste Hn – tagien sisällä oleva teksti edustaa tason n otsikkoa. Mahdolliset arvot n:lle ovat 1-6

Attribuutti

Toiminto

kohdista = tyyppi

Määrittää, miten otsikko tulee tasata: vasen (oletus), keskellä tai oikea (oikea)

HR-tunniste – katkaisee nykyisen tekstivirran. Katkoskohtaan lisätään vaakasuora viivain.

Attribuutti

Toiminto

kohdista = tyyppi

Määrittää, kuinka viivaimen tulee tasata: vasemmalle, keskelle (oletus) tai oikealle

Älä käytä tilavuusvarjostusta, kun näytät viivainta

Viivaimen paksuuden asettaminen kokonaislukumäärään pikseleitä

leveys = merkitys

tag I – tagien sisällä oleva teksti näytetään kursiivilla

IMG-tunniste – kuva lisätään nykyiseen tekstivirtaan

Attribuutti

Toiminto

alt= teksti

Asettaa vaihtoehtoisen tekstin selaimille, jotka eivät tue kuvia

Reuna = n

Aseta hyperlinkkien sisältämien kuvien reunuksen paksuus (pikseleinä).

Toistosäätimien lisääminen upotettuihin videoleikkeisiin (I.E.2 ja uudemmat)

Dynasrc= url

Määrittää kuvattavan videoleikkeen URL-osoitteen ( I.E.2 ja uudemmat)

Korkeus = n

Asettaa kuvan korkeuden pikseleinä

Hspace= n

Asettaa sijoittelun kuvan vasemmalle ja oikealle puolelle vapaata tilaa, jonka leveys on n pikseli

Osoittaa, että kun tätä tunnistetta käytetään tunnisteen sisällä kuva valitaan hiirellä

silmukka= merkitys

Aseta videon toistokertojen määrä. Merkitys voi olla kokonaisluku tai ääretön (I.E.2 ja uudemmat)

Lowsrc= url

Määrittää matalaresoluutioisen kuvan, joka selaimen tulee ladata ensin. Sitä seuraa attribuutilla ( I.E.2 ja uudemmat)

Määrittää toistettavan kuvan lähde-URL-osoitteen. Tämä määrite on pakollinen

aloita = alkaa

Määrittää, milloin videoleike toistetaan (vaihtoehdot: tiedoston avaaminen tai hiiren osoitin)

Usemap= url

Määrittää kuvan alueen, joka on herkkä hiiren liikkeelle

Vspace = n

Määrittää n-pikselin vapaan tilan sijainnin kuvan ylä- ja alapuolella

Määrittää kuvan leveyden pikseleinä

KBD-tunniste – tagien sisällä oleva teksti syötetään merkki kerrallaan (kuten kirjoitettaessa näppäimistöltä)

LINK-tunniste – otsikossa (< head>), määritetään linkki tästä asiakirjasta toiseen asiakirjaan

Attribuutti

Toiminto

href= url

menetelmät = lista

Asettaa luettelon tämän linkin näyttötavoista selaimesta riippuen (pilkuilla erotettuna)

rel= yhteys

Tämän asiakirjan suhde kohdeasiakirjaan määritetään. Internet Explorer 3.0:ssa rel=style tarkoittaa ulkoisen tyylisivun olemassaoloa

rev= yhteys

Kohdedokumentin palaute tiedoilla määritetään

Määrittää ulkoisen tyylisivun URL-osoitteen, jota käytetään asiakirjan muotoiluun ( I.E.2 ja uudemmat)

otsikko= linja

Asettaa kohdeasiakirjan otsikon

tyyppi= teksti/css

Kohdeasiakirjalle on määritetty yleinen resurssin nimi sen sijainnista riippumatta

MAP-tunniste – määrittää kuvan alueen, joka on herkkä hiiren liikkeelle

Attribuutti

Toiminto

nimi = linja

Määrittää tämän alueen nimen. Tämä määrite on pakollinen

NOBR-tunniste – tagien sisällä olevassa tekstissä ei saa tehdä taukoja

P tag – kappaleen alku- ja lopputunnisteet

kohdista = tyyppi

Määrittää kappaleen tekstin tasauksen: vasemmalle, keskelle tai oikealle

PLAINTEXT tag - määrittää, että loput asiakirjasta näytetään käsittelemättömänä esimuotoiltuna tekstinä

PRE-tunniste – tagien sisällä oleva teksti näytetään näin. miten se esimuotoiltiin, ilman käsittelyä, tarkalla rivinvaihdolla ja -välillä

Selain sijoittaa tekstin siten, että (jos mahdollista) n merkkiä mahtuu riville

tag S

SAMP-tunniste – tagien sisällä oleva teksti on mallipohja

PIENI tagi – tagien sisällä oleva teksti näytetään pienemmällä kirjasinkoolla

VÄLINÄPPÄIN - lisää asiakirjaan erotin (VainN3)

tyyppi= tyyppi

Erottimen tyyppi on määritetty: pystysuora – kahden tekstirivin väliin sijoitetaan määritetyn kokoinen tyhjä tila; vaakasuora – määritetyn kokoinen tyhjän tilan alue sijoitetaan sanojen tai merkkien väliin; lohko – suorakaiteen muotoisen alueen lisääminen

Määrittää (pikseleinä) vaakasuuntaisen erottimen leveyden tai pystyerottimen korkeuden

Määrittää lohkoerottimen leveyden

korkeus = n

Määrittää lohkoerottimen korkeuden

kohdista = merkitys

Määrittää, kuinka lohkon erotin kohdistetaan ympäröivään tekstiin nähden.

SPAN-tunniste – tagien sisällä oleva teksti muotoillaan tyylisivulla (VainI.E.3 ja uudemmat)

Attribuutti

Toiminto

tyyli = elementtejä

Tyylisivuelementit määritetään tekstille tietyn välin sisällä

STRIKE-tunniste – tagien sisällä oleva teksti näytetään vaakaviivalla sen läpi

SUB-tunniste – tagien sisällä oleva teksti näytetään alaindeksinä

SUP-tunniste – tagien sisällä oleva teksti näytetään yläindeksinä

TT-tunniste – tagien sisällä oleva teksti näytetään yksivälisellä kirjasimella

VAR-tunniste – tagien sisällä oleva teksti edustaa muuttujan nimeä

Sen lisäksi, että käytät vakiokokoja ja -tyylejä (kirjasintyylejä), voit määrittää fontit kullekin tekstifragmentille käyttämällä erityisiä tunnisteita. Helpoin tapa on käyttää ns fyysisiä tyylejä:

Jokaiselle fyysiselle tyylitunnisteelle on vastaava päättävä tagi, joka estää tyylin jatkokäytön. Esimerkiksi tagin päättävä tunniste on .
Alla on esimerkkiohjelma ja eri fyysisten tyylien ulkoasu:


Fyysiset tyylit

Lihavoitu
Kursivointi
Stressaantunut
Yliviivattu
Kirjoituskone
Lihavoitu kursiivi
Lihavoitu kursivoitu alleviivattu


Riisi. 649. Fyysiset tyylit

Voit lisätä fyysisen tyylitunnisteen otsikkotunnisteen sisään muokataksesi koko otsikkoa tai vain osaa siitä. Voit esimerkiksi kursivoida osan otsikoksi määritellystä tekstistä käyttämällä seuraavaa rakennetta:


Fyysiset ja loogiset tyylit

Tämä - muokattu 2. tason otsikko

Riisi. 650. Otsikon osan kirjasintyylin muuttaminen

Erikoistunnisteen avulla voit mukauttaa tekstikuvan fonttia: määrittää kirjasintyypin, koon ja värin. Ensinnäkin voit määrittää asiakirjassa oletuksena käytettävän pääfontin koon. Pääkirjasintunnisteen muoto on . Pääkirjasinkooksi voidaan asettaa 1–7. Jos et käytä tätä tunnistetta, oletuspääkirjasimen koko on 3.
Tunniste määrittää yksittäisten tekstiosien nykyisen kirjasinkoon. Tämä tunniste ei vaikuta tyyleihin. Mahdollisten arvojen alue on 1 - 7. Tämän tagin avulla voit myös hallita nykyisen kirjasimen kokoa suhteessa pääfonttiin. Voit tehdä tämän käyttämällä +-symbolia (suurentamaan) ja -symbolia (pienentämään) kirjasinkokoa tietyllä määrällä. Jos esimerkiksi pääkirjasinkooksi on asetettu 3, tunniste asettaa nykyiseksi kirjasinkooksi 5.
Tunnistetta käytetään kirjasimen kirjasimen määrittämiseen. Esimerkiksi:

Jos tätä tunnistetta ei käytetä asiakirjassasi, selain käyttää valitsemaansa fonttia. Siksi käyttäjän näytöllä oleva teksti voi näyttää täysin erilaiselta kuin olet kuvitellut sen. Muista myös, että jos valitsemaasi kirjasinta ei ole asennettu käyttäjän tietokoneeseen, selain näyttää tekstin oletuskirjasimella.
Voit määrittää tunnisteeseen pilkuilla erotellun fonttien luettelon. Tässä tapauksessa selain käyttää ensimmäistä löydettyä fonttia. Voit esimerkiksi kirjoittaa tunnisteen:

FACE="Arial, Sans Serif, Courier">

Yleensä samankaltaiset fontit on määritetty luettelossa. On suositeltavaa määrittää suosituimmat fontit. Kun sijoitat tekstitietoja sivulle, on parempi olla antamatta kirjasimen nimeä ollenkaan, luottaen selaimen vakioasetuksiin. Mutta sitten sivua suunniteltaessa kannattaa käyttää myös selaimen perusasetuksia synkronoimaan käsityksesi tekstistä käyttäjän mahdollisen käsityksen kanssa. Loppujen lopuksi et luo sivua itsellesi, vaan lukijoillesi.
Voit määrittää fontin värin käyttämällä tagin COLOR-attribuuttia:

COLOR-attribuuttiargumentti on heksadesimaaliesitys värikoodista (punaiset, vihreät ja siniset komponentit, eli RGB-komponentit). Seuraava ohjelma esittelee kirjasinten hallinnan:


Fonttien asentaminen

Fontti Aria ABVGDEZZHIK
KuriirifonttiABVGDEZZHIK
Fontti SYMBOLABVGDEZZHIK


Riisi. 651. Eri fonttien käyttö

Huomaa, että tunniste voi käyttää joitakin tai kaikkia mahdollisista attribuuteistaan. Esimerkiksi:

Matemaattisissa kaavoissa, samoin kuin alaviitteissä, käytetään usein indeksejä, jotka eroavat päätekstistä sijainniltaan (hieman korkeammalle tai pienemmälle) ja koosta. Tunnisteita käytetään tähän tarkoitukseen ja vastaavasti ylempään ja alempaan indeksiin.


Indeksit /HEAD>

Esimerkki indeksien käytöstä
(5+x2)x+3

a1 + a2+ a3
Alaviitteet 2


Riisi. 832. Ylä- ja alaindeksien käyttö

Edellä käsiteltyjen lisäksi on olemassa muita tekstin muotoilutunnisteita:

  • - valinta sähköpostiosoitteita, postiosoitteita ja
    puhelinnumerot;
  • - lainausten korostaminen;
  • , - ohjelmatekstien, symbolisten vakioiden tallennus;
  • - tekstien syöttäminen näppäimistöltä.

Kolmessa viimeisessä tyylissä käytetään yksivälistä fonttia (yleensä Courier). Esimerkiksi kirjaimet I ja Ж yksivälisessä fontissa vievät saman tilan. Yksivälisten fonttien käyttö johtuu siitä, että tekstiä voidaan tasata välilyönneillä.
Huomautetaan vielä yksi seikka. Kirjasinten ohjaustunnisteisiin, kuten loogisiin tyylitunnisteisiin, voit lisätä TITLE= "string"-attribuutin, jonka avulla voit liittää työkaluvihjeen tämän tunnisteen tekstiin. TITLE-attribuutin argumentti on työkaluvihjemerkkijono. Kun siirrät hiiren korostetun sanan tai lauseen päälle, osoittimen viereen tulee työkaluvihje. Tämän tekniikan avulla voit tulkita lyhenteitä ja antaa lisäselityksiä ja suosituksia käyttäjälle.

46.4K

Usein aloittelevia verkkovastaavia piinaa kysymys siitä, miksi jotkin sivustot sijoittuvat korkeammalle ja ovat kilpailijoita parempia hakutuloksissa. Syynä tähän voivat olla väärin sijoitetut tunnisteet h1, h2...h6. Jos nämä tunnisteet on sijoitettu väärin ottamatta huomioon resurssin erityispiirteitä, hakukoneiden on vaikeampi saada tarkkoja tietoja artikkeleista ja niiden sisältämistä avainsanoista.

Tunnisteiden h1 - h6 avulla voit korostaa otsikoita eri tasoilla. Ne tekevät selväksi, mitkä tekstin osat kuvaavat tarkemmin artikkelin aihetta ja tarjoavat etuja sijoituksesta.

Tunnisteiden oikea sijoittelu antaa hakukoneille mahdollisuuden näyttää sivun tarkemmin hakutuloksissa, millä on myönteinen vaikutus resurssin sijaintiin:

Miksi h1-h6-tageja tarvitaan?

Tunnisteet sisältävät sivuston nimen, otsikot ja tekstin alaotsikot:


HTML:ssä otsikkotunnisteet on merkitty h:lla englannin sanasta "header", joka käännettynä tarkoittaa "otsikko, otsikko". Tässä on esimerkki siitä, miltä se näyttää:

Otsikko

Otsikkotunnisteet tulee sijoittaa resurssin jokaiselle sivulle. Tässä tapauksessa otsikon tärkeys riippuu sen numerosta; mitä pienempi se on, sitä tärkeämpi otsikko:

- tärkeimmät tunnisteet - vähemmän tärkeät tunnisteet... - viimeiset tärkeimmät tagit

Niiden sijoittamiseen tulee kuitenkin suhtautua varoen. Virheellinen käyttö voi johtaa siihen, että hakukoneet sanktioivat resurssiasi.

h1-h6-tunnisteiden syntaksi

Tekstin otsikko Alaotsikko 1 ... Alaotsikko 2 Alaotsikko 3.1 ... Alaotsikko 3_2 Alaotsikko 3


Suosituimmat tunnisteet ovat h1 h2 h3. Kuinka käyttää h1-tunnistetta oikein?

Jättämällä h1-tunnisteen huomioimatta verkkovastaavat menettävät itseltään sellaisen tärkeän edun kuin sisällön optimoinnin. Moottoreissa se rekisteröidään usein automaattisesti, mutta ei aina, ja tämä tosiasia on otettava huomioon.

h1 HTML -tunniste on lajissaan merkittävin. Se sisältää sivuston nimen ja artikkelin otsikon. Sitä ei kuitenkaan pidä sekoittaa tunnisteeseen (sivun otsikkoon). Otsikko näkyy selaimessa näytön yläreunassa vasemmalla puolella, kun resurssisivu avataan. Otsikko kirjoitetaan sivun otsikkoon välillä , kun taas h1 - h6 on merkitty itse sivun "tekstiin" ja ne on suljettu tageihin.

Sivulla voi olla vain yksi h1-tunniste. Jos määrität useita otsikoita h1-tunnisteella, hakukoneet voivat pitää tätä roskapostina, mikä puolestaan ​​voi johtaa kieltoon:


Pääotsikon h1 laatimista koskevat säännöt:
  • Tunnisteen tulee käyttää sivun mainostamiseen käytettyjä avainsanoja;
  • Älä tee h1-otsikosta liian pitkää, muutama sana riittää.
  • Otsikkotekstin tulee olla luettavissa;
  • h1-sisällönkuvauskenttä ei saa sisältää mitään muuta kuin itse tekstiä. Jos haluat korostaa sen, laita koodit tunnisteen ulkopuolelle;
  • Ennen kuin kirjoitat h1 manuaalisesti, varmista, että moottori ei aseta sitä automaattisesti;
  • h1:n sisällön tulee vastata sivun otsikossa määritettyä aihetta;
  • Kun luot h1:n, muista käyttää avainsanaa, jolla sivua mainostetaan.
  • Otsikon sisällön tulee olla ainutlaatuinen, ytimekäs ja temaattinen. Sinun ei pitäisi tehdä h1:stä täydellistä kopiota otsikkotunnisteesta. On tärkeää, että yksilöllinen h1 - h6 kirjoitetaan jokaiselle resurssin sivulle, joten vältä toistoa;
  • Otsikossa ei voi luetella avainlauseita pilkuilla erotettuina. h1:n sisällön tulee olla ymmärrettävää paitsi hakukoneille, myös resurssien vierailijoille.
Kuinka käyttää h2-h6-tageja oikein?

Tunnisteiden h1, h2, h3, h4, h5, h6 jne. lisäksi käytetään hakukoneiden tunnistamien otsikoiden sijoittamiseen.

h2-tunniste

Käytetään tyypillisesti aloitussivulla olevan syötteen viestien otsikoissa tai artikkelin tekstityksissä.

Tunnisteet h3, h4

Niitä käytetään usein korostamaan alaotsikoiden, luokkien ja widgetien nimiä sivupalkissa.

Tunnisteet h5, h6

Suunniteltu vielä pienemmille sivuelementeille, jotka tulee erottaa muusta tekstistä.

Otsikoiden h1 - h6 järjestely eri moottoriversioissa voidaan toteuttaa eri tavalla.

Säännöt h2 -h6:n sijoittamiseen:

  • Otsikon rakenne. Otsikoiden hierarkia on säilytettävä;
  • Fonttikoko. Mitä pienempi otsikkotaso, sitä pienempi fontti. Fonttimuokkaus tehdään tyyleissä. Mutta yleensä fontit ovat oletusarvoisesti oikean kokoisia;
  • Otsikkotunnisteita ei voi käyttää yhdessä muiden aksenttitunnisteiden kanssa. On suositeltavaa käyttää avainsanoja otsikoissa, joilla tätä sivua edistetään hauissa;
  • Toisin kuin h1, h2 - h6 -tunnisteet voidaan kirjoittaa useita kertoja sivulle.

Olen otsakkeiden hierarkian päällikkö Lapseni Lapsenlapseni Lapsenlapseni Lapsenlapseni Lapsenlapseni Lapseni Lapsenlapseni Lapsenlapseni Lapsenlapseni Lapsenlapseni Lapsenlapseni Lapsenlapseni Lapsenlapseni Lapsenlapseni

  • Roskapostia ei saa olla;
  • Tekstin h1 - h6 kokoonpano tulee tehdä synonyymeillä ja morfologian säännöt huomioon ottaen;
  • On parempi sijoittaa tärkeimmät avainsanat lähemmäs otsikon alkua;
  • Otsikoihin kirjoitetut avainsanat tulee esiintyä sivun tekstissä;
  • Tunnisteiden h1 - h6 tulee olla lyhyitä, ytimekkäitä ja informatiivisia:

HTML on hypertekstikuvauskieli. Se perustuu niin kutsuttuihin tageihin. Tunnisteet ovat joitain kääreelementtejä, jotka määrittävät verkkosivun elementtien muodon ja ominaisuudet. Olemme koonneet yhdelle sivulle ajantasaisen viitteen HTML-tunnisteista.

Merkintäelementtejä on yhteensä yli sata. Jokaisella on useita määritteitä ja oma syntaksi. HTML Tags Reference auttaa sinua löytämään nopeasti tarvitsemasi elementin.

Luettelo HTML-tageista

Alla olevassa taulukossa on luettelo HTML5-tageista ja lyhyt kuvaus venäjäksi.

Tag Lyhyt kuvaus
Kommentti.
Määrittää asiakirjan tyypin.
Linkki, hyperlinkki, ankkuri.
Määrittää tekstin lyhenteeksi.
Asiakirjan tekijän tai omistajan yhteystiedot.
Määrittää alueen kuvakartalla
Artikla
Sisältö sivuun (sisältö ei ole sivun pääsisältö)
Voit lisätä parhaillaan toistettavan äänitiedoston.
Lihavoitu teksti.
Määrittää asiakirjan suhteellisten linkkien perus-URL-osoitteen tai kohdeattribuutin.
Alue, jossa tekstin kirjoittaminen voi viedä eri suunnan.
Asettaa tekstin kirjoitussuunnan. Toisin kuin suunta, fyysinen suunta näytetään
Lainata.
Määrittää asiakirjan rungon alueen.

Rivinvaihto.
Napsautettava painike
Käytetään grafiikan piirtämiseen skriptien avulla
Taulukon allekirjoitus.
Alaviite materiaalin otsikkoon.
Käytetään tietokonekoodin lisäämiseen tekstimuodossa.
Määrittää taulukon sarakkeiden ominaisuudet.
Määrittää muotoiltavan yhden tai useamman taulukon sarakkeen ryhmän.
Käytetään määrittämään ennalta määritettyjä vaihtoehtoja, joista valita, kun kirjoitat tekstikenttään
Määrittää termin kuvauksen termiluettelon tagista
Teksti, joka on poistettu asiakirjan uudesta versiosta.
Määrittää lisätiedot, jotka käyttäjä voi tarkastella tai piilottaa
Osoittaa, että sisältö on termi.
Määrittää valintaikkunan tai interaktiivisen elementin
Lohkoelementti on yksi tärkeimmistä asettelun elementeistä.
Määrittää luettelon määritelmistä
Termin nimi määritelmäluettelossa
teksti korostettu merkityksen vuoksi (yleensä kursiivilla teksti).
Säiliö ulkoiseen käyttöön
Ryhmään liittyviä elementtejä lomakkeessa
Elementin otsikko
Määrittää itsenäisen ryhmän useista elementeistä (esimerkiksi kuva, jossa on kuvateksti)
alatunniste
Määrittää käyttäjän syöttölomakkeen
- HTML-otsikot eri tasoilla: , , , , , .
Määrittää asiakirjan pääalueen.
Otsikkolohko
Vaakaviiva on temaattinen jakaja.
Juurielementti. Kertoo selaimelle, että annettu asiakirja on HTML-dokumentti.
Kursivoitu teksti.
Määrittää rivin kehyksen
Kuva, kuva.
Syöttökenttä
Teksti, joka on lisätty asiakirjan uuteen versioon.
Näppäimistöltä syötetty teksti tai näppäimistön painikkeiden nimet. Tyypillisesti monospace fontilla.
Tunniste syöttökenttään. Ilmaisee elementin (yleensä tekstin) sitomisen syöttökenttään.
Elementin otsikko
  • Luettelokohde
    Määrittää ulkoisen resurssin sidoksen (useimmiten CSS-tyylitaulukon sidoksen)
    Pääsisältö
    Säiliö . Määrittää mukautetun kartan kuvaan
    Valittu teksti (yleensä taustakorostusta käyttämällä).
    Säiliö valikon kohteiden luettelolle
    Määrittää kohteet, joihin käyttäjä voi soittaa pikavalikosta
    Käytetään asiakirjan metatietojen määrittämiseen.
    Arvojen mittari tietyllä alueella
    Säiliö navigointielementeille
    Vaihtoehtoista sisältöä käyttäjille, jotka ovat poistaneet komentosarjat käytöstä
    Määrittää sisäänrakennetun objektin
    Määrittää numeroidun luettelon
    Määrittää ryhmän liittyviä vaihtoehtoja avattavassa luettelossa. Antaa ryhmälle nimen
    Parametri (valintavaihtoehto) avattavassa luettelossa
    Laskennan tulos

    Kohta.
    Asettaa asetukset sisäänrakennetuille objekteille
    Säiliö useille kuville
    Esimuotoiltu teksti.
    Edistymispalkki
    Lainaus tekstissä.
    Vaihtoehtoinen teksti, jos selain ei tue .
    Merkintä tunnisteen sisällölle.
    Säiliö symboleille ja niiden dekoodaukselle (pääasiassa Itä-Aasian symboleille, hieroglyfeille).
    Yliviivattu teksti.
    Teksti, joka on tietokoneohjelman tulos (yleensä monospace-fontilla).
    Määrittää komentosarjan tai komentosarjayhteyden ulkoisesta resurssista.
    Luku
    Määrittää avattavan luettelon
    Teksti pienemmällä fontilla.
    Määrittää resurssin kohteille , ja .
    Sisäinen elementti.
    Teksti korostettu merkityksen mukaan. Yleensä näytetään lihavoituna.
    Määrittää säilön asiakirjatyylien määrittelyä varten
    Näyttää tekstin alaindeksinä.
    Otsikko tunnisteen sisällä
    Näyttää tekstin yläindeksinä.
    Määrittää taulukon.
    Määrittää taulukon sisältöalueen.
    Taulukon solu .
    Monirivinen syöttökenttä
    Määrittää rivien ryhmän taulukon alaosassa - alatunniste. Lisätietoja
    Paikka, jossa rivinvaihto on sallittu.
    Vanhat HTML-tunnisteet

    Kuinka korvata vanhentunut HTML-tunniste? Useimmissa tapauksissa CSS Cascading Style Sheets käy. On myös vaihtoehtoja tunnisteille, joita ei käytetä HTML:n uudessa määrittelyssä. Alla olevassa taulukossa näkyvät vanhentuneet HTML-tunnisteet ja niiden vaihtovaihtoehdot.

    Tag Lyhyt kuvaus
    Lyhenne. Käytä sen sijaan tunnistetta.
    Sisäänrakennettu sovelma. Käytä tai sen sijaan.
    Määrittää asiakirjan kaiken tekstin värin, koon ja kirjasinperheen. Käytä sen sijaan
    Isompi teksti. Käytä sen sijaan
    Keskitetty teksti. Käytä sen sijaan
    Luettelo hakemistoista. Käyttää
      hänen sijaansa
    Määrittää fontin värin, koon ja perheen. Käytä sen sijaan
    Kehys sisällä. Käytä sen sijaan
    Määrittää kehysjoukon. Jos haluat lisätä useita upotettuja kehyksiä, käytä useita elementtejä
    Vaihtoehtoinen teksti, jos kehyksiä ei tueta
    Yliviivattu teksti. Käytä tai sen sijaan
    Monospace teksti. Käytä sen sijaan
    Alleviivattu teksti. Käytä sen sijaan

    Vaikuttaa siltä, ​​miksi tietää HTML-tunnisteita tekstille, jos nyt melkein jokaisessa hallintapaneelissa on kätevä, joka asettaa ne automaattisesti?

    Tosiasia on, että sisällön muotoilu verkkosivustolla on pohjimmiltaan erilaista kuin työskentely toimistosovelluksissa. Tässä ei riitä, että tekstille annetaan vain houkutteleva ulkonäkö, koska oikeasta suunnittelusta riippuu paitsi verkkosivun näyttäminen, myös sen edistäminen hakukoneissa.

    HTML-tunnisteet ja attribuutit: Perussyntaksi

    Kaikella tekstillä on piilokoodi, joka "selittää" tietokoneelle, mitä ja miten näytöllä näytetään. Kaikki tiedot tallennetaan käyttämällä universaaleja elementtejä.

    Pohjimmiltaan HTML-tekstitunnisteet ovat komentoja, jotka lisäävät tiettyjä lohkoja sivulle tai muuttavat niiden ulkoasua. Oikea tallennusmuoto näyttää tältä:

    Huomaa, että kaikkia tunnisteita ei ole yhdistetty. Esimerkiksi,
    (rivin ohittaminen) tai (vaakaviivan lisääminen) ei tarvitse sulkea ollenkaan.

    Miksi et voi kopioida artikkeleita Wordista ja muista ohjelmista verkkosivuston muokkausohjelmaan?

    Vaikka nykyaikaiset toimistoohjelmat käyttävät samoja HTML-tageja tekstiin, 99 % ajasta natiivikoodi on käyttökelvoton verkkosivuille. Vaikka asiakirja näytetään normaalisti itse sovelluksessa, muotoilu saattaa kadota, kun se lisätään verkkosivustolle. Lisäksi tarpeettomien tunnisteiden ja attribuuttien suuren määrän vuoksi hakukoneet eivät pysty analysoimaan riittävästi sivun sisältöä. Mikä puolestaan ​​vaikeuttaa resurssien mainostamista.

    Saadaksesi puhtaan ja osuvan koodin sinun on ensin tyhjennettävä tavallisen editorin luomien HTML-tunnisteiden teksti. Voit tehdä tämän useilla tavoilla:

  • "Aja" artikkeli Notepadin kautta ja lisää se vasta sitten sivustolle. Sovellus poistaa kaiken HTML:n, joten sen jälkeen sinun on muotoiltava teksti uudelleen (muokkaustyökalujen avulla tai manuaalisesti).
  • Kirjoita ja julkaise artikkeleita LiveWriterin avulla. Suosittu blogieditori luo heti oikean koodin. Ja erillisellä välilehdellä näet, miltä sivuston teksti näyttää.
  • Käytä HTML Cleaneria. Tämä verkkopalvelu ei tuhoa koko koodia, vaan vain tarpeettomia fragmentteja. Suodattimien avulla voit valita, mitkä tunnisteet haluat tallentaa. Siellä on myös tehokas visuaalinen muotoilueditori, joka lisää jo optimoidut komennot koodiin.
  • Kappaleet

    Tämä elementti on läsnä melkein kaikissa artikkeleissa. Jokaisen kappaleen tulisi sijaita tällaisen säilön sisällä - tämä yksinkertaistaa muotoilua ja antaa sinun säilyttää yhtenäisen tyylin kaikilla sivuston sivuilla. Mukavuuden vuoksi tunniste

    Kirjoita aina uudelle riville.

    Tasaus

    Erillistä HTML:n "Text Alignment" -tunnistetta ei ole käytetty pitkään aikaan. Sen sijaan luotiin yleinen ALIGN-attribuutti. Jos haluat muuttaa tekstilohkon sijaintia sivulla, sinun on valittava yksi kolmesta arvosta - CENTER, RIGHT tai LEFT. Voit asettaa tasauksen muille elementeille, kuten otsikoille, samalla tavalla.

    Joissakin tilanteissa tasaukseen käytetään muita tunnisteita, esimerkiksi voit sijoittaa käyttämällä elementtiä .... Miksi erillinen tagi on hyödyllinen? Toisin kuin attribuutti, se toimii kaiken sisällön kanssa, mukaan lukien valokuvat, videot, salama jne.

    Otsikot ja alaotsikot

    Alaotsikkojärjestelmän avulla voit luoda loogisen sisältörakenteen. Kun teksti on jaettu merkityksellisiin lohkoihin, lukijan on paljon helpompi keskittyä ja omaksua uutta tietoa. Hakukoneet analysoivat myös otsikoita saadakseen selville, millä kyselyillä sivua mainostaa. Tästä syystä SEO-asiantuntijat suosittelevat käyttämään niissä ajankohtaisia ​​avainsanoja.

    HTML käyttää kuutta alaotsikkotasoa alkaen - . Tässä järjestelmässä on selkeä hierarkia:

    • ... . Pääartikkeli, tuote verkkokaupassa jne.). Tekstissä voi olla vain yksi. Yleensä se sisältää pääavainsanan.
    • ... . Toisen tason alaotsikot jakavat tekstin merkityksellisiin lohkoihin. Jos esimerkiksi arvioit kannettavia tietokoneita, voit tehdä useita eri mallien nimillä.
    • ... . Kolmas taso tarvitaan, jos näiden kahden välinen teksti on myös jaettu pieniin lohkoihin. Esimerkissämme nämä voivat olla arviointiperusteita - "Suorituskyky", "Muisti", "Videokortti" jne. jokaiselle mallille.
    • , , . Käytännössä ne ovat erittäin harvinaisia. Mutta yleinen periaate on sama - ne tulisi "sisättää" lohkoon, jossa on ylätason alaotsikko.

    Muista säilyttää oikea hierarkia. Palataksemme esimerkkiimme, tämä tarkoittaa, että et voi syöttää mallinimiä välittömästi muodossa tai . Ja vielä enemmän, käytä eri tasoisia alaotsikoita homogeenisille lohkoille (esimerkiksi korosta kannettavaa tietokonetta, joka sijoittui rankingissa viimeiseksi painikkeella ).

    Tässä on kaavio, joka auttaa sinua ymmärtämään ja muistamaan HTML-otsikoiden oikean rakenteen välittömästi.

    Luettelot

    Kaikki listaukset ja ohjeet on parempi muotoilla luetteloiksi käyttämällä erityisiä HTML-tageja tekstille (tyypillinen virhe on vain muutama kappale

    jotka alkavat yhdysmerkillä tai numerolla).

    Tällaisten lohkojen rakenne on hyvin yksinkertainen. Ensin määritämme luettelon tyypin - luettelomerkitty tai numeroitu.

    Kaikki elementit ovat avaus- ja sulkemistunnisteiden välissä. Jokainen luettelokohde alkaa uudelta riviltä ja on muotoa . Elementtien määrää ei ole rajoitettu.

    Valinta ja sen ominaisuudet

    Mitä voidaan muuttaa tällä fontilla ja värillä - ilman uusien luokkien lisäämistä CSS:ään. Tämä on erittäin kätevää, kun haluat korostaa vain yhtä lausetta tai fragmenttia.

    on useita attribuutteja:

    • Kasvot. Mahdollistaa tekstin fontin muuttamisen. Voit luetella useita vaihtoehtoja pilkuilla erotettuina (Tahoma, Verdana). Jos käyttäjällä ei ole ensimmäistä fonttia asennettuna, järjestelmä käyttää vain vaihtoehtoa.
    • Koko. Voit suurentaa tai pienentää tekstiä kirjoittamalla arvon väliltä 1–7 lainausmerkeissä.
    • Väri. Suunnittelusta riippuen voit valita yhden vakiosävyistä (punainen, vihreä, sininen) tai syöttää koodin mille tahansa valitsemallesi värille.

    Älä käytä alaotsikoiden sijaan muotoiltuja kappaleita. On parempi asettaa samat suunnitteluparametrit oikealla tunnisteella.

    Tapoja korostaa tekstiä

    Yksitoikkoinen teksti on väsyttävää, jopa kappaleisiin jaettuina. Huomion herättämiseksi ja lukijan kiinnostuksen herättämiseksi on suositeltavaa korostaa keskeisiä kohtia graafisesti. Tässä on joitain komentoja, jotka auttavat sinua selviytymään tästä tehtävästä.

    ... . Erittäin suosittu HTML-tunniste. Lihavoitu teksti pistää heti silmään, ja siksi sillä on kätevää korostaa tärkeitä kohtia ja faktoja.

    Monet ihmiset sekoittavat tunnisteet ja . Ei ole visuaalista eroa, mutta ne toimivat eri tavalla. Ensimmäinen yksinkertaisesti muuttaa tekstin ulkonäköä, kun taas toinen toimii "hakemistona" ja korostaa tärkeimmät fragmentit (teemaattiset avainsanat ja lauseet SEO:lle).

    ... . Tyylikäs ja tiukka kursivoitu on ihanteellinen tieteellisten termien, vieraiden sanojen ja erilaisten lainausten suunnitteluun. Vakavissa julkaisuissa myös taideteosten nimet on korostettu kursivoitulla tekstillä.

    ... . Ehkä mikään muu HTML-tunniste ei ole aiheuttanut niin paljon kiistaa. Tekstin alleviivausta käytetään harvoin, koska tämä korostustapa on historiallisesti liitetty hyperlinkkeihin. Jos käytät artikkeleissa, huomaa, että tämä sopii vain lyhyille katkelmille - enintään 1 rivi.

    ... . Mielenkiintoinen tunniste, jonka avulla voit tehdä osan. Erittäin osuva mainonnassa - esimerkiksi korostamaan vanhan ja uuden hinnan kontrastia.

    ... . Helpoin tapa suurentaa fonttikokoa ilman lisäasetuksia.

    ... . Se toimii samalla periaatteella kuin edellinen tagi. Sisällä olevaa tekstiä pienennetään suhteessa päätekstiin.

    ... . Tämän muodon oikea nimi on yläindeksi. Tämä tunniste on tarkoitettu pääasiassa matemaattisille tutkinnoille ja alaviitteille. Se pienentää fonttikokoa ja siirtää valittua tekstiä ylöspäin.

    ... . Alaindeksit löytyvät usein erilaisista kaavoista. Valittu fragmentti sijaitsee päätekstin alla.

    Merkitykselliset säiliöt

    Koska lohkoja löytyi monista teksteistä, niille alettiin luoda erityisiä tunnisteita. Tämä yksinkertaistaa muotoilua, koska jos jokaisella sisällöllä on omat tyylinsä, sinun on vain korostettava tekstiosa ja ilmoitettava, mitä tietoja se sisältää.

    ... . Tunniste tietokonekoodien lisäämiseen. Välttämätön ohjelmointia koskevissa artikkeleissa, joissa on esimerkkejä - komentoja ei suoriteta, vaan ne näytetään pelkkänä tekstinä.

    ... . Suunniteltu muotoilemaan lainauksia - esimerkiksi keskeisiä otteita haastattelusta.

    . Sijoittaa osan tekstistä erilliseen lohkoon. Oletuksena valinnassa on enemmän vasenta täyttöä, mutta voit myös muuttaa tekstin kokoa, kirjasintyyliä ja väriä CSS:ssä.

    ... . Lisätunniste, joka sisältää tietoja tekijästä, mukaan lukien linkit.

    Rajaviiva

    Yksinkertaisella viivalla voidaan merkitä suuren osan looginen pää. ei koske parillisia tunnisteita. Tämä tarkoittaa, että sulkevaa muotoelementtiä ei tarvita.

    WIDTH-attribuutilla voit lyhentää erotinta määrittämällä sopivan koon pikseleinä tai prosentteina ikkunan leveydestä.

    Oppimalla käyttämään tunnisteita oikein HTML-tekstin muotoiluun, et vain tee artikkeleistasi helpompia lukea, vaan lisää myös hakukoneoptimoinnin tehokkuutta.