Notă

Pentru a asigura continuitatea textului situat în tabelele tabelelor, există un parametru special al etichetei Nowrap. Acest lucru poate fi găsit în capitolul 4.

Lecția 5.

În această lecție:
1. Aflați cum să faceți codul HTML. A fost mai convenabil pentru noi și citiți cu ușurință.
2. Vom analiza cum să facem corect transferul șirului de text.

Facem codul HTML convenabil.

Acum, codul nostru este de înțeles și ușor de citit, deoarece există puține text în el și nu există practic etichete. Când creăm o pagină mai complexă, vor fi multe etichete acolo, în consecință, consideră că va fi dificil de găsit.

Pentru ca nici un terci de la etichete, trebuie să aranjați inițial etichete și linii astfel încât să fie percepute vizual mai ușor. Când browserul citește informații de la pagini HTML., El nici o diferență Câte spații și câte rânduri goale în cod.

Am schimbat textul în codul paginii despre cel pe care l-am creat, dar nu contează. În stânga și pe figura dreaptă, arată același cod. Ambele opțiuni vor fi afișate Browserul de pe ecranul monitorului este absolut același. Sunt de acord, colaborarea cu codul descris în dreapta va fi mult mai ușor decât cu faptul că în partea stângă.

Codul este foarte simplu, dar chiar acum diferența de percepție vizuală este vizibilă. Nu există reguli specifice pentru "ordinul indicator", fiecare maestru decide cum este mai convenabil să lucrați.

Transferarea șirului HTML. TAG & LTBR & GT.

Acordați atenție desenului. În prima variantă, textul este scris într-o singură linie, în a doua versiune în două rânduri.

Browserul va afișa ambele opțiuni în mod egal. Textul va fi scris într-o singură linie:

Te întrebi de ce așa? Într-adevăr, într-unul din coduri, partea din text este transferată într-un alt șir. Ar fi logic dacă, în browserul, partea textului sa mutat, de asemenea, la o altă linie, dar HTML are logica proprie în acest sens. Dacă luăm linia în cod HTML, atunci pentru browser este echivalent cu un spațiu (ca un decalaj obișnuit între cuvinte din text). Dacă transferăm o parte din text, nu o linie în jos și 2 sau 3 (orice număr), atunci browserul va citi în continuare această distanță pentru un spațiu obișnuit între cuvinte și când afișați textul, textul va fi scris într-un rând .

TAG & LTR & GT

Când ne-am familiarizat cu etichetele din a treia lecție, am menționat că există etichete care nu necesită închidere. Etichetă & Ltb & gt Unul dintre ele servește la transferul șirului.
Să o aplicăm la cod:

Am introdus eticheta & Ltb & gt În codul nostru HTML și acum când porniți un fișier printr-un browser, o parte din text va fi transferată la următoarea rulare.
* Nu uitați să salvați modificări la Notepad (Ctrl + S) și să începeți o pagină din browser (F5).

Etichetă
Setează traducerea șirului în locul unde se află această etichetă. Spre deosebire de eticheta paragrafului

Utilizarea etichetei BR nu adaugă o indentare goală în șir. Dacă textul în care este utilizat traducerea șirului, curge în jos de elementul plutitor, apoi utilizați parametrul de etichetă Clear
Se poate face astfel încât următoarea linie să înceapă sub element.

Sintaxă

Text
text

Parametri

Tag-ul de închidere

Nu este necesar.

Exemplu 1. Utilizarea unei etichete

R.L. Stevenson.

Vara din țară a venit,

Heather înflorește din nou.

Dar nimeni nu gătește

Heath Honey.

Descrierea parametrilor etichetei

Parametru clar

Descriere

Parametrul clar raportează browserul, cum să proceseze următorul șir dacă textul curge în jos elementul plutitor. Elementul plutitor este numit imaginea în care este setat parametrul align sau un strat la care este aplicat cSS proprietate Pluti.

Rezultatul utilizării parametrului clar depinde de marginea prin care elementul și valorile argumentului clar sunt aliniate. Deci, dacă imaginea este aliniată la marginea din stânga și valoarea parametrului de etichetă clar
Instalat ca toate sau stânga, text după etichetă
vor fi afișate sub figura. Orice alte valori ale parametrului clar vor forța textul să fie lăsat din imagine și să îl susțină.

Sintaxă

Argumente

Valoare implicită

CSS analogic.

Exemplul 2. Anulați fluxul de text

DUIS Autem Dolor în Hendrerit în Velit Velit Esse Molestie Consequat, Vel Illum Dolore UE Feugiat Nulla Facilisis la Vero Eros și Acumsan et Iusto Odio Dignissim qui Blandit Praesent Lupatum Zzrril Delenit Au DUIS DOLORE TE FEUGAT NULLA FACILISI.

Notă

Utilizarea parametrului clar în specificația HTML 4 este condamnată și se recomandă aplicarea element CSS. Ștergeți - BR (Ștergeți: Ambele | Stânga | Nici unul | Dreapta).

Formatarea etichetelor

Toate sau aproape toată lumea este folosită în aspect. Mulți dintre noi, punând codul
Gândire: Are nevoie de aici? Printre vestovele neexperimentate adesea puteți vedea aspectul acestui caracter: aspectul meniului

Și puteți îndeplini, de asemenea, astfel de paragrafe minunate:

Se poate afirma o întrebare: dacă totul este afișat pe site, ce sa întâmplat aici? Și nu aici - acest coșmar, curbă, cod lasmer, care vorbește despre o calificare foarte scăzută a vestismului, care nu sa deranjat să rezolve chiar și numirile.

Utilizare
Pentru formarea de paragrafe, este ca și cum să înscrieți unghiile cu o șurubelniță (acesta este, de asemenea, un instrument, de ce nu scor un cui, altul).

Pentru care eticheta este destinată
?

actualizați 23.02.10 - cu "Focus" cu spațiu alb: Pre nu trebuie să fie atent, pentru că Cu această formatare a șirului care nu se încadrează în bloc nu sunt transferate automat la noul șir. Acest lucru este valabil mai ales pentru modelele de cauciuc. În astfel de cazuri, este încă necesar să se aplice
.

P (spațiu alb: pre;)

Nota

Comunitatea fanilor layout semantic nu a pornit
în.

Unde nu ar trebui să fie
?

• utilizați etichete de destinație: Pentru paragrafe - este< >, pentru liste și -< >, < >, < > etc.;
• pentru a forma setările de text și de referință, cum ar fi, cum ar fi;
• utilizare elemente separate Pentru a crea rânduri (pentru aceasta, elementele de marcare neutre sunt cele mai potrivite.< > și< >).

Luați în considerare câteva exemple practice. Paragrafe:

Soluția de înaltă performanță are un mare de transfer - Până la 6,2 Gbps, și ideal nu numai pentru transmisia vocală și video, ci și pentru noi aplicații, exigente pentru lățime de bandă, cum ar fi jocuri on-line.

SGSN este capabil să sprijine până la 1,5 milioane de sesiuni PDP active.

P (margine-fund: 12px;)

Mai multe linii de numere de telefon:

Salutari. Desigur, în HTML, transferul de rând poate fi făcut în două moduri. Dacă utilizați un editor vizual WordPress, atunci acesta adaugă automat transferuri de șir cum se întâmplă programul Microsoft. Cuvânt sau oricare altul editor de text. Dar uneori este necesar să lucrăm cu text în cod. Cum să faceți un transfer de rând în codul HTML?

Noi purtăm șirul

Pentru a face acest lucru, HTML are o singură etichetă unică -
(Abreviat OT. pauză). Ce face el? Întregul text scris după această etichetă va fi retras dintr-o linie nouă. Chiar dacă linia curentă Rămâne un loc pentru producția sa, acesta va fi în continuare transferat.

Folosind br.

Utilizați eticheta numai atunci când nu este necesar să începeți un nou paragraf și să aduceți textul doar pe Șir nou. De exemplu, trebuie să scrieți o poezie. Pentru a nu introduce fiecare linie a unui verset în eticheta paragrafului, puteți să scrieți pur și simplu o etichetă la sfârșitul fiecărei linii
Și apoi următoarea linie se mișcă în jos. Așa este simplu.

Eticheta nu trebuie utilizată ca o alternativă la paragrafe. Merită să ne amintim că se formează o liniuță între paragrafe, o altitudine este egală cu un șir gol. Când se transferă cu BR, retragerea este mai mică.

Cum să faci o mulțime de transferuri?

Și ce să faceți dacă trebuie să faceți după un text, faceți o mare indentare din conținut suplimentar. Există două opțiuni cum să o faceți. Puteți scrie o mulțime de etichete br. Deci, puteți face un număr infinit de transferuri.

Dar este mai bine să faceți mai corect. Puteți solicita paragraful drept al unei clase de stilist și apoi prin CSS a pus o liniuță mare de jos.

Paragraf

Abzac (
Margin-fund: 100px;
}

În acest caz, o liniuță va fi setată la 100 pixeli. În consecință, linia poate fi înregistrată.