< 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-tunnisteetTag< 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.
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 syntaksiTekstin 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.
Tunnisteiden h1, h2, h3, h4, h5, h6 jne. lisäksi käytetään hakukoneiden tunnistamien otsikoiden sijoittamiseen.
h2-tunnisteKäytetään tyypillisesti aloitussivulla olevan syötteen viestien otsikoissa tai artikkelin tekstityksissä.
Tunnisteet h3, h4Niitä käytetään usein korostamaan alaotsikoiden, luokkien ja widgetien nimiä sivupalkissa.
Tunnisteet h5, h6Suunniteltu 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-tageistaAlla olevassa taulukossa on luettelo HTML5-tageista ja lyhyt kuvaus venäjäksi.