Fontu kontroles tagi HTML. CSS: Mainīt fontu Tags, kas ļauj mainīt fonta parametrus

28.06.2023

Papildus standarta fontu izmēru un stilu (burtu) izmantošanai varat definēt fontus katram teksta fragmentam, izmantojot īpašus tagus. Vienkāršākais veids ir izmantot t.s fiziskie stili:

Katram fiziskā stila tagam ir atbilstošs beigu tags, kas atspējo turpmāku stila pielietojumu. Piemēram, atzīmei beigu atzīme ir.
Zemāk ir programmas piemērs un izskats dažādi fiziskie stili:


<НЕАD><ТIТLЕ>Fiziskie stili

<В>Treknrakstā
Slīpraksts
Stresa
Izsvītrots
<ТТ>Rakstāmmašīna
<ВХ1>Trekns slīpraksts
<ВХ1><и>Trekns slīpraksts pasvītrots

Rīsi. 649. Fiziskie stili

Virsraksta tagā varat ievietot fiziskā stila tagu, lai mainītu visu nosaukumu vai tikai tā daļu. Piemēram, lai slīpētu daļu no teksta, kas definēts kā virsraksts, varat izmantot šādu konstrukciju:


<НЕАD><ТIТLЕ>Fiziskie un loģiskie stili

<Н2>Šis - modificēts 2. līmeņa galvene

Rīsi. 650. Virsraksta daļas fonta stila maiņa

Izmantojot īpašu tagu Varat pielāgot teksta attēlu fontu: iestatiet burtveidolu, izmēru un krāsu. Pirmkārt, jūs varat iestatīt galvenā fonta lielumu, kas tiek izmantots dokumentā pēc noklusējuma. galvenajam fonta tagam ir formāts . Galvenā fonta lielumu var iestatīt no 1 līdz 7. Ja neizmantojat šo tagu, noklusējuma galvenais fonta lielums ir iestatīts uz 3.
tagu iestata pašreizējo fonta lielumu atsevišķiem teksta fragmentiem. Šis tags neietekmē stilus. Iespējamo vērtību diapazons ir no 1 līdz 7. Šis tags arī ļauj kontrolēt pašreizējā fonta lielumu attiecībā pret galveno. Lai to izdarītu, izmantojiet simbolu + (lai palielinātu) un simbolu - (lai samazinātu) fonta lielumu par noteiktu summu. Piemēram, ja pamatteksta fonta lielums ir iestatīts uz 3, tad tags iestata pašreizējo fonta lielumu uz 5.
Lai iestatītu fonta burtveidolu, izmantojiet tagu . Piemēram:

Ja šis tags jūsu dokumentā netiek izmantots, pārlūkprogramma izmantos izvēlēto fontu. Tāpēc teksts lietotāja ekrānā var izskatīties pilnīgi savādāk, nekā jūs to iedomājāties. Ņemiet vērā arī to, ka, ja jūsu norādītais fonts nav instalēts lietotāja datorā, pārlūkprogramma rādīs tekstu noklusējuma fontā.
Jūs varat tagā norādiet ar komatiem atdalītu fontu sarakstu. Šajā gadījumā pārlūkprogramma izmantos pirmo atrasto fontu. Piemēram, varat uzrakstīt tagu:

FACE="Arial, Sans Serif, Courier">

Parasti līdzīgi fonti ir norādīti sarakstā. Ieteicams piešķirt populārākos fontus. Ievietojot lapā teksta informācija Fonta nosaukumu labāk nepiešķirt vispār, paļaujoties uz standarta iestatījumi pārlūkprogramma. Bet tad, veidojot lapu, vajadzētu izmantot arī standarta pārlūkprogrammas iestatījumus, lai sinhronizētu savu teksta uztveri ar iespējamo lietotāja uztveri. Galu galā jūs veidojat lapu nevis sev, bet saviem lasītājiem.
Atzīmes atribūta COLOR izmantošana varat iestatīt fonta krāsu:

Atribūta COLOR arguments ir heksadecimāls krāsu koda attēlojums (sarkanais, zaļais un zilais komponents jeb RGB komponenti).


<НЕАD><ТIТLЕ>Šī programma demonstrē fontu pārvaldību:

<Р>Fontu instalēšana Aria fonts
<Р>ABVGDEZZHIK Kurjera fonts
<Р>ABVGDEZZHIK Kurjera fonts


Fonts SYMBOL

Rīsi. 651. Dažādu fontu lietošana Ņemiet vērā, ka tagā

varat izmantot dažus vai visus iespējamos atribūtus. Piemēram: Matemātiskajās formulās, kā arī zemsvītras piezīmēs bieži tiek izmantoti indeksi, kas atšķiras no galvenā teksta pēc pozīcijas (nedaudz augstāk vai zemāk) un lieluma. Tagi kalpo šim nolūkam Un


<НЕАD><Т1ТLЕ>attiecīgi augšējiem un apakšējiem indeksiem.Indeksi

<НЗ>/GALVA>
<Р>Indeksu izmantošanas piemērs 2)(5+x

x+3 1 a 2+a 3
<Р>+a 2


Zemsvītras piezīmes

Rīsi. 832. Augšrakstu un apakšindeksu lietošana

  • Papildus iepriekš apspriestajiem ir papildu teksta formatēšanas tagi:
    - e-pasta adrešu, pasta adrešu izvēle un
  • <СIТЕ> tālruņu numuri;
  • , - citātu izcelšana;
  • - ieraksta programmu tekstus, simboliskās konstantes;

- tekstu ievadīšana no tastatūras.
Pēdējos trijos stilos tiek izmantots vienrindas fonts (parasti Courier). Piemēram, burti I un Ж monospace fontā aizņem to pašu vietu. Vientelpas fontu izmantošana ir saistīta ar to, ka tekstu var viegli līdzināt, izmantojot atstarpes rakstzīmes. Atzīmēsim vēl vienu punktu. Fontu vadības tagos, piemēram, loģiskā stila tagos, var būt iekļauts atribūts ir mājienu virkne. Kad peles rādītājs atrodas uz iezīmētā vārda vai frāzes, blakus rādītājam parādīsies rīka padoms. Izmantojot šo paņēmienu, jūs varat atšifrēt saīsinājumus un sniegt lietotājam papildu paskaidrojumus un ieteikumus.

No autora: Laipni lūdzam Webformyself emuāra lapās. Šajā rakstā es vēlētos atbildēt uz jautājumu, kā iestatīt fontu html. Daži cilvēki joprojām to dara nepareizi, tāpēc ir svarīgi šo problēmu izpētīt rūpīgāk.

Kā fonts tika iestatīts iepriekš

Iepriekš html izmantoja īpašu pārī savienotu fontu tagu, kas darbojās kā konteiners fonta parametru, piemēram, burtveidola, krāsas un izmēra, mainīšanai. Mūsdienās šī pieeja ir principiāli nepareiza. Kāpēc? Tīmekļa standarti nosaka, ka lapas izskats nav jānorāda html marķējumā. Turklāt tags pilnībā tiek atbalstīts tikai ļoti vecā HTML versijā - HTML 3.

Pareiza fonta iestatīšana html

Mūsdienās šim nolūkam ir vērts izmantot tikai CSS iespējas. Šī valoda tika radīta tieši tādēļ, lai caur to noteiktu izskatu. Turklāt CSS ir daudz vairāk rekvizītu, kas ietekmē teksta izskatu. Apskatīsim katru no tiem nedaudz:

Fonta stils. Nosaka teksta stilu. Ņem šādas vērtības:

Fonta variants. Rekvizīts norāda, kā jāinterpretē mazo burtu rakstība. Tam ir tikai divas nozīmes:

Normāla - normāla uzvedība.

Mazie burti - visi mazie burti tiek pārveidoti par lielajiem burtiem, un to izmērs ir nedaudz samazināts salīdzinājumā ar parasto fontu.

Fonta svars. Nosaka teksta treknumu. Vērtību var norādīt ar atslēgvārdiem vai skaitlisku vērtību. Apskatīsim visas iespējas:

Normāls – parasts teksts

Bold — teksts ar treknrakstu

Treknāks — parādīsies drosmīgāk nekā vecākelements.

Vieglāks — burtiem būs mazāk drosmīguma, salīdzinot ar to vecākiem.

Tas ir tik vienkārši. Turklāt ir iespējams iestatīt vērtību skaitļu veidā no 100 līdz 900, kur 900 ir treknākais. Piemēram, normālā vērtība atbilst 400, bet treknrakstā norādītā vērtība atbilst 700.

Diemžēl lielākā daļa pārlūkprogrammu neatpazīst šīs skaitliskās vērtības un var izmantot tikai divas vērtības: parasto un treknrakstu. Eksperimentam es izveidoju 9 rindkopas un katrai piešķīru atšķirīgu teksta svaru - no 100 līdz 900. Pēc tam es atvēru šo tīmekļa lapu dažādās pārlūkprogrammās, un neviena no tām nerādīja dažādus stilus. Secinājums: skaitliskās vērtības labāk neizmantot.

Fonta lielums. Šis rekvizīts norāda burtu lielumu. Izmēru var norādīt dažādās relatīvās un absolūtās vērtībās. Visbiežāk lielums tiek norādīts pikseļos, relatīvajās em vienībās un procentos. Ja vēlaties uzzināt vairāk par izmēra iestatīšanu CSS, tad izlasiet šo, kur viss ir aprakstīts sīkāk.

Fontu saime. Iespējams, visvienkāršākais īpašums, kas nosaka izmantotā fonta saimi vai konkrēto nosaukumu. Ja izmantojat noteiktu nosaukumu, jums jāpārliecinās, vai norādītais fonts ir atrodams visu lietotāju datoros. Lai nodrošinātu uzticamību, ir jānorāda alternatīva opcija vai visa ģimene, atdalot to ar komatiem. Fonti ir sadalīti šādās saimēs:

Katra ģimene atbilst dažādām vajadzībām. Piemēram, fantāzija bieži tiek izmantota, lai izstrādātu dažādas galvenes, un monospace tiek izmantota mašīnas koda izvadīšanai utt. Precīzāk fontu nosaukumus var uzzināt, piemēram, teksta redaktorā vai Photoshop.

Īss apzīmējums

Visu, ko mēs apspriedām iepriekš, var ļoti viegli pierakstīt būtībā vienā rindā, izmantojot brīnišķīgo fonta īpašumu, kas apvieno visus iestatījumus. Jums tas jāraksta šādā secībā:

Fonts: font-style | fonta variants | fonta svars | fonta izmērs | fontu ģimene;

Fonts: font-style | fonts - variants | fonts - svars | fonta izmērs | fontu saime ;

Ja parametrs nav jānorāda, tas tiek vienkārši izlaists. Šeit ir nepieciešams tikai izmērs un fontu saime, ja tas nav nepieciešams. Saīsināto apzīmējumu izmantošana ļauj ievērojami samazināt CSS kodu. Izmantojiet to, jo tā ir laba vietnes optimizācija.

Kā iestatīt fontu html uz dažādiem elementiem

Tāpēc kādu iemeslu dēļ mēs ļoti aizrāvās ar visu fonta īpašību aprakstīšanu. Šī ir ļoti svarīga informācija, bet kā to pareizi uzdot? Izmantojiet pareizos atlasītājus, lai sasniegtu pareizos elementus. Zemāk es piedāvāju dažus piemērus:

p a (fontu saime: Verdana, sans-serif; )

Tabulas datiem ir iestatīti daudzi fonta parametri: samazināti lielie burti, treknraksts, fonta lielums un nosaukums.

Kvalitatīva mājas lapas izkārtojuma galvenais mērķis ir padarīt lapā esošo informāciju maksimāli lasāmu un lietotājam ērtāku. Un darbs ar tekstu, izmantojot html, ir galvenā un pamata prasme, kas jums ir nepieciešama, strādājot ar vietnēm. Šajā rakstā ir aprakstīts, kā mainīt teksta lielumu, izmantojot tīmekļa iezīmēšanas valodu.

Formatējiet tekstu, izmantojot HTML — tas ir ļoti vienkārši

Ikviens, kurš kaut reizi ir saskāries ar nepieciešamību veidot vai rediģēt mājas lapas, pirmais jautāja, kā formatēt tekstu tā, lai tas atbilstu vēlamajām prasībām. Ir daudz veidu, kā paveikt šo uzdevumu, un vienkāršākais veids ir to izdarīt tieši pašā vietnē, izmantojot iezīmēšanas valodu. Kad izdomāsit, kā mainīt fonta lielumu HTML, tas neradīs nekādas grūtības nākotnē.

Šajā materiālā mēs detalizēti runāsim par to, kā fonti tiek formatēti HTML dokumentos.

Vispārīgie principi teksta rediģēšanai tīmekļa lapās

Pirmkārt, mums ir jāsaprot, kādas iespējas html mums sniedz teksta formatēšanai. Ir trīs galvenās fonta īpašības: burtveidols (īpašība, kas nosaka burtu un rakstzīmju izskatu), krāsa un izmērs. Jebkura dokumenta lasāmība ir atkarīga no tā, cik labi šīs īpašības ir apvienotas.

Teksta raksturlielumi HTML iezīmēšanā tiek mainīti, izmantojot tagus un atribūtus. Tags ir valodas galvenā sastāvdaļa, tās galvenā loģiskā vienība, un atribūts tiek izmantots, lai iestatītu konkrētu vērtību katram lapas elementam, kas atzīmēts ar tagu.

Tāpat jāatceras, ka, izmantojot dažādas pārlūkprogrammas, teksta attēlojums var atšķirties, tāpēc pirms darbu pabeigšanas vietnē ir jāpārliecinās, vai informācija tiek pareizi attēlota visās galvenajās izmantotajās pārlūkprogrammās. Piemēram, fonta lielums html, izmantojot vecākas Internet Explorer versijas, var atšķirties salīdzinājumā ar jaunajām versijām.

Tag

Galvenie tagi, kas tiek izmantoti, formatējot tekstu tīmekļa lapā, ir Un .

Sapārots tags ir atbildīgs par visām formatētā teksta īpašībām, kuras norādītas, izmantojot atbilstošos atribūtus. Šis tags ir saprotamākais un ērtākais lietošanai, izkārtojot lapas.

Tā kā mūs galvenokārt interesē, kā mainīt fonta lielumu html, mums būs jāizmanto izmēra atribūts.

Tas izskatās šādi:

Teksts nonāk šeit

Html fonta lieluma vērtība ir norādīta skaitliskās vienībās no 1 (mazākais) līdz 7 (lielākais). Vidējā vērtība tradicionāli tiek uzskatīta par 3 (atbilst 13,5 izmēram Times New Roman burtnīcā).

Attiecīgi, ja dokumenta pamattekstam pievienosi šādu kodu, tad, atverot lapu pārlūkprogrammā, redzēsi, kā mainās teksta lielums atkarībā no iestatītās vērtības.

Fonta lielums 1 Fonta lielums 2 Fonta lielums 3 Fonta izmērs 4 Fonta izmērs 5 Fonta izmērs 6 Fonta izmērs 7

Papildus absolūtajām skaitliskajām vērtībām var izmantot arī relatīvās vērtības. Šis tags tiek izmantots arī šim nolūkam. Izmērs html fonts, kā minēts iepriekš, pēc noklusējuma tiek pieņemts kā 3, tāpēc, sākot no tā, jūs varat pievienot vai atņemt veselus skaitļus skaitliskās vērtības lai iegūtu vēlamo rezultātu. Tas izskatās šādi:

Teksts nonāk šeit

Izmantojot šo vērtību, fonta lielums būs 6. Varat pārbaudīt, kā tas darbojas jūsu pārlūkprogrammā, un eksperimentēt ar dažādām skaitlisko vērtību kombinācijām.

Izmantojot tagu Varat mainīt fonta lielumu un krāsu html. Lai mainītu krāsu, izmantojiet krāsas atribūtu un heksadecimālo krāsu kodu.

Lai veiktu nepieciešamās izmaiņas, atribūti seko viens otram viena taga pamattekstā , tie nav jāatdala ar pieturzīmēm.

Tag

Šim tagam ir plašāks iespēju un īpašību klāsts nekā . To parasti izmanto kopā ar CSS, lai rediģētu un veidotu stilu noteiktas dokumenta daļas.

Šim tagam vērtības tiek iestatītas, izmantojot stila atribūtu. Lūk, kā tas izskatās kodā:

Teksts nonāk šeit

Kā redzat, šeit tiek izmantots CSS kods (font-size), un lielums tiek iestatīts, izmantojot punktus (pt, point). Standarta vērtība ir 12pt, ko var mainīt, palielinot vai samazinot par veselu skaitli.

Fonta lieluma maiņa, formatējot virsrakstus

Bieži vien, rediģējot virsrakstus, ir jāsamazina vai jāpalielina fonta lielums html. Šajā gadījumā uzdevums ir ne tikai mainīt izmēru, bet arī loģiski atlasīt noteiktu teksta daļu un piešķirt to kā teksta bloka nosaukumu.

Šajā gadījumā ieteicams izmantot tagus

-

. Tag

- Šī ir pirmā līmeņa virsraksts. Pārlūkprogrammā tas tiks rādīts vislielākais, un tagi no

uz

izmanto, lai izceltu apakšvirsrakstus.

Pirmā līmeņa galvene

Konkrēti parametri šim tagam tiek iestatīti, izmantojot CSS — tādā veidā var iestatīt konkrētu teksta izmēru, krāsu un fontu.

Tātad, mēs apskatījām galvenos veidus, kā mainīt fonta lielumu html. Šī informācija ir pietiekama, lai izveidotu tīru tīmekļa lapu, kas ir viegli lasāma.

Ērtības labad ņemiet vērā šādus ieteikumus:

  • Izstrādājot, jums nevajadzētu aprobežoties ar HTML. Kad esat apguvis vietnes izveides pamatus, varat sākt apgūt CSS. Tas pavērs jaunus apvāršņus tīmekļa lapu veidošanā.
  • Nevajadzētu atstāt novārtā gatavās vietnes testēšanu dažādās pārlūkprogrammās un dažādās platformās. Kā minēts iepriekš, teksta parametri var ievērojami atšķirties, īpaši, ja tiek izmantotas novecojušas pārlūkprogrammu versijas.
  • Rakstot kodu, vienmēr izmantojiet atstarpes un tabulēšanas taustiņus. Tas atvieglo lasīšanu un izpratni.

< FONTS IZMĒRS=… KRĀSA=... SEJA=...> teksts FONTS>

IZMĒRS- komplekti fonta lielums, kas tiks izmantots tekstā, kas atrodas elementā FONT. Varat norādīt absolūto fonta lielumu, norādot veselu skaitli no 1 līdz 7. Fontam varat norādīt arī relatīvais izmērs, piešķirot atribūtam veselu skaitli ar zīmi (piemēram, tas varētu būt SIZE="+1" vai SIZE="-2").

KRĀSA- norāda krāsa, kas izcels šo teksta daļu. Krāsas tiek norādītas kā RGB vērtība ar heksadecimālo apzīmējumu vai ir atlasīta vienas no standarta krāsām simboliskā vērtība.

SEJA- komplekti fonta burtveidols, piemēram, FACE=ARIAL.

tekstu - teletaipa teksts (monotelpa).

tekstu - stils ar slīprakstu ( slīpraksts).

tekstu- stils ar treknrakstā fontu.

tekstu U>- stils ar pasvītrojums tekstu.

tekstu LIELS>- teksta drukāšana fontā palielināts izmērs(lielāks par apkārtējo tekstu).

tekstu MAZS>- teksta drukāšana fontā samazināts izmērs(mazāks par apkārtējo tekstu).

tekstu SUB>- drukāt tekstu ar nobīdi uz leju ( apakšindekss vai starplīniju).

tekstu SUP>- drukāt tekstu ar nobīdi uz augšu ( augšraksts vai augšraksts).

tekstu STREIKS> vai < S> …S> - stils ar teksta pārsvītrojumu.

Īpaši html tagi

Tag< ADRESE> izmanto, lai izceltu dokumenta autoru un viņa adresi (piemēram, e-pasts).

Daži varoņi ir kontroles rakstzīmes HTML un tiek pievienoti tekstam, tikai izmantojot ESC secības:

    kreisā leņķa iekava "<" - <

    taisnleņķa kronšteins ">" ->

    & "&" - &

    dubultpēdiņas """ - "

Speciālajām rakstzīmēm ir liels skaits ESC secību, piemēram, " " nozīmē  un "®" . Viena no funkcijām ir simbolu tabulas 2. daļas (pēc 127. rakstzīmes) rakstzīmju aizstāšana ar atkāpšanās sekvencēm teksta failu pārsūtīšanai valsts valodās 7 bitu kanālos.

ESC secības reģistrjutīgs: tā vietā NEVAR izmantot<.

Visbiežāk lietotās atzīmes ir parādītas 2. tabulā.

1.2. tabula — HTML dokumenta noformēšanas pamata tagi

Atribūts

Funkcija

versija = līniju

Norāda HTML versiju, kas tika izmantota šī dokumenta izveidošanai

Teksts, kas ietverts tagos, tiks parādīts slīprakstā

HEAD tags – HTML dokumenta galvas daļas sākuma un beigu tagi

taguAtzīmēsim vēl vienu punktu. Fontu vadības tagos, piemēram, loģiskā stila tagos, var būt iekļauts atribūts- sākuma un beigu virsraksta atzīmesHTML- dokuments

taguA– sākuma un beigu tagi, kas ļauj izveidot hipersaiti (atribūtuhref) vai fragmenta identifikators (atribūtsnosaukums) virsrakstsHTML- dokuments

href= url

Norāda hipersaites mērķa dokumenta URL (obligāts, ja tas nav nosaukuma enkurs)

metodes = sarakstu

Norāda pārlūkprogrammai raksturīgo attēlošanas metožu sarakstu (atdalot ar komatiem)

vārds = līniju

Norāda fragmenta identifikatora nosaukumu (obligāts, ja tas nav hiperteksta saites enkurs)

rel= savienojums

Tiek noteikta šī dokumenta saistība ar mērķa dokumentu

rev= savienojums

mērķis= Vārds

Norāda saitē norādītā dokumenta rāmja vai displeja loga nosaukumu.

virsraksts= līniju

Norāda šai hipersaitei no atrašanās vietas neatkarīgu vienotu resursa nosaukumu

taguADRESE– šajos tagos ietvertais teksts ir adrese

taguB– šajos tagos ietvertais teksts tiks parādīts treknrakstā

taguBĀZE– norādīts pamataURLvisiem radiniekiemURLšajā dokumentā

Atribūts

Funkcija

href= url

Norādiet pamata URL

mērķis= Vārds

Iestata noklusējuma mērķa logu visām saitēm dokumentā. Paredzēts galvenokārt saišu novirzīšanai uz citiem kadriem. Ir četras īpašās vērtības: _blank, _parent, _self un _top

taguBASEFONT– norāda fonta lielumu nākamajam tekstam

Atribūts

Funkcija

izmērs = nozīmē

taguLIELS– tagos ievietotais teksts tiks parādīts lielākā fonta izmērā

taguBODY– dokumenta pamatteksta sākuma un beigu atzīmes

alink= krāsa

Iestatiet aktīvo hiperteksta saišu krāsu dokumentā

fons= url

Norāda fona attēla URL

bgcolor= krāsa

Iestatiet dokumenta fona krāsu

bgproperties= nozīmē

Ja nozīmē ir vienāds ar fiksētu, neļauj fona attēlam ritināt kopā ar dokumenta saturu (I.E.2 un augstāks)

leftmargin = vidējais n nē

Iestatiet dokumenta kreisās piemales izmēru (pikseļos). (I.E.2 un augstāks)

saite= krāsa

"Neapmeklēto" hiperteksta saišu krāsas iestatīšana dokumentā

teksts= krāsa

Iestatiet parastā teksta krāsu dokumentā

topmargin= nozīmē

Iestatiet dokumenta augšējās piemales izmēru (pikseļos). (I.E.2 un augstāks)

vlink= krāsa

Dokumenta "apmeklēto" saišu krāsas iestatīšana

taguBR– pārtraukt pašreizējo teksta straumi un atsākt to no nākamās rindas sākuma

Atribūts

Funkcija

Iestata objekta "iesaiņojumu", kura atrašanās vietu norāda šī atribūta vērtība (pa kreisi, pa labi vai visi). Pārejot uz jauna līnija teksts tiks novietots tā, lai objekts paliktu redzams

taguCENTRS– tagos ievietotā teksta ievietošana centrā

taguCITE– tagos ievietotais teksts ir citāts

taguKOMENTĀRS– Komentārs dokumenta tekstā.

taguKomentāri būs redzami jebkurā pārlūkprogrammā. Visām pārlūkprogrammām komentārs tiek attēlots kāDD

tagu– nosaka definīciju saraksta elementa aprakstošo daļuDFN

tagu– tagos ietvertais teksts tiek formatēts kā definīcijaD.L.< – izveidot definīciju sarakstu, kas satur tagusdt< > un>

taguddD.T.

tagu– definīciju saraksta elementam ir norādīta aprakstošā-nosacījuma daļa IEGULĒT – sākuma un beigu tagi, kas ļauj aprakstīt dokumentā iegulto objektu. Atkarībā no iebūvētā veida objekts var

Atribūts

Funkcija

, papildus tiem, kas uzskaitīti zemāk, ir iekļauti papildu parametri

Norāda iegultā objekta URL. Šis atribūts ir obligāts

augstums =

vārds = Vārds

n

Norāda zonas augstumu, kuru aizņems iebūvētais objekts

taguFONTSNorāda iegultā objekta nosaukumu

Atribūts

Funkcija

Norāda zonas platumu, kuru aizņems iebūvētais objekts

– tagos ievietotā teksta izmēra, krāsas vai burtveidola iestatīšana

Iestatiet tagos ietvertā teksta krāsu

izmērs = nozīmē

seja=saraksts

taguAtzīmētā teksta šrifta iestatīšana (iestata pirmo fonta nosaukumu, kas norādīts ar komatiem atdalītā sarakstā)Iestatiet pamata fonta lielumu. Diapazons - no 1 līdz 7Šis atribūts ir obligātsHnŠis atribūts ir obligāts– tagos ietvertais teksts apzīmē līmeņa virsrakstu

Atribūts

Funkcija

. Iespējamās vērtības

- no 1 līdz 6

taguizlīdzināt=veids

Atribūts

Funkcija

. Iespējamās vērtības

Norāda, kā virsraksts ir jāsaskaņo: pa kreisi (noklusējums), centrā vai pa labi (pa labi)

HR

Iestatiet lineāla biezumu uz veselu pikseļu skaitu

platums= nozīmē

tagues– tagos ietvertais teksts tiks parādīts slīprakstā

taguIMG– pašreizējā teksta plūsmā tiek ievietots attēls

Atribūts

Funkcija

alt= tekstu

Iestata alternatīvu tekstu pārlūkprogrammām, kas neatbalsta attēlus.

Robeža = Šis atribūts ir obligāts

Iestatiet hipersaitēs ietverto attēlu apmales biezumu (pikseļos).

Atskaņošanas vadīklu pievienošana iegultiem videoklipiem (I.E.2 un augstāks)

Dynasrc= url

IestatītURL-attēlojamā videoklipa adrese( I.E. 2 un augstāks)

Augstums = Šis atribūts ir obligāts

Iestata attēla augstumu pikseļos

Hspace= Šis atribūts ir obligāts

Iestata brīvas vietas platumu izvietojumu pa kreisi un pa labi no attēla Šis atribūts ir obligāts pikseļu

Norāda, ka, izmantojot šo tagu tagā attēls tiek atlasīts, izmantojot peli

cilpa= nozīmē

Iestatiet video atskaņošanas atkārtojumu skaitu. Nozīme var būt vesels vai bezgalīgs skaitlis (I.E.2 un augstāks)

Lowsrc= url

To nosaka zemas izšķirtspējas attēls, kas pārlūkprogrammai vispirms jāielādē. Tam seko atribūtā norādītais attēls (I.E.2 un augstāks)

Norāda atskaņojamā attēla avota URL. Šis atribūts ir obligāts

sākums = sākums

Norāda, kad atskaņot videoklipu (opcijas: faila atvēršana vai peles kursors).

Usemap= url

Norāda attēla apgabalu, kas ir jutīgs pret peles kustību

Vspace= Šis atribūts ir obligāts

Norāda npikseļu brīvas vietas izvietojumu virs un zem attēla

Norāda attēla platumu pikseļos

taguKBD- tagos ietvertais teksts tiek ievadīts pa rakstzīmei (kā rakstot no tastatūras)

taguSAITE- virsrakstā (< galvu >) dokumentu nosaka saite no punktā uz citu dokumentu

Atribūts

Funkcija

href= url

metodes = sarakstu

Iestata šīs saites parādīšanas metožu sarakstu atkarībā no pārlūkprogrammas (atdalot ar komatiem)

rel= savienojums

Tiek noteikta šī dokumenta saistība ar mērķa dokumentu. Internet Explorer 3.0 rel=style nozīmē ārējas stila lapas esamību

rev= savienojums

Apņēmīgs atsauksmes mērķa dokuments ar datiem

Norāda ārējās stila lapas URL, kas tiks izmantota dokumenta formatēšanai ( I.E.2 un augstāks)

virsraksts= līniju

Iestata mērķa dokumenta nosaukumu

tips= teksts/css

Mērķdokumentam ir norādīts universāls resursa nosaukums neatkarīgi no tā atrašanās vietas

taguKARTE– tiek noteikts attēla laukums, kas ir jutīgs pret peles kustību

Atribūts

Funkcija

vārds = līniju

Norāda šī apgabala nosaukumu. Šis atribūts ir obligāts

taguNOBR– tagos ievietotajā tekstā pārtraukumi nav pieļaujami

taguP– rindkopas sākuma un beigu atzīmes

. Iespējamās vērtības

Iestata, kā teksts rindkopā tiek līdzināts: pa kreisi, centrā vai pa labi

taguVienkāršs teksts– norāda, ka pārējā dokumenta daļa ir jāparāda neapstrādāta, kā iepriekš formatēts teksts

taguPRE– tagos ietvertais teksts tiks parādīts šādi. kā tas tika iepriekš formatēts, bez apstrādes, precīzi ievērojot rindiņu pārtraukumus un atstarpes

Pārlūkprogramma ievietos tekstu tā, lai n rakstzīmes ietilptu rindā (ja iespējams)

taguS

taguSAMP– tagos ievietotais teksts ir veidne

taguMAZS– tagos ietvertais teksts tiks parādīts mazākā fonta izmērā

taguSPACER– ievietojiet dokumentā atdalītāju(TikaiN3)

tips= Iespējamās vērtības

Atdalītāja veids ir norādīts: vertikāli - starp divām teksta rindām ir novietota noteikta izmēra tukša vieta - starp vārdiem vai rakstzīmēm; taisnstūra laukuma ievietošana

Norāda (pikseļos) horizontālā atdalītāja platumu vai vertikālā atdalītāja augstumu

Norāda bloku atdalītāja platumu

Norāda iegultā objekta URL. Šis atribūts ir obligāts

Norāda bloku atdalītāja augstumu

. nozīmē

Norāda, kā bloka norobežotājs ir izlīdzināts attiecībā pret apkārtējo tekstu.

taguSPAN– tagos ietvertais teksts tiks formatēts, izmantojot stila lapu(TikaiI.E.3 un augstāk)

Atribūts

Funkcija

stils = elementi

Teksta ievadīšanai dots intervāls ir norādīti stila lapas elementi

taguSTREIKS– tagos ietvertais teksts tiks parādīts ar pārsvītrojumu horizontāla līnija

taguSUB– tagos ietvertais teksts tiks parādīts kā apakšindekss

taguSUP– tagos ietvertais teksts tiks parādīts kā augšējais indekss

taguTT– tagos ietvertais teksts tiks parādīts monospace fontā

taguVAR– tagos ietvertais teksts apzīmē mainīgā lieluma nosaukumu

Mēs visi esam izmantojuši slaveno redaktoru Vārdu teksts. Un mēs zinām, ka ir ļoti viegli mainīt teksta fontu, izmēru un krāsu. Tātad, html jūs varat arī iestatīt šos parametrus bez lielām grūtībām. Tam ir atzīme . Tas ir savienots pārī, un tāpēc tam ir noslēguma atzīme, jo pārlūkprogrammai ir jāsaprot, kur atrodas teksta sākums un beigas, kuram mainām parametrus. Tag ir trīs atribūti: seja, izmērs un krāsa, kas norāda attiecīgi teksta fontu, izmēru un krāsu. Šajā apmācībā mēs sīkāk aplūkosim fontus.

Uz mainiet teksta fontu html– fails, mums teksts ir jāiekļauj tagos Un un noteikti piesakieties sejas atribūts. Tas izskatās šādi:

mūsu teksts



Fontu nosaukumus var atrast Vārdu redaktors. Ir diezgan garš saraksts. Ņemsim piemēru, kā mainīt teksta fontu html, un ierakstīsim šādu kodu:

4. nodarbība. Fonti html

Šis teksts tiks rakstīts noklusējuma fontā

Šis teksts tiks rakstīts Batang fontā

Šis teksts tiks rakstīts Comics Sans MS fontā



Saglabāsim failu ar jebkuru nosaukumu un paskatīsimies, kas notiks:

Kā redzam, viss strādāja: pirmajā rindkopā ir noklusējuma fonts, otrajā rindkopā iestatām Batang fontu, bet trešajā teksts tiek parādīts Comic Sans MS fontā. Principā viss ir viegli un saprotami, bet ir viena piebilde. Tā kā norādītais fonts nav saglabāts HTML failā, nav garantijas, ka tas pārlūkprogrammā tiks parādīts, kā paredzēts. Mēs nevaram būt 100% pārliecināti, ka apmeklētāja datorā ir mūsu norādītais fonts, it īpaši, ja šis fonts nav standarta. Tāpēc sejas atribūtā labāk norādīt apmēram trīs fontu nosaukumus, kas ir uzskaitīti atdalīti ar komatiem, lai vismaz viens no tiem tiktu parādīts droši. Apskatīsim piemēru:

4. nodarbība. Fonti html

Šim tekstam vajadzētu parādīties Batang vai Comic Sans MS, vai noteikti Arial.



Apskatīsim rezultātu:


Teksts tika parādīts Batang fontā, ko mēs vispirms norādījām sejas atribūtā. Ja šis fonts nedarbojas apmeklētāja pārlūkprogrammā, darbosies otrais fonts - Comic Sans MS, un, ja šis fonts nedarbojas, teksts noteikti tiks parādīts Arial fontā.

Citas fontu iespējas

Un iesākumam apskatīsim citas fontu iespējas. Pirmajā nodarbībā mēs jau apskatījām tagus, kas nosaka treknrakstu un slīprakstu, tie ir tagi Un attiecīgi. Apskatīsim vēl dažus tagus, kas nosaka fonta stilu:

4. nodarbība. Citas fontu iespējas

Pasvītrosim tekstu
Izsvītrosim šo daļu
un iestatiet augšējo indeksu vārdam augšā



Apskatīsim rezultātu:


Mēs iestatījām visu tekstu Comic Sans MS fontā, pirmā rindiņa tika pasvītrota, izmantojot tagu , atcerieties no pirmās nodarbības, ka tag
veic pārtraukumu jaunā rindā, otrā rinda tiek izsvītrota, pateicoties atzīmei un pēdējā rindā augšrakstā iestatām vārdu "augšā". Nekas sarežģīts! Ar pārējiem tagiem varat eksperimentēt pats. Ja jums viss ir skaidrs, varat pāriet uz nākamo nodarbību, kurā mēs apskatīsim, kā iestatīt teksta lielumu, bet, ja jums ir kādi jautājumi, skatiet šīs nodarbības detalizēto video.



Saistītie raksti
Veidi
  • Wi-fi iestatīšana
  • Windows
  • Vīrusi
  • Internets
  • Programmas
  • Remonts
Populāri raksti
Jauni raksti