Lekcija 5.

U ovoj lekciji mi:
1. Saznajmo kako to učiniti html kod bio nam je praktičniji i lakši za čitanje.
2. Pogledajmo kako ispravno prelomi red teksta.

Izrada html koda praktičnim.

Sada je naš kod jasan i lak za čitanje, jer ima malo teksta i praktički nema oznaka. Kada izradimo složeniju stranicu, bit će mnogo oznaka, pa će biti teško pronaći pravu.

Kako biste izbjegli nered oznaka, prvo morate rasporediti oznake i linije tako da ih je vizualno lakše uočiti. Kada preglednik čita informacije iz html stranice, nije mu bitno koliko razmaka i koliko praznih redaka ima u kodu.

Promijenio sam tekst u kodu stranice u odnosu na onaj koji smo stvorili, ali to nije važno. Lijeva i desna slika pokazuju isti kod. Obje opcije preglednik će prikazati na zaslonu monitora potpuno isto. Slažem se, rad s kodom prikazanim s desne strane bit će puno lakši nego s onim s lijeve strane.

Kod koji gledamo je vrlo jednostavan, ali već sada je primjetna razlika u vizualnoj percepciji. Ne postoje posebna pravila za "stavljanje stvari u red", svaki majstor za sebe odlučuje kako mu je prikladnije raditi.

HTML prijelom retka. Oznaka <br>.

Obratite pozornost na sliku. U prvoj verziji tekst je napisan u jednom redu, u drugoj verziji u dva retka.

Preglednik će obje opcije prikazati isto. Tekst će biti napisan u jednom redu:

Pitate se zašto je to tako? Doista, u jednom od kodova dio teksta je premješten u drugi redak. Bilo bi logično da se u pregledniku dio teksta također pomakne u drugi red, ali html ima svoju logiku po tom pitanju. Ako napravimo prijelom retka u html kodu, onda je to za preglednik jednako jednom razmaku(poput pravilnog razmaka između riječi u tekstu). Ako dio teksta pomaknemo ne jedan red prema dolje, već 2 ili 3 (bilo koji broj), tada će preglednik i dalje ovu udaljenost smatrati jednim pravilnim razmakom između riječi i kada se prikaže na ekranu, tekst će biti napisan u jednom retku .

Oznaka <br>

Kada smo se u trećoj lekciji upoznavali s tagovima, spomenula sam da postoje tagovi koji ne zahtijevaju zatvaranje. Označiti <br> jedan od njih se koristi za prijelom retka.
Primijenimo to u kodu:

Umetnuli smo oznaku <br> u naš html kod i sada kada pokrenete datoteku kroz preglednik, dio teksta će biti prebačen u sljedeći redak.
* Ne zaboravite spremiti promjene u Notepad (Ctrl + S) i osvježiti stranicu u pregledniku (F5).

Svi ili gotovo svi se koriste u izgledu. Koliko nas je unijelo kod
Pitam se: je li on doista potreban ovdje? Među neiskusnim dizajnerima izgleda često možete vidjeti izglede ove prirode: izgled izbornika

Također možete pronaći ove prekrasne odlomke:

Može se postaviti pitanje: ako stranica prikazuje sve prema dizajnu, što nije u redu? Ali ovdje to nije slučaj - ovaj užasni, krivi, jadni kod, koji govori o vrlo niskim kvalifikacijama dizajnera izgleda, koji se nije ni potrudio razumjeti zadatke.

primijeniti
za oblikovanje odlomaka, to je isto kao zakucavanje čavala odvijačem (ovo je također alat, zašto ne zakucati drugi čavao).

Čemu služi oznaka?
?

ažuriranje 23.02.10. - s “trikovima” s razmakom: prethodno morate biti oprezni jer S ovim oblikovanjem, linije koje ne stanu u blok ne prenose se automatski u nova linija. To se posebno odnosi na gumene dizajne. U takvim slučajevima, još uvijek morate koristiti
.

P (razmak: pre;)

Bilješka

Zajednica ljubitelja semantičkog rasporeda uopće nije bila uključena
V .

Tamo gdje ne bi trebalo biti
?

• koristite oznake za njihovu namjenu: za odlomke - ovo< >, za popise i -< >, < >, < >itd.;
• za oblikovanje teksta i postavljanje uvlaka koristite, kao što su , ;
• koristiti pojedinačni elementi za stvaranje nizova (za to su najbolji elementi neutralnog označavanja< >I< >).

Pogledajmo neke praktične primjere. Odlomci:

Rješenje visokih performansi ima izvrsne propusnost- do 6,2 Gbps, i idealan je ne samo za glasovni i video prijenos, već i za nove aplikacije koje zahtijevaju propusnost kao što su internetske igre.

SGSN može podržati do 1,5 milijuna aktivnih PDP sesija.

P (margina-dno: 12px; )

Nekoliko redaka telefonskih brojeva:

Kada se prikaže tekstualni dokumenti U pregledniku se mjesto prijeloma retka unutar odlomka automatski određuje ovisno o veličini fontova i veličini prozora za gledanje. Prijelomi redaka mogu se izvesti samo pomoću znakova za razdvajanje riječi (na primjer, razmaka). Ponekad u dokumentima morate postaviti prisilni pomak redaka, koji se implementira bez obzira na postavke preglednika. To se radi pomoću oznake prisilnog uvlačenja retka.
, koji nema odgovarajuću završnu oznaku. Omogućavanje oznake
u tekst dokumenta osigurat će da sljedeći tekst bude smješten na početku novog retka. Na primjer, ovaj se pristup može koristiti za stvaranje struktura tipa popisa bez upotrebe posebnih oznaka popisa. Ili, na primjer, ova oznaka se ne može koristiti za prikaz pjesama, itd.

Evo primjera korištenja prisilnog uvlačenja linije (Sl. 1.8):

Nad zamračenim Petrogradom

Studeni je odisao jesenskom hladnoćom.

Zapljuskivanje bučnim valom

Do rubova tvoje vitke ograde,

Neva se bacakala uokolo kao bolesna

Nemirna u mom krevetu.

A. S. Puškin. Brončani konjanik

Riža. 1.8. Označiti
može se koristiti za prisilno pomicanje redaka

Za razliku od oznake paragrafa

Prilikom korištenja oznake
neće se generirati prazan niz.

Korištenje oznake
zahtijeva oprez - moguće je da je preglednik već napravio prijelom retka jednu ili dvije riječi prije nego što je naišao na vašu oznaku
. To se događa ako je širina prozora preglednika čitača manja od iste postavke programa s kojim ste testirali svoj dokument. U tom slučaju može se pokazati da samo jedna riječ ostaje u retku u sredini odlomka, čime se narušava ljepota izgleda dokumenta.

Bilješka

Prilikom korištenja oznake
Da biste razbili tekst oko slike ili tablice, možete postaviti parametar CLEAR da zaustavi prelamanje teksta. O tome možete čitati u poglavljima 3 i 4.

Oznake u

Postoje situacije kada trebate izvršiti suprotnu operaciju - onemogućiti pomicanje retka. Za to postoji oznaka spremnika . Tekst označen ovom oznakom zajamčeno će stati u jedan redak, bez obzira na njegovu duljinu. Ako se rezultirajuća linija proteže izvan prozora preglednika, pojavit će se vodoravna traka za pomicanje.

Označavanje teksta oznakom neprekinutog retka možete dobiti vrlo dugačke žice. Da biste to izbjegli, možete čitateljevom pregledniku naznačiti mjesto mogućeg pomicanja redaka, koje će se izvršiti samo kada je potrebno (tzv. "soft" pomicanje redaka). To se može učiniti postavljanjem oznake na pravo mjesto u tekstu (Word BReak), što je isto što i oznaka
, ne treba završnu oznaku.

Bilješka

Označiti preglednik Netscape uopće ne podržava. preglednik Microsoft Internet Explorer prepoznaje ovu oznaku samo u označenom tekstu .