Pamata HTML tagi teksta formatēšanai - padarot tekstu treknrakstā un slīprakstā; izmēra, krāsas un fonta parametri; rindkopu un virsrakstu tagus. HTML vizualizācija: teksta vizualizācija treknrakstā, slīprakstā un krāsās

Pretdrudža līdzekļus bērniem izraksta pediatrs. Bet ir situācijas, kas nepieciešama drudža gadījumā, ja bērnam ir nepieciešams nolaidīgi dot sejas. Tad tēvi paši uzņemas reanimāciju un pārtrauc antipirētiskos preparātus. Ko var dot zīdaiņiem? Kā pazemināt temperatūru vecākiem bērniem? Kuras ir visdrošākās sejas?

Šajos rakstos mēs runāsim par tiem, kas redz tekstu slīprakstā HTML. Ja vēlaties rakstīt tekstu treknrakstā, slīprakstu var rediģēt trīs veidos:

  • Tag i HTML;
  • Tag em HTML;
  • CSS jauda fonta stils.

Apskatīsim visas trīs iespējas, kā izveidot slīprakstu HTML, pārrunāsim uztura smalkākos punktus un kā efektīvāk un pareizāk rakstīt citās situācijās.

Teksts slīprakstā: tag

Tag i(slīprakstā) pēc analoģijas ar tagu b treknrakstā, izmantojiet slīpraksta teksta fizisko izskatu (ne nozīmē, ka tekstam tiek mainīts attēls). Atzīmes pievienošana i:

Vietņu veidotājs "Nubex"

Šādā veidā daļa teksta ir jāpārvieto starp tagiem .

Teksts slīprakstā: tag

Hocha tag i ir atstāts spēkā, apskatot vietnes optimizāciju, labāk ir iegūt tagu em tekstā saskatot loģiski svarīgas figūras. Tse nozīmē, ka meklēšanas roboti garantē starp tagiem esošā teksta nozīmi. :

Vietņu veidotājs "Nubex"

Rezultāts:

Vietņu veidotājs "Nubex"

Ale neaizmirstiet, kas ir teksts, iesaiņojot tagus iі em, lai gan šķiet, ka tie ir praktiski vienādi (visās mūsdienu pārlūkprogrammās), pēc savas būtības tie nav identiski, jo bija domāts vairāk. Tāpēc ir nepieciešams laimēt tagus nepieciešamajam: tag em HTML ierāmē svarīgus tekstlodziņus un vizuāli slīprakstu formatējumu aiz palīdzības taga i vai CSS stili. Apskatīsim CSS stilus slīpraksta tekstam.

Slīpiskais teksts ar CSS

Lai instalētu fontu stilus, CSS iegūst spēku fonta stils, lai jūs varētu ierakstīt vērtību: slīps(slikts teksts) slīpraksts(slīprakstā) tas normāli(Oriģinālais fonts).

Warto atcerēties par tiem, kuri kursīvs fonts ta vārīgs, Savam sutty, ne tikai sev. Slīpraksts- tas ir īpašs fonts, kas ir ar roku rakstīta teksta analogs un vārīgs tas veidojas, redzot lielu fontu pa labi.

Atribūts zastosuvanya fonta stils praksē:

Kursīvs h <a href="https://technologyyoung.ru/lv/sozdanie-zaglavnyh-bukv-s-pomoshchyu-css-kak-sdelat-v-css-vse.html">palīdzēt CSS</a>- "Nubex"

Mūsu vietnes - tse, deysno, majestātiskais kroks tīmekļa pārlūkprogrammā.

Mi robimo pareizā veidā yakіsnі vietnes.

Bet ir jāatceras, ka pārlūkprogrammas un teksti ir pie varas fonta stils: slīps; var interpretēt nevis kā trauslu tekstu, bet gan kā slīprakstu.

Lai mūsu WEB lapa izskatītos reprezentablāka, mēs sadalījām tekstu rindkopās un virsraksts bija redzams. HTML var sastāvēt no 6 vienādiem dokumentu dalījumu virsrakstiem, kas numurēti ar cipariem no 1 līdz 6. Nosaukums ir apdullināts ar tagu pāri ar vienādiem cipariem, piemēram,

- pirmā vienādā divīzijas nosaukums un
- Virsraksts tika dalīts ar sesto vienādu. Vienkāršā tekstā nosaukumus maina pasaule un burtu platums. Šķiet, ka pirmā līmeņa h1 virsraksts izklausās vēl lielāks fonts, tāpat kā sestā līmeņa h6 virsraksts ir vēl mazāks.

Vārds

Nejaukt dokumentu nodaļu virsrakstus ar iepriekš apskatīto dokumenta virsrakstu, ko norāda elements .

Tāpat kā teksta virsraksts vikoristovuemo pershu piedāvājums

і

.

Ievietojiet tagus faila other.html tekstā

і

tā, ka smaka apņēma pirmo teksta piedāvājumu, un visa koda daļa ieguva šādu izskatu:

Lūdzam SD kompānijas pusē!

Pārskatīsim rezultātu.

Saglabājiet failu, izvēloties Notepad programmas izvēlnes komandu Fails - Saglabāt (Fails - Saglabāt).

Pirms dokumenta pārskatīšanas ir jāuzsāk saglabāšanas darbība, lai no diska atvērtu failu pārskatīšanai, zavantazhyuchi yogo datora RAM. Ja nesaglabājat failu pēc HTML koda rediģēšanas, neaizmirstiet tās pašas pārlūkprogrammas konfigurācijas.

Atsāciet pārlūkprogrammas logu, nospiežot pogu uzdevumjoslā.

Programmas loga rīkjoslā nospiediet pogu F5 vai pogu Atsvaidzināt. Fails other.html tiks augšupielādēts atkārtoti, un jūs varēsiet noklikšķināt uz pārlūkprogrammas loga tā, it kā tas būtu pirmā līmeņa nosaukums.

Apskatiet, kā izskatīsies pārējo 5 vienādību nosaukumi, mainot ciparus tagos: h2, h3 un tā tālāk Pēc apvalka konfigurācijas neaizmirstiet saglabāt failu un atjaunināt attēlu no pārlūkprogrammas loga.

Ja pabeigsit, es atjaunošu tagus failā other.html

.

Izmantojot 6 vienādus virsrakstus, lai sakārtotu HTML valodu, varat izveidot viegli lasāmu dokumentu ar intuitīvi skaidru struktūru. Ņemiet vērā, ka jūsu dokuments vienmēr tiks lasīts daudz labāk, jo nākotnē tas būs precīzs fails izplatīšanai un izplatīšanai.

Pārlūkojiet virsrakstus

Aiz slēdzenes lapas kreisajā pusē tiek parādīts virsraksts. Ale yogo, var arī pagriezties ar labo roku vai centrā. Par darba juridisko recenziju

Atribūts align="right" ir izcelts, un centrēšana ir align="center". Ir atļauts arī izmantot acīmredzamo kreisās puses izlīdzinājumu – align = "left".

Pievienot atzīmei

atribūts align="center", lai centrētu virsrakstu. Šis elements ir vainīgs uzbrukumā uzbrukuma tēmēklim:

Lūdzam SD kompānijas pusē!

Mēs jums vairāk nestāstīsim par nepieciešamību saglabāt failu ar pasta indeksu un atjaunināt attēlu pārlūkprogrammā pirms pārskatīšanas.

Kā renderēt tekstu HTML (treknrakstā)

Pāriesim pie cita teksta. Padarīsim to lielāku un tekstu treknā slīprakstā. Lai ievietotu treknrakstu attēlu, tiek uzzīmētas vīriešu atzīmes .

Ielīmējiet failu other.html līknē es čīkstēju tagus, lai smirdoņa apņemtu tekstu Šeit jūs zināt ... Šis elements ir vainojams uzbrūkošajā izskatā:

Kā izveidot HTML tekstu slīprakstā

Papildu tagiem ir uzstādītas slīpraksta kristības .

Ielīmējiet HTML tagu cob kodā і Tātad, schob v_redagovaniy elements nabuv virzās uz priekšu:

Šeit jūs uzzināsiet par mūsu darbību, par programmatūras produkti Mūsu uzņēmums ir par īpašumā, kā mēs viroblyaemo

Izkārtojuma elementus var ligzdot, piemēram, jūsu struktūrā, de elementu ligzdots elementā . Mūsdienu pārlūkprogrammas var skaidri apstrādāt ievades tagus. Tāpēc jums tas jāievēro, lai netiktu traucēta iemaksas kārtība. Pārlūka robots izskatīsies saliekams, jo ieguldījums tiks iznīcināts. Piemēram, šāds apzīmējums būtu nepareizs: . Dotremannya ieguldījums - vēl svarīgāka daļa no globālās HTML koda rakstīšanas kultūras.

Kā zrobitēt tekstu HTML

Lai saņemtu palīdzību derību tagiem varat ievietot pārsvītrotu tekstlodziņu, ko ieskauj šie tagi, un papildu derību tagiem - Rādīt tekstu teletaipa fontā.

3 nesenas vienaudžu atzīmes piedošana un iedrošinājums cīnīties par palīdzības stiliem. ekvivalents . Tātad jauns analogs izskatās apgrūtinošāk, bet atvainojos par atšķirību. Žēl teikt, ka apjomīgā opcija ir piemērota vairākām pārlūkprogrammām, tāpēc tā ir piemērota visām pārlūkprogrammām, ja tā ir Ne visas pārlūkprogrammas to atbalsta.

Kā palielināt tekstu HTML

Narazі zbіlshimo rozmіr fonta teksts. Jūs varat strādāt dažādos veidos.

tagus zbіlshyuyt obsyag fonta tekstu, stacked z-pomіzh tiem.

Pievienojiet vālītei un neskaidri uzminētā koda beigas tagam kodam vodpovidno і Tas pats elements izskatīsies šādi:

Šeit jūs uzzināsiet par mūsu darbību, par mūsu uzņēmuma programmatūras produktiem

Palīdzības atzīmes Varat mainīt teksta fonta lielumu atbilstoši vālītei.

Vēl viena fonta izmēra ievietošanas metode - papildu tagiem no izmēra atribūta. Kā šī atribūta vērtība ir atlasītas skaitļa vērtības no 1 līdz 7. Šim atribūtam vērtība 1 atbilst mazākajam fonta izmēram, bet vērtība 7 - maksimālajam.

Vikoristovuyuchi tagi prāta birkas , apskatiet, kā tiek mainīts teksta fonta lielums dažādām izmēra atribūta vērtībām - no 1 līdz 7.

Kā lieluma atribūta vērtību varat atlasīt skaitļus no 1 līdz 7 ar zīmi + (plus) un - (mīnus). Tajā pašā laikā fonts tiek paplašināts, tas mainās, tas mainās, pret vālīti, piemēram, tagus zbіlshat obsyag fonts, jo porіvnіnі s būsim precīzāki, ar vienu rіven. Apgrieziet to.

Iestatiet 5 lieluma atribūta vērtības, lai teksts būtu redzams: . Šī gabala HTML kods var būt šāds:

Šeit jūs uzzināsiet par mūsu darbību, par mūsu uzņēmuma programmatūras produktiem.

Ir atzīmes Varat arī izmantot atribūtu color, lai norādītu fonta krāsu, ko ieskauj teksta tagi. Šī atribūta nozīme ir tāda pati kā iepriekš aplūkotajiem atribūtiem, kas raksturo zemes krāsu un dokumenta tekstu.

Aiz zamovchuvannyam rindkopas ar tekstu Šeit jūs zināt ... virivnyano levoruch. Centrējiet jogu horizontāli, lai iegūtu palīdzības atzīmes

. Varat arī apgriezt rindkopu lapas labajā pusē aiz palīdzības tagiem vai pa kreisi - palīdzības tagiem .

Ievietojiet tagus

pievienojot rindkopas nozīmes.

Ievērojiet, ka atzīmes tika izmantotas rindkopas centrēšanai

, skatā atribūtā align="center", kas ir tas, ko esam ievietojuši tagos

.

Uvaga! Par 2010. gadu ,

, , vvazhayutsya vecmodīgs, un ir nepieciešams uzvarēt šo stilu analogus. Tas nenozīmē, ka jūs tos nevarat pārspēt, bet, kad jūs veidojat, mēģiniet no tiem atbrīvoties.

=

=

=

=

=

Ir arī anonīmi citi veci tagi, kurus nevar aprakstīt šajā rakstā, to labāk uzzināt specializētās tīmekļa vietnēs šim ēdienam. Ale, galvenie, es esmu šeit nedaudz vairāk

Kodija redze

Mova HTML pieļauj divas pieejas, lai tekstā redzētu fonta fragmentu. No vienas puses, jūs varat tieši norādīt, ka sing dilyants teksta fonts var būt treknraksts vai slīpraksts, tāpēc ir acīmredzami norādīt teksta fontu, jo mēs šādā veidā aplaupījām. No otras puses jūs varat atzīmēt, vai tekstam nav kaut kāda veida shmat, lai tas būtu vienkāršs, loģisks stils, sniedzot pārlūkprogrammai šī stila interpretāciju. Tādā veidā loģiskais stils parāda teksta lomu shmat, piemēram, to, cik svarīgi ir savienot pārī ar lielisku tekstu vai tiem, kuriem ir citāts. Savā robotā varat atzīmēt tagus, kas nosaka loģiskos stilus. Pagrieziet to, kā darbojas smaka dažādas pārlūkprogrammas.

- zastosovuetsya vyznachennya vārdus. Teksts tiek rādīts kursīvā akcijām.

- par to, ka redzat slіv šo spēku. Teksts tiek rādīts kursīvā akcijām.

- ieraugot grāmatu, filmu, izrāžu nosaukumus aiz parakstiem rakstīt slīprakstā.

- Programmas koda fragmentiem. Displejā ir redzams fiksēta platuma fonts.

- ierakstot tekstu, ko koristuvach ievadīt no tastatūras. Dažādas pārlūkprogrammas var parādīt dažādus fontus. veca birka.

- Programmas parādīšanai. Tiek rādīts fiksēta platuma fontā. veca birka.

- Īpaši svarīgiem fragmentiem. Izklausās tā, kā redzat treknrakstā attēlos.

- Vikoristovuєtsya par vkazіvka, sho daļu no teksta chi vārds є simboliskas izmaiņas, ka teksts, ko var aizstāt ar dažādiem izteicieniem. Pareizrakstības labad tiek rādīts slīprakstā. veca birka.

HTML 4.0 specifikācija veicina progresīvu stilu ievietošanas metodi šo citu daļu tekstā - izmantojot īpašu kaskādes stila lapu CSS (Cascading Style Sheets). Stylesheets ir lielākais sasniegums WEB dizaina jomā, kas paplašina nevainojama sānu izskata iespējas. Stila tabulas atvieglo atstarpi starp rindām, atstarpes, krāsas, kas jānovieto tekstam un fonam, atstarpes un fonta stilu utt. Kā stila atribūta vērtība tiek veiktas likmes ar veidu "jauda: vērtība". Piemēram, nelielā kodā, kas parāda nodaļas nosaukumu,

atribūts style="color: blue" norāda, ka krāsas (krāsas) spēks nedrīkst būt zils (melns), tāpēc pirmā līmeņa virsraksta teksts ir vainīgs melnā krāsā.

Skatīšanās stili

Mēs brīnāmies, kā ar kaskādes stila lapu palīdzību var norādīt teksta stilu shmat, kura pamatā ir vārdi.

Lai iestatītu fonta svaru, fonta svara vērtība tiek izvēlēta ar vērtībām gaišāks (šaurs), trekns (trekns), trekns (trekns), piemēram, stils = "font-weight: bold".

Slīpraksta attēliem ir iestatīta fonta stila jauda pār slīpraksta vērtībām. Lai attēla tekstu padarītu treknrakstu un slīprakstu, iestatiet stila atribūtu šādi: style="font-weight: bold; font-style: italic". Bring cieņu: pokazyniki var roztashovuvatysya kārtībā un obov'yazkovo povinnі dilitsya dot pēc komas.

Tāpat ir nepieciešams norādīt fonta lielumu, vadoties pēc fonta izmēra jaudas, kura vērtību var norādīt ārējās vai absolūtās vērtībās. Vidnosnі vērtības - tse vіdsotki, un kā absolūtās vērtības ir galvenās vērtības ir punkti (pt), pikseļi (px), centimetri (cm), milimetri (mm). Piemēram:

style="font-size: 200%"

style="font-size: 16pt"

style="font-size: 100px"

Rādot absolūto, un chi nav redzams pasaulei, jūs pieļaujat savas puses īsumu, iespēju mainīt fonta lielumu ar pārlūkprogrammas izvēlnes papildu komandām jūsu skatījumā un ļaujat monitoram. Fonti, visticamāk, tiks mainīti pēc jūsu norādītā rozmіrom. Tāpēc logos labāk ir rādīt fonta lielumu. Šim fonta veidam fonta lielums būs mazāks vai lielāks piešķirto fontu skaitam, mazāks, ja tas ir paredzēts Palīdzība HTML bloķēšanas birka.

Lai noteiktu veidu, kā parādīt tekstu horizontāli, teksta līdzināšanas kvalitāte tiek izvēlēta ar vērtībām pa kreisi (kreisais), pa labi (labais), centrā (centrā), taisnot (platums). Šādā secībā teikt, ka teksts Šeit jūs zināt... ir vainojams treknā slīpraksta attēlu noformējumā ar 150% atstarpi centrā, un pēc tam norādīt stilu kā nākamo pakāpi:

style="font-weight: bold; font-style: italic; font-size: 150%; text-align: center"

Tsey atribūts mi zastosuёmo tagus<р>, yakі ļauj iesniegt tekstu vizuāli okremiskā rindkopā.

Rediģējiet HTML elementu, lai iekļautu tekstu Šeit jūs zināt... aizmirsāt tagus

, , , un tagu ievietošanu<р>іIzmantojot stila atribūtu, elements izskatīsies šādi:

<р style="font-weight: bold; font-style: italic; font-size: 150%; text-align: center">Šeit jūs uzzināsiet par mūsu darbību, par mūsu uzņēmuma programmatūras produktiem

Chi bachite, valoda html ļauj uzvarēt dažādas metodes dizaina stils. Uzreiz par tiem, zastosuvannya movi kaskādes stila lapas CSS є vairāk bazhanim.

Citas stilu parādīšanas un izvēles iespējas

Mēs apskatījām tikai vienu stila lapas opciju, ja attēls ir ievietots jūsu aprakstītā elementa taga pašā vidū.

Ir vērts cīnīties par papildu stila atribūtu, kas zastosovuetsya ar vairāk standarta HTML tagiem. Un ir arī citi CSS varianti.

Standarta HTML, bez zastosuvannya stilu tabulas, lai piešķirtu kādam dziedāšanas elementam, piemēram, no krāsas, rozmarīna, stacijas ādas pusē, ir jāapraksta elementa ādas parametru skaits, lai viena starpības vainīgās daļas puse būtu 10 tādas.viņi nestrīdas pa vienam. Desmitiem reižu, lai sānjoslā ievietotu vienu un to pašu HTML koda daļu, palielinot faila lielumu un stundu, kas traucē tā izmēru.

Stilu tabulas tiek veidotas ar citu, ērtāku un ekonomiskāku metodi. Lai piešķirtu noteiktu elementu konkrētai figūrai, jūs esat vainīgs, ka vienreiz aprakstījāt šo elementu un zināt tā aprakstu kā stilu, un pēc tam vienkārši norādījāt, ka elements, kuru vēlaties izveidot augstākā rangā, ir vainīgs jūsu aprakstītā stila spēks. Ērti, vai ne?

Turklāt stila aprakstu varat saglabāt nevis savas WEB puses tekstā, bet gan iekšā okremu fails- nav atļauts izcelt attēla aprakstu nevienā WEB pusē. Un vēl viena lieta, pateicoties sim perevaga - iespēja mainīt jebkura skaita malu dizainu, labojot tikai attēla aprakstu vienā okrem failā.

Turklāt stilu valodu tabula ļauj mainīt sānu fontu dizainu uz vēl lielāku izmēru. vienlīdzīgākais zem standarta HTML.

Plkst pašreizējā stunda CSS valoda jau ir bagāta ar parametriem HTML elementos, kurus var pielāgot. Zastosovuyuchi "bezpechnі", tobto sumіsnі z lielākais skaits pārlūkprogrammas css elementi- fonta īpašības, daļu un fona krāsa, teksta un kordonu īpašības - jūs varat atvieglot savu darbu un padarīt jūsu WEB lapas pievilcīgākas teksta noformējumam.

Kursīvs lāsts ir viens no populārākajiem veidiem, kā saskatīt teksta fragmentu un piešķirt tam dziesmas nozīmi. Vīns ir ideāli piemērots citātiem, vīnogām, nosaukšanai un nosaukšanai. HTML ir divi īpaši tagi slīpraksta attēlu parādīšanai. CSS slīpraksts kontrolē fonta stila jaudu.

Vai kursīvs ir vājš fonts?

Viena fonta lietojumu slīprakstā var mainīt.

Attēlā ir trīs teksta bloki, kas rakstīti tajā pašā Playfair Display fontā. Pirmais maє ir tiešs attēls, bet otrs un trešais ir slīprakstā. Smaka vіdkritі tajā pašā Google pārlūkprogramma Chrome, bet tie izskatās pilnīgi atšķirīgi.

Rich y tim, deyak fonti mayut vlasnі slīprakstu rakstzīmju kopas. Ja pārlūkprogramma nevar piekļūt šim komplektam, tā vietā vienkāršos tekstu, kas ir vainojams kursīvā, mēģiniet būt gudrs un autodidakts.

Citam blokam ir tāda pati, pārlūkprogrammas modificēta opcija, bet trešajā ir Playfair Display fonta oriģinālā slīpraksta versija, kurai ir unikāls attēls, kas vairāk līdzinās rokrakstam. Pārlūkprogramma vienkārši dziedina ādas simbolu tekstam uz sing kut, atdarinot slīprakstu.

Apsverot, kā CSS vai HTML formātā izveidot slīprakstu, ir svarīgi atcerēties, ka dažos īpašos fontos ir jānodrošina, lai pārlūkprogramma varētu piekļūt slīpraksta komplektiem. Vairākām darbībām robotizēto pārlūkprogrammu algoritmu rezultāts var būt nedaudz neapmierinošs.

HTML kursīvs

HTML teksta slīprakstā tiek izmantoti divi īpaši tagi: i (tāpat kā vārds slīpraksts) un em. kristības teksta fragments, kas atrodas jebkurā no šiem deskriptoriem, būs tāds pats.

Mazumtirdzniecība izskatās kā loģisks redzējums. Tags em norāda konkrētu fragmenta vērtību. Tas ir svarīgi meklētājprogrammu robotiem un ekrāna lasītājiem, jo ​​viņi redz teksta nozīmi aiz papildu intonācijas.

Autoritātes fonta stils

CSS slīprakstā ir fonta stila paziņojums. Won var būt viena no trim pamatvērtībām:

  • normāls - noklusējuma attēla fonts;
  • slīpraksts — slīpraksts attēls;
  • slīpi - počili rakstīja.

uz pašreizējais brīdis Lielākā daļa pašreizējo pārlūkprogrammu apstrādā slīpā un slīpraksta nozīmes, taču tika pārnesta proteka uz vālītes, kas vispirms ir īpašu pārlūkprogrammu darba rezultāts algoritmos, tie dziedē ādas simbolu pa labi.

Ja pārlūkprogramma nerāda fontu, slīpraksts izskatīsies tāpat kā slīps.

Skatoties uz tagu em, tas nepiešķir redzētajam fragmentam īpašu nozīmi, tas vairāk dod i deskriptoram.

Pieteikties

Citāti bieži var redzēt slīprakstā. Mēģināsim dot labu izskatu.

Citāts (fonta stils: slīpraksts; apmale pa kreisi: 5 pikseļi vienkrāsains violets; polsterējums pa kreisi: 20 pikseļi; )

Ir labās puses dekoratīvais rāmis un labās puses apmale, pēdiņu blokam fonta stila noteikums tiek piešķirts slīpraksta vērtībām.

Lai palīdzētu, ir pievienots slīpraksts CSS.

Tajā pašā laikā mēs novirzīsim jūs uz galvenajiem tagiem. Darīsim s tagus, yakі є obov'yazkovimi sānos, veidojot її struktūru.

Bloķēt. Vienkāršākās puses struktūra

Vietnes sānjosla - galvenā teksta fails ar pagarinājumiem .html. Fails tiek saglabāts vidū HTML teksts blakus ar tagiem. Šis fails ir obov'yazkovo parādā mātei takі tags: tag , kas ir vainojams visas vietnes tekstā (visu, kas rakstīts ar pozīcijas tagu, pārlūkprogramma ignorēs), un jaunā vidū var būt vēl divi tagi: tag apkalpošanas pusei un atzīmei - galvenajam tekstam, kas ir redzams pārlūkprogrammas ekrānā.

Pakalpojumi atzīmes vidū , lai ievadītu daudz dažādu runu, bet pagaidām mums vajag tikai divas no tām. Tse tag , kurā tiek iestatīts šīs taga nosaukums, kā tas būs redzams pārlūkprogrammas cilnē <meta>, kas nosaka puses kodējumu (won jāievieto atribūtā <b>rakstzīmju kopa</b> un pasaki savu vērtību <b>utf-8</b>, vairāk par video, jo tas būs par pāris rindkopām zemāks).</p> <p>Krēms no tā, pirms atzīmes <html>izdzied konstrukciju <b>doktips</b> Kā parādīt versiju <a href="https://technologyyoung.ru/lv/osnovy-html-dlya-nachinayushchih-struktura-komand-yazyka-html.html">Filmas HTML</a>, de zrobleno vietne. Tajā pašā laikā filmas versijai var būt n'yat numurs, un dokumenta tips var izskatīties šādi -<!DOCTYPE html> .</p> <p>Atkal apskatiet lapas galveno struktūru (lai palaistu šo mucu pārlūkprogrammā - kopējiet to teksta failā ar paplašinājumiem <b>.html</b> Un pārbaudiet savā pārlūkprogrammā, ja jums ir problēmas ar to - skatieties videoklipu zem mucas):</p> <p> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Tse virsraksts Šī ir galvenā sānu vieta.

Kā jūs skatāties uz pārlūkprogrammas dibenu? brīnums nosūtīts uz šo.

Es domāju, ka, tā kā jūs esat izlasījis par lapas galveno struktūru, jums, tāpat kā iepriekš, ir daudz neizpratnes, jo jūs visi skatāties uz praksi. Tāpēc es paņēmu īpašs video, kurā parādīšu, kā izveidot savu pirmo HTML-pusi un palaist to pārlūkprogrammā (kādam citam pastāstīšu arī par lapas nosaukumu, par kodēšanu, par koda noformējumu). Apbrīnojiet jogu un pēc tam pārejiet pie tālākas lasīšanas:

Un tagad, iemācījušies izveidot visvienkāršākās malas, mēs pāriesim pie melnajiem tagiem, piemēram, vērpjot tagu vidū . Būs atzīmes rindkopām, virsrakstiem, sarakstiem, burtiem un citām zilām runām. Otzhe, darīsim to.

Bloķēt. Paragrāfs

Viens no galvenajiem sānu elementiem ir paragrāfs. Varat līdzināties ar rindkopām apakšā — ādas rindkopa sākas no jaunas rindas un var būt sarkanās rindas virsraksti (ja vien rindkopas teksta pirmā rinda ir ar labo roku). Sarkanās rindas slēdzenes nevar izmantot, taču jogo ir viegli nokaut (apmēram trīs tročas gadā).

Rindkopa tiek izveidota pēc atzīmes palīdzības

Šādā veidā:

Tse virsraksts

Tse rindkopa.

Vēl viena rindkopa.

Es vēl vienu rindkopu.

Tse rindkopa.

Vēl viena rindkopa.

Es vēl vienu rindkopu.

Bloķēt. Virsraksti h1, h2, h3, h4, h5, h6

Krimas rindkopas, svarīga nozīme malā var virsraksti. Varat arī saskaņot tos ar grāmatas virsrakstiem — varat sadalīt virsrakstu (nosaukts par sadalījumu) un sadalīt to rindkopās, lai jūs varētu izveidot savus virsrakstus. Nu galvenais puses teksts ir rindkopās.

Virsraksti veidojas palīdzības tagiem

,

,

,

,

,
. Smaka saplosa svarīgo pasauli. Virsraksts h1 slīdēja roztashovuvati nosaucot visas HTML puses, v h2- vārds bloki sānos, iekšā h3- apakšbloku nosaukums ir pārāk īss.

Visi paraksti ir treknrakstā un var atšķirties pēc izmēra (var mainīt, izmantojot CSS, bet par otru pusi). Apbrīnojiet piemēru:

Tse virsraksts

Virsraksts h1

virsraksts h2

virsraksts h3

virsraksts h4

virsraksts h5
virsraksts h6

Pirmā rindkopa.

Tse cita rindkopa.

Trešā rindkopa.

Lūk, kā kods izskatīsies pārlūkprogrammā:

Virsraksts h1

virsraksts h2

virsraksts h3

virsraksts h4

virsraksts h5
virsraksts h6

Pirmā rindkopa.

Tse cita rindkopa.

Trešā rindkopa.

Bloķēt. tauki

Jūs jau zināt, kādi virsraksti ir aiz parakstiem tauki. Tomēr varat pievienot treknrakstu un treknrakstu — vienkārši paņemiet to no taga . Apbrīnojiet piemēru:

Tse virsraksts

Šis ir lielisks teksts, bet tauki tekstu.

Lūk, kā kods izskatīsies pārlūkprogrammā:

Šis ir lielisks teksts, bet tauki tekstu.

sekojiet pagriezienam jebkura cita taga, piemēram, rindkopas, vidū. Ir vipadka, lai izveidotu rindkopas zagalnu struktūra malas (rindkopu virsraksti) un tagu b aplaupīt treknrakstu okremi shmatochki tekstu.

Bloķēt. Slīpraksts

Var audzēt arī treknu krējumu slīpraksts palīdzības atzīmei :

Tse virsraksts

Šis ir lielisks teksts, bet kursīvs tekstu.

Lūk, kā kods izskatīsies pārlūkprogrammā:

Bloķēt. Saraksti

Rindkopu un virsrakstu secība ir vēl viens svarīgs sānu elements - ce sarakstus. Šādi elementi, dziedāšana, ir zināmi visiem interneta koristuvačiem. smirdēt є pererahuvannya chogos (saraksts) par punktiem. Sarakstā esošajam ādas vienumam nosauciet ganāmpulka izmaksas gurtok (win tiek saukta marķieris saraksts).

Saraksti tiek izveidoti aiz papildu atzīmes

Atbalsti projektu – dalies savos centienos, mīļā!
Izlasi arī
Ja Apple pārtrauc parakstīties uz iOS 10 Ja Apple pārtrauc parakstīties uz iOS 10 Ieskats Xiaomi Mi Smart Scale elektroniskajos vagonos: dūriens aiz muguras Ieskats Xiaomi Mi Smart Scale elektroniskajos vagonos: dūriens aiz muguras Kāds ir atskaņošanas saraksts pakalpojumā YouTube un viss par to Kāds ir atskaņošanas saraksts pakalpojumā YouTube un viss par to