Definira grupu redova na dnu tabele - podnožje. Više detalja
|
Mesto gde je dozvoljen prelom reda. |
Naslijeđene HTML oznake Kako zamijeniti zastarjeli HTML tag? U većini slučajeva, CSS Cascading Style Sheets će poslužiti. Postoje i alternative za oznake koje se ne koriste u novoj specifikaciji unutar HTML-a. Tabela ispod prikazuje zastarjele HTML oznake s opcijama za njihovu zamjenu.
Tag Kratak opis
|
Akronim. Umjesto toga koristite oznaku |
|
Ugrađeni applet. Koristite ili umjesto toga. |
|
Određuje boju, veličinu i porodicu fontova za sav tekst u dokumentu. Koristite ga umjesto toga |
|
Veći tekst. Koristite ga umjesto toga |
|
Centriran tekst. Koristite ga umjesto toga |
|
Lista imenika. Koristi |
|
Određuje boju, veličinu i porodicu fonta. Koristite ga umjesto toga |
|
Okvir unutra. Koristite ga umjesto toga |
|
Definira skup okvira. Za dodavanje više inline okvira, koristite više elemenata |
|
Alternativni tekst ako okviri nisu podržani |
|
Precrtan tekst. Koristite ili umjesto toga |
|
Jednorazredni tekst. Koristite ga umjesto toga |
|
Podvučeni tekst. Koristite ga umjesto toga |
U prošlom članku sam vam govorio o tome kako ih koristiti itd. A danas ću vam reći o još jednom sastavnom dijelu u izgradnji web stranice, odnosno o atributima html tagova. I naravno, po tradiciji, pogledat ćemo ih na primjerima uživo i isprobati na našoj web stranici s Lukomorye, koju smo predstavili u prošlom članku.
Atribut je poseban dodatak oznaci koji proširuje njene mogućnosti i može promijeniti svojstva sadržaja. A ako je oznaka uvijek fiksna, onda atribut može imati mnogo vrijednosti. Na primjer, u tag možemo staviti atribute boje teksta, veličine teksta, fonta itd. Ali font ćemo detaljnije pogledati u drugom članku.
Postoje univerzalni i neuniverzalni atributi. Univerzalne su pogodne za gotovo sve oznake, a one neuniverzalne za jednu ili više, ali ne sve...
Atribut se upisuje unutar oznake nakon njene vrijednosti, ali prije zagrade ugla. Prvo se stavlja sam atribut, zatim znak jednakosti, a zatim sama vrijednost u navodnicima. izgleda ovako: Tekst
Šta slijedi iz ovog primjera? Otvorili smo pasus, a unutar oznake postavljamo atribut align, koji je odgovoran za poravnavanje teksta. Zatim stavljamo znak “=”, što znači da ovom atributu dodjeljujemo vrijednost. Dalje u navodnicima pišemo upravo ovu vrijednost. U ovom slučaju to je "centar". To znači da će tekst u ovom (i samo ovom!) pasusu biti centriran. Probajte sami.
Ali ne zaboravite da pogledate web stranicu htmlbook. Tamo ćete sigurno pronaći šta odgovara čemu. Ovo je jednostavno desktop referenca za svakog web developera, posebno početnika.
Kao što ste već shvatili, ovaj atribut znači poravnavanje teksta. Obično se stavlja u one tagove koji su odgovorni za sam sadržaj (tekst, slike itd.). U principu, možete ga staviti u naslove (,...,), u paragrafe ( ), slike , blok element ().
Moguće vrijednosti atributa:
- lijevo — lijevo poravnanje (zadano)
- desno — desno poravnanje
- centar — poravnanje po sredini
- justify - poravnanje po cijeloj širini
Pokušajte vježbati i vidjeti kako se raspored vaših elemenata mijenja.
Naslov Poznato ime, zar ne? Zaista. Postoji takva oznaka i stavljamo je između i . Ali sada govorim konkretno o atributu, i on odgovara gotovo svakoj oznaci, budući da je univerzalan. I potreban je kao nagoveštaj pri lebdenju. A poenta je da vi sami pišete ovaj trag. To izgleda otprilike ovako:
Šta je 5-3?
Šta vidimo ovdje? Na početku otvorimo pasus, zatim upišemo sam atribut i damo mu vrijednost „Zašto si glup? Biće 2." Zatim pišemo prikazani tekst, a na kraju zatvaramo tag
.
Šta se dešava nakon ovoga? Sačuvajte dokument i uvjerite se sami. Kada zadržite pokazivač iznad teksta, trebao bi se pojaviti opis alata. Višestruke vrijednosti Jedna oznaka može sadržavati bilo koji broj atributa. Glavna stvar je da odgovaraju ovoj etiketi. Evo primjera:
Sadržaj
Kao što vidite, ovdje je sve prilično jednostavno, samo trebate napisati sve atribute odvojene razmakom u jednu oznaku. Iz ovog primjera vidimo da će sadržaj biti poravnat udesno, a kada pređemo preko njega kursorom miša, pojavit će se tooltip. To je jednostavno. Nadam se da je sve jasno?
Pa, vratimo se sada našem Lukomorju, što smo radili na prošloj lekciji. Živi primjer - Poravnajte sav tekst u dokumentu sa "Lukomorye" u sredinu (zajedno sa naslovima),
- U naslovu prvog nivoa stavite nagoveštaj „Autor rada je A.S. Puškin"
Ako nemate završenu datoteku iz prethodne lekcije, uzmite je i unesite sve potrebne atribute kako bi sve funkcioniralo prema zadatku.
A prema tradiciji, u početku sve radite sami. A ako to ne uspije, pogledajte korake koje sam napisao u nastavku.
Nakon toga, sačuvajte html dokument i pokrenite ga. Hajde da proverimo šta imamo. Da li je sve tačno? Mislim da bi ti sve trebalo da prođe. Ali ipak, osjećam da su mnogi od vas umorni od stavljanja atributa u svaki katren. Pokazat ću vam kako da olakšate ovaj proces.
Ako trebate dodati isti atribut nekom velikom segmentu, onda će nam oznaka pomoći u tome. DIV je jednostavno prazan blok element koji služi kao neka vrsta kontejnera za grupisanje. Ovdje možete staviti različite atribute u svrhu njihove primjene na zajednički fragment. A ako općenito želite primijeniti atribut na cijeli dokument, onda ga općenito možete napisati u glavnoj oznaci.
Općenito, u ovom slučaju, ne morate stavljati atribut align="center" u svaku oznaku. Samo treba da ga stavite ispred naslova, i zatvorite ga uz pomoć na kraju celog teksta. Pa, unutra stavljamo align="center" , ali samo jednom. Po mom mišljenju to je mnogo brže i praktičnije i na kraju se dešava isto.
Pa kako? Da li razumete opšti princip? Samo ćemo nastaviti da učimo još više. Glavna stvar je da razumijete princip raspoređivanja oznaka i atributa. Ako je potrebno, postavite svoja pitanja. Biće mi drago da im odgovorim.
Pa, za potpunu obuku o principu kreiranja web stranice, preporučujem da pogledate odličan video kurs “HTML5 i CSS3 od nule do profesionalca”. Tamo ćete naučiti HTML, CSS, naučiti kako dizajnirati web stranice za posjetnice, blogove, pa čak i online trgovine. Kurs je jednostavno fantastičan za početnike web programera.
Pa, završio sam za danas. Nadam se da vam se dopao članak i da vam je bio koristan. Ne zaboravite da se pretplatite na ažuriranja mog bloga kako biste uvijek bili svjesni najzanimljivijih stvari i ne propustite nove lekcije. Pa, pozdravljam se za danas. Želim vam uspjeh u savladavanju gradiva. Ćao ćao!
Srdačan pozdrav, Dmitry Kostin.
U HTML-u, sve što napišete u HTML dokumentu biće prikazano na ekranu pretraživača kao čvrst tekst, to jest, pretraživač ignoriše prelome redova, a nekoliko razmaka koje upišete u redu se zamenjuju jednim.
Oznake su kontrolne komande koje su izmišljene da bi se formatirao tekst, tj. oznake govore pretraživaču kako da prikaže dio teksta zatvorenog u tagovima. Da biste kreirali oznaku, unesite HTML kod između ugaonih zagrada, koji je namijenjen samo pretraživačima. Posjetioci stranice ne vide oznake.
Kao što je gore navedeno, sve oznake počinju ugaonom zagradom< и заканчиваются угловой скобкой >. Ugaonu zagradu otvaranja slijedi naziv oznake (naredbe).
Na primjer, oznaka je namijenjena da naglasi tekst; pretraživači takav tekst prikazuju kurzivom. Kada pretraživač naiđe na ovu oznaku, on se prebacuje na formatiranje teksta koji slijedi nakon oznake u kurzivnom fontu.
Pogledajmo primjer: Ovaj tekst je normalan. Ovaj tekst je u kurzivu.
Oznaka se naziva startna ili početna oznaka, što znači da je pretraživač uključio određenu naredbu (u ovom slučaju, pisajući je kurzivom). Većina oznaka ima par u obliku završne oznake koja onemogućuje naredbu.
Završna oznaka izgleda isto kao i početna, ali počinje kosom crtom. Dakle, krajnja oznaka za kurziv je .
Pogledajmo primjer: Ovaj tekst je normalan. Pažnja! Kurziv. Ovo je opet običan font. Kao što ste možda primijetili, pretraživač sekvencijalno analizira HTML dokument u potrazi za naredbama (tagovima) i primjenjuje ili onemogućuje različite opcije oblikovanja teksta. Pretraživač u svom prozoru prikazuje formatirani tekst (sve što nije oznaka).
Proces umetanja oznaka u običan, neformatirani tekst naziva se označavanje u HTML dokumentu, a oznake se nazivaju znakovi za označavanje. Prilikom pisanja oznaka ne uzima se u obzir velika i mala slova, oznaka se može pisati i malim i velikim slovima, ali se ipak preporučuje upotreba velikih slova. |
Ispod su primjeri osnovnih HTML oznaka, s objašnjenjem njihove upotrebe, kao i primjeri kako se mogu koristiti u HTML dokumentu. Naslovi Postoji posebna oznaka za određivanje naslova u HTML-u. Postoji 6 nivoa naslova u HTML-u, od onih za najvažnije najave, do onih za najmanje važne.
Najbolji članci na ovu temu
|