Sarkano html līniju var iestatīt 4 dažādos veidos. Lai gan šī programmēšanas valoda nenodrošina īpašus standartus šai parādībai, tāpēc šajā ziņā nav nekādu ierobežojumu. Šajā rakstā mēs izmantosim nestandarta rīku komplektu, lai izveidotu sarkano līniju.

1. metode

Ir vērts sākt ar visizplatītāko metodi. Tikai šajā gadījumā ir jāizmanto kaskādes tabulas, jo CSS ir nesaraujami saistīta ar hiperteksta iezīmēšanas valodu. Sarkano html līniju var iestatīt, izmantojot rekvizītu "text-indent". Pietiek norādīt vajadzīgo elementu un attālumu, kas tiks izmantots atkāpei dokumenta kreisajā pusē. Piemēram, rakstot: "p (teksta atkāpe: 20 pikseļi;)" nozīmē, ka katrā rindkopā p tiks izveidota sarkana līnija ar 20 pikseļiem. Kā elementu, kuram norādāt vērtību, varat izmantot jebkuru teksta bloku. Faktiski šis rekvizīts nenosaka sarkano līniju, bet vienkārši norāda atlasītā elementa pirmās rindas atkāpi. Bet kurš pamanīs atšķirību? Īpašumam "teksta atkāpe" var būt trīs dažādu veidu vērtības:

• Jebkura vispārpieņemta mērvienība, piemēram, pikseļi (pikseļi), (collas), pt (punkti) un citi.
• Procentuālā vērtība. Šajā gadījumā tiek ņemts vērā attālums no vecākelementa.
• Mantojums. Kad šī vērtība ir norādīta, rekvizīts tiks mantots no vecākelementa.

2. metode

Html formātā sarkano līniju var iestatīt, nepievienojot kaskādes tabulas. Lapas avota kodā pirms pirmās rakstzīmes ir pietiekami ievietot vairākas atstarpes. Jums vienkārši jāizmanto speciālās rakstzīmes, proti, “ ”, jo, ievietojot parasto atstarpi, tiks ņemta vērā tikai viena. Un izmantojot šo simbolu, jūs varat iestatīt nepieciešamo atkāpi. Šādai sarkanai HTML rindai nebūs globālas pielietojuma, un visas atstarpes būs jāpievieno manuāli. Šis mīnuss jūs ievērojami apgrūtinās, strādājot ar lielu skaitu dokumentu. Šī metode arī pasludinās jūsu lapas kodu par nederīgu.

3. metode

Secinājums

Nobeigumā varam teikt, ka html kopā ar CSS ļauj izveidot visdažādākos efektus. Dažreiz rekvizīti un elementi netiek izmantoti paredzētajam mērķim, taču nevajadzētu pārāk daudz atkāpties no tagu standarta nozīmes.

Parasti teksta blokus atdala ar rindkopām (rindkopām). Pēc noklusējuma starp rindkopām ir neliela vertikāla atstarpe, ko sauc par atstarpi. Rindkopu izveides sintakse ir šāda.

1. punkts

2. punkts

Katra rindkopa sākas ar atzīmi

Un beidzas ar izvēles beigu tagu

.

Jebkurā grāmatā pirmās rindas atkāpe, ko sauc arī par "sarkano līniju", tiek izmantota, lai izceltu nākamo rindkopu. Tas ļauj lasītājam viegli meklēt jaunu rindiņu un tādējādi palielina teksta lasāmību. Tīmekļa lapā šo paņēmienu parasti neizmanto, bet rindkopu atdalīšanai izmanto polsterējumu.

7.1. piemērā parādīta rindkopu izmantošana, lai starp rindām izveidotu atkāpes.

Piemērs 7.1. Izmantojot rindkopas

Dažviet vēl ir februāris, citviet jau aprīlis.

Laiks iet, mūžīga skaitīšana: gadu no gada, gadsimtu pēc gadsimta...

Visā - viņa nesteidzīgajā tempā, piķa melnā skriešanā.

Gadā ir divdesmit piecas prieka un bēdu nedēļas.

Man ir divdesmit piecas nedēļas februārī un divdesmit piecas nedēļas aprīlī.

Divdesmit piecas nedēļas gadsimti pāriet miglā.

Mans skanīgais farss lido kaut kur pretī mākoņiem.

M. Ščerbakovs

Šī piemēra rezultāts ir parādīts attēlā. 7.1.

Rīsi. 7.1. Atkāpe tīmekļa lapā, izmantojot rindkopas

Kā redzams attēlā, izmantojot tagu

Starp rindkopām ir pārāk daudz atstarpju. Varat no tiem atbrīvoties, ja pievienojat atzīmi rindiņu pārtraukumos:
. Atšķirībā no rindkopas, rindiņas pārtraukuma tags
nerada papildu vertikālas atstarpes starp rindām un var tikt izmantotas gandrīz jebkurā tekstā.

Tādējādi 7.1. piemēra teksts, ņemot vērā rindiņu pārtraukumus, tiks pārveidots šādi (7.2. piemērs).

Piemērs 7.2. Tag

Dažos dārzos zied mandeļu koki, bet citos pūš sniega vētras.
Dažviet vēl ir februāris, citviet jau aprīlis.
Laiks iet, mūžīga skaitīšana: gadu no gada, gadsimtu pēc gadsimta...
Visā - viņa nesteidzīgajā tempā, piķa melnā skriešanā.
Gadā ir divdesmit piecas prieka un bēdu nedēļas.
Man ir divdesmit piecas nedēļas februārī un divdesmit piecas nedēļas aprīlī.
Divdesmit piecas nedēļas gadsimti pāriet miglā.
Mans skanīgais farss lido kaut kur pretī mākoņiem.

M. Ščerbakovs

Piemēra rezultāts ir parādīts attēlā. 7.2. Redzams, ka attālums starp teksta rindām ir samazinājies un tas ieguvis kompaktāku izskatu.

Tagi, kas nosaka rindkopu, atstarpi, HTML bloku un rindkopu

Apskatīsim to sīkāk HTML bloki un rindkopas kā tīmekļa lapas elementi.

• HTML rindkopa ko nosaka tagi.
• HTML rindkopas parasti satur tekstu, formatēšanas tagus un attēlus.
• HTML rindkopa nevar saturēt bloka elementus, piemēram, galvenes
  

  -

  , bloķēt
  un citas rindkopas.
• HTML bloks ko nosaka tagi
  .
• HTML bloks var saturēt jebkurus tīmekļa lapas elementus jebkurā daudzumā.
• HTML bloki Lieliski piemērots tīmekļa lapām un viegli manipulējams.

Apsveriet tālāk norādīto kodu:

Rezultāts:

Mēs to varam redzēt HTML rindkopas ir vertikālas atkāpes - tā ir tagu iezīme. HTML bloki

tādas telpas nav izveidotas, jo tās nenes nekādu kravu, bet ir vienkārši konteineri.

Tagos nedrīkst būt citu vai

. Lineāros elementus var ievietot iekšā, piemēram, vai, piemēram, tagus, kas atbild par teksta formatēšanu.

Tagi un principā ir viens un tas pats, taču W3C konsorcijs iesaka lietot mazos burtus. Jaunajā HTML versijā, tāpat kā mūsdienu XHTML, lielo burtu lietošana, rakstot tagus, ir aizliegta.

Bloķēt

var saturēt tik daudz, cik vēlaties un citi elementi HTML dokumentu. Tas ir ideāli piemērots izkārtojumam, bet vairāk par to vēlāk - CSS apmācības nodarbībās.

HTML telpa no īpašo rakstzīmju tabulas

HTML telpaļauj palielināt attālumu starp vārdiem un rakstzīmēm.

Runājot par atstarpēm starp vārdiem, neatkarīgi no tā, cik daudz to ir Notepad, tas ir, pirmkodā, tīmekļa lapā tiks parādīts tikai viens. Ja jums ir jāpalielina attālums, izmantojiet atstarpes simbolu no simbolu tabulas. Jūs varat jautāt: kāpēc ir vajadzīgas šīs parasto rakstzīmju kodētās nozīmes? - Es atbildēšu: Tie ir nepieciešami, lai parādītu, piemēram, šādas iekavas< >. Citiem vārdiem sakot, lai ekrānā parādītu atzīmes, savā redaktorā es rakstu: . Tagi , kā mēs atceramies, pārvērš tekstu monotelpā (mašīnrakstā).

Veidi, kā parādīt HTML rindkopu

Rindkopas izvades piemēri.

Lai piešķirtu tai noteiktu stilu, teksts ir jāievieto attiecīgajā konteinerā.

Visus formatēšanas tagus var iedalīt trīs grupās:

1. Virsrakstu atzīmes ( h1-h6).

2. Pamatteksta dizaina atzīmes ( , , ,

, 
 utt.).
3. Tagu grupēšana ( 

, 

, 

)

Virsrakstu atzīmes
Viņi pārvērš parasto tekstu noteikta līmeņa virsrakstā.  Tag 

 izveido pirmā līmeņa virsrakstu - lielāko un vissvarīgāko (parasti raksta nosaukums lapā), 

 ir atbildīgs par sestā līmeņa virsrakstu - mazāko un neuzkrītošāko.  Šie tagi ir svarīgi gan lietotājiem, gan meklētājprogrammām — viņiem abiem patīk virsraksti ar apakšvirsrakstiem.  Jāievēro līmeņu hierarhija, tas ir, 

 jāiet 

, nevis otrādi.

Lai saprastu, kā tas darbojas, ievadiet šādu kodu html failā:
 
Pirmā līmeņa galvene
Otrā līmeņa virsraksts
Trešā līmeņa virsraksts
Ceturtā līmeņa virsraksts
5. līmeņa virsraksts
Sestā līmeņa virsraksts

Pārlūkprogrammā tas izskatīsies šādi:
Pamatteksta dizaina tagi
Ļauj formatēt rakstzīmju līmenī.  Apskatīsim, ko jūs varat darīt ar tiem.
Trekns fonts
Nepieciešams koncentrēt uzmanību uz tekstu.  Tas ir svarīgi arī meklētājprogrammām, jo ​​tās var izcelt atslēgvārdus.
Atbildīgs par drosmīgām stila atzīmēm 
 Un .

Augšraksts un apakšindekss
Tos var izmantot formulās, vienādojumos un noteiktu daudzumu apzīmēšanā.
Tags ir atbildīgs par apakšindeksu izveidi 
, augstākajiem tiek izmantots tags 
.
X 1=32 m 2
Samazināšana
Ja vēlaties, lai teksts visā lapā būtu par vienu mazāku par iestatīto vērtību, jums ir jāizmanto tags 

Vienkāršs teksts. Samazināts teksts.
Pasvītrojums
Šo izcelšanas veidu var izmantot, lai norādītu uz dokumentā veiktajām izmaiņām vai vienkārši pievērstu uzmanību tekstam.
Vienkāršs teksts. Pasvītrots teksts.
Pārsvītrots
Informāciju var izsvītrot, ja tā jau ir zaudējusi savu aktualitāti.  Šī ir šī atzīme 
.
Slīpraksts
Tas ir nepieciešams, lai koncentrētu uzmanību uz tekstu, un to var izveidot ar tagu 
 vai 
.

Datora teksta ievade
Gadās, ka tīmekļa lapai jāpievieno programmas pirmkods un tās darba rezultāti.  Lai būtu viegli vizuāli atšķirt dažādas teksta daļas vienu no otras, HTML izstrādātāji ieviesa šīs grupas tagus.
Konteinerā 
 satur programmas kodu, un tā mainīgie ir izcelti ar tagu 
, un izpildes rezultāts ir 
.  Konteiners 
 satur tekstu, kas lietotājam jāievada no tastatūras, strādājot ar programmu, un visu, kas ir ietverts tagos 
, saglabā sākotnējo formātu, tostarp papildu atstarpes un rindiņu pārtraukumus.

  Tādējādi a, b, c, Šeit programmas izpildes rezultāts , un tas ir lietotāja ievadītais teksts 
parādīja kaut ko līdzīgu šim
.

Citāti un definīcijas
Programmas kods izskatīsies šādi 
 Tādējādi 
, mainīgie ir apzīmēti šādi: 
 a, b, c 
, Šeit 
 programmas izpildes rezultāts 
, un tas ir 
 lietotāja ievadītais teksts 
.  Saglabājiet sākotnējo formatējumu 
 parādīja kaut ko līdzīgu šim 

.

 
Citāts blockquote tagā.
Citāts citātu konteinerā.Īss citāts ar atzīmi q.Īpaša definīcija.Saīsinājums (NPO, IP).

Vispārīgs piemērs
Lai labāk saprastu, par ko ir atbildīgs katrs tags un kā tas darbojas, apskatiet tālāk norādīto kodu un tā izpildes rezultātu.
 
Taukains tekstu var pārvērst tagos stiprs Un b.  Aiz muguras slīpraksts atbildi em Un i.
Tagi apakš Un sup izmanto, lai izveidotu zemāks(x 1…x n) Un augšējais (42=16) indeksi. Del izsvītro, ins - uzsver.
Tagi kodu, kbd, var Un samp tiek izmantoti reti un ir nepieciešami, lai parādītu programmu sarakstus
 saīsinājums nepieciešams, lai norādītu saīsinājumus ( HTML).  Blockquote, citēt un q tagi tiek izmantoti pēdiņu formatēšanai ( Debesis jau elpoja rudenīgi)
Priekštags saglabā sākotnējo teksta formatējumu, nenoņemot atstarpes vai rindiņu pārtraukumus.

Pārlūkprogramma šo kodu interpretē šādi:

Atzīmju grupēšana
Ir nepieciešams, lai teksts neplūst vienā nepārtrauktā rindā, bet tiek sadalīts loģiskos komponentos.
Tagu iekšpusē ir rindkopa.
 
Pirmā rindkopa
Otrā rindkopa


Tag 

 rindkopā pāriet uz nākamo rindiņu (pirms rindas nebūs atkāpes).

ļauj novilkt horizontālu līniju.  Varat to izmantot, lai skaidrāk atdalītu tekstu.  Atribūti platums, Izmērs, krāsa, izlīdzināt Un noshade iestatiet attiecīgi līnijas platumu, biezumu, krāsu, līdzinājumu un 3D efekta trūkumu.
 
Līnija virs līnijas. 
Līnija zem līnijas.









 "Lorem IPSUM Dolor Sit Amet, Consectur Adipisicing Elit, Sed Do Eiusmod Tempor Incididunt Ut Labore et Dolore Magna Aliqua. Ut Enim Ad minim Veniam, QUIS NOSTRUD EXERCITATION ULLAMCO Laboris NISI UT Aliquip Consectur Repubbre ir Dolore Aliquip. "Velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."  1.10.32. punkts "de Finibus Bonorum et Malorum", ko Cicerons uzrakstīja 45. gadā mūsu ērā.  "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae a dicta sunt explicabo. sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae a dicta sunt explicabo. sit voluptatem accusantium doloremque laudantium a ut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Ut enim ad minima veniam , quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur??"  Angļu tulkojums 1914, H. Rackham "Bet man jums jāpaskaidro, kā radās visa šī kļūdainā ideja par baudas nosodīšanu un sāpju slavināšanu, un es jums sniegšu pilnīgu sistēmas pārskatu un izskaidrošu lielā pētnieka patiesās mācības. patiesības, cilvēka laimes meistars. Neviens neatraida, nepatīk vai izvairās no pašas baudas, jo tā ir bauda, ​​bet tāpēc, ka tie, kas nezina, kā racionāli tiekties pēc baudas, saskaras ar ārkārtīgi sāpīgām sekām. tur ir ikviens, kurš mīl vai dzenas, vai vēlas gūt sāpes no sevis, jo tās ir sāpes, bet tāpēc, ka ik pa laikam rodas apstākļi, kuros eļļa un sāpes var sagādāt viņam kādu lielu prieku.Ņemot triviālu piemēru, kurš no mums kādreiz veic smagus fiziskus vingrinājumus. , izņemot, lai no tā iegūtu kādu labumu? Bet kam ir tiesības atrast vainu vīrietī, kurš izvēlas baudīt baudu, kam nav kaitinošu seku, vai tādu, kurš izvairās no sāpēm, kas nerada nekādu baudu?"  1.10.33. punkts "de Finibus Bonorum et Malorum", ko Cicerons uzrakstīja 45. gadā mūsu ērā. "At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias izņemoturi sint occaecati cupiditate non provident, similique sunt in culpa eteruganimint molloidiaestrum a labor eteruganimint quiloidiaestrum qui Dem rerum facilis est et expedita atšķirība. Eveniet "ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat."  tulkojums angļu valodā, 1914, H. Rackham "No otras puses, mēs nosodām ar taisnīgu sašutumu un nepatiku pret vīriešiem, kuri ir tik ļoti savaldzināti un demoralizēti ar mirkļa baudas valdzinājumu, tik ļoti apžilbināti ar vēlmi, ka nespēj paredzēt sāpes un nepatikšanas, noteikti var rasties; un vienlīdz vainojami ir tie, kas nepilda pienākumus gribas vājuma dēļ, kas ir tas pats, kas teikt, atkāpjoties no darba un sāpēm. Šie gadījumi ir pilnīgi vienkārši un viegli atšķirami. Brīvā stundā, kad mūsu izvēles tiesības ir neierobežotas, un, ja nekas neliedz mums darīt to, kas mums patīk vislabāk, katrs prieks ir apsveicams un no katras sāpes jāizvairās. Taču noteiktos apstākļos un sakarā ar pienākumiem vai biznesa saistībām tas bieži vien notiks gadās, ka prieki ir jānoraida un kairinājumi jāpieņem. Tāpēc gudrs cilvēks vienmēr turas pie šī atlases principa: viņš atsakās no baudām, lai iegūtu citus lielākus priekus, vai arī viņš pacieš sāpes, lai izvairītos no sliktākām sāpēm.