Oznaka je posebna rezervirana riječ zatvorena u ugaone zagrade (na primjer, ). Oznaka je glavna komponenta HTML-a: kod počinje s njom, završava se s njom, a informacije prikazane na web stranici sadržane su unutar oznaka. Preporučuje se da ih pišete malim slovima, odnosno običnim malim slovima: ne, ali.
Koje su vrste oznaka?Većina HTML oznaka je uparena: postoji oznaka za otvaranje (na primjer, ) i oznaka za zatvaranje, koja se razlikuje od početne oznake kosom crtom (/) iza prve ugaone zagrade (na primjer, ). Sve što se nalazi unutar para oznaka naziva se njihovim sadržajem.
Sadržaj Tekst postavljen unutar ovih oznaka postaje podebljan
Postoje i neuparene (pojedinačne) oznake koje se nazivaju tagovi. Njih, za razliku od uparenih oznaka, nije potrebno zatvarati, jer ne rade sa sadržajem, već samostalno obavljaju neku funkciju. Primjer jedne oznake -
. Postavlja da se tekst prelama u sljedeći red.
Ako povučemo paralele s ruskim jezikom, možemo reći da su uparene oznake navodnici ili zagrade koji utiču na svojstva teksta sadržanog u njima (pokušajte da ne zatvorite navodnike na vrijeme), a pojedinačne oznake (znakovi) su interpunkcijski znaci ( uzvik, pitanje ili tačka).
Bilo koja oznaka se sastoji od:
- Otvoreni ugaonik (< ).
- Posebna riječ (ime oznake). Na primjer, hr , iframe , b .
- Ugaona zagrada za zatvaranje (> ).
Budući da su oznake osnova jezika za označavanje, nije iznenađujuće da ih ima dosta. Pogledajmo glavne, najvažnije oznake.
- - jedan tag koji sadrži komentar. Komentar je tekst koji pretraživač ne obrađuje. Možete napisati šta god želite unutar oznake, čak i druge oznake - neće raditi, neće se pojaviti na ekranu. Programeri komentiraju kod ili kako bi ga drugi webmasteri lakše razumjeli ili kako bi ga nakon dugo vremena mogli sami brzo razumjeti.
- , , , , su oznake koje bi trebale biti prisutne u svakom pristojnom HTML dokumentu (za više detalja pogledajte “Kako kreirati web stranicu u Notepad-u”).
- - oznaka sadrži pomoćne informacije za pretraživače i pretraživače. Unutar njega možete napisati ključne riječi, opis stranice, kodiranje dokumenta, ime autora itd.
- sadrži vezu do datoteke skripte ili samog koda.
- - oznaka koja postavlja stil dokumenta i/ili njegovih elemenata koristeći CSS. HTML dokument može sadržavati mnogo oznaka koje definiraju različite stilove za različite dijelove stranice.
- - sušta suprotnost, dopunjujući je. Oznaka specificira “header” (naslov) dijela ili cijele stranice.
- pohranjuje "noge" stranice ili odjeljka. Unutar njega možete postaviti prateće informacije, autorska prava, kontakt informacije itd.
- sadrži glavni sadržaj stranice. Ni zaglavlje, ni blok menija, ni "noge" stranice, već ono zbog čega je stranica kreirana. Na primjer, na stranici koju sada čitate, ovaj članak bi trebao biti smješten unutra.
- dizajniran za kreiranje linkova. Linkovi su korijen hiperteksta, zbog čega je ovaj članak posvećen njima.
- potrebno za dodavanje slika na web stranicu (na usluzi je ovoj akciji).
-
,
, - , , ,, , , i druge oznake za oblikovanje teksta čine veliku grupu HTML oznaka; o njima se govori u članku “Formatiranje teksta u HTML-u”.
- - blok element. Tekst unutra je formatiran pomoću CSS-a (kaskadni stilski listovi, što je predmet drugog dijela tutorijala).
- . Imate paragraf
ili blok Tekst u njemu je dizajniran u istom stilu, ali biste željeli, bez narušavanja strukture, osigurati da nekoliko riječi ima različitu veličinu ili boju fonta. Oznaka je namijenjena za takve situacije.
-
,
-
,
- - lista oznaka. Označeno, numerirano - rad ovih oznaka. Postoje i liste definicija za koje su tagovi odgovorni, i, ali ćete o svih šest detaljno naučiti u članku “Kreiranje lista”.
, , ,
, And koriste se pri kreiranju tabela i detaljno su obrađeni u posebnom članku. - - oznaka koja stranici dodaje interaktivnost, odnosno omogućava korisniku interakciju sa web-stranicom. Naravno, obrascu je potreban rukovalac, ali uz pomoć tagova unutar možete kreirati interfejs. Polje za potvrdu, dugmad, radio dugmad, polja za unos i drugi objekti koji zahtevaju aktivne akcije od vas su elementi obrasca čiji je kod smešten unutar kontejnera.
- - oznaka koja stvara interaktivno dugme. Da bi se nešto dogodilo kada kliknete na njega, dugme mora biti u formi (nalazi se između oznaka).
- kreira elemente obrasca: prekidače, potvrdne okvire, dugmad, sve vrste polja za unos. Ubačen u kontejner. Ali zašto su nam potrebne posebne ako postoji univerzalna? omogućava vam da kreirate dugme sa naprednim parametrima. Na primjer, možete postaviti sliku na dugme. Ovo se ne može učiniti na elementu kreiranom putem .
- i - oznake za kreiranje menija u HTML 5. - ovo je kontejner unutar kojeg se postavljaju elementi čijim dodavanjem se kreiraju stavke menija. Prilično zanimljiv par. Na primjer, uz njegovu pomoć možete kreirati vlastiti kontekstni meni za stranicu ili njen pojedinačni element.
- - još jedna oznaka obrasca koja stvara veliko polje u njemu, u koje možete unijeti ne samo jedan red teksta, već cijele pasuse.
Pozdrav, dragi čitaoci blog stranice. U stvari, ovaj izraz ima nekoliko značenja koja se ne uklapaju ni na jedan poseban način. O svakom od njih pokušat ću govoriti u ovoj publikaciji.
Naučićete šta su HTML tagovi i po čemu se razlikuju od meta tagova, a takođe ćete naučiti kako se oznake koriste kao oznake na sajtovima (njihova je raznovrsnost), i na kraju, daćemo opšti pogled na muzičke oznake u audio fajlovima. Eto koliko ovaj termin postaje višeznačan.
Ali u svim slučajevima, riječ "tagovi" znači označavanje ili web stranice pomoću HTML koda, ili cijele stranice pomoću oznaka, ili vaše muzičke kolekcije označavanjem albuma i pjesme.
Šta su oznake na web stranici (oznake za kreiranje navigacije)Počnimo jednostavno. Vjerovatno ste svi vidjeli da ispod nekih članaka na web stranicama postoji polje koje se zove oznake ili oznake, gdje su navedene neke riječi. Zašto se to radi? Općenito, za olakšavanje navigacije na ovoj stranici ().
Kao oznake koriste se takozvane ključne riječi, čiji skup ukratko karakterizira publikaciju (na primjer, za glavnu stranicu mog bloga bi odgovarao sljedeći skup oznaka: kreiranje web stranice; promocija; promocija web stranice; zarada).
Uz pomoć ovih riječi bit će moguće jasno odrediti o čemu se radi u ovom članku. Ali njihova glavna vrijednost nije to, već činjenica da posjetitelj može kliknuti na bilo koju oznaku i vidjeti listu svih članaka na stranici na kojoj se pojavio. U suštini, to je moćan alat za klasifikaciju informacija.
Kako ne bi tražili potrebne oznake pod člancima, vlasnici web stranica vrlo često kreiraju takozvani oblak tagova, koji se može postaviti u lijevu ili desnu kolonu stranice ili u njeno podnožje (dole). Ova sramota u praksi može izgledati ovako:
Obično navodi najpopularnije oznake, a sve oznake možete pogledati klikom na odgovarajući link. Ponekad se češće korišćene oznake (pojavljuju se u više članaka na ovom sajtu) prikazuju većim, a manje korišćene manjim fontom.
Ponekad se kreira posebna stranica za njihovo prikazivanje, kao što je prikazano na prethodnom snimku ekrana.
Zašto se ova metoda označavanja ne koristi na svim web stranicama ako je pogodna za korisnike? Nema ih ni na mom blogu, za šta postoji niz objašnjenja. Iako je njihova upotreba standardno predviđena, postoji i mnogo dodataka za rad sa oznakama.
Da, oznake rade odlično kada imate nekoliko članaka i dobro pamtite sve oznake koje ste već kreirali i koristili u drugim člancima. Ali s povećanjem broja materijala, broj oznaka se naglo povećava; počinju se djelomično umnožavati kada se koriste ključne riječi koje su bliske po značenju.
To rezultira ogromnom zbrkom, čija je vrijednost u smislu poboljšanja navigacije, po mom mišljenju, prilično sumnjiva. U tu svrhu, na velikom web projektu, bolje je koristiti pretragu web stranice. Iako oznake dobro funkcioniraju na društvenim mrežama, gdje možete koristiti oznake za kombiniranje informacija od različitih korisnika i pregledavanje na jednom mjestu. .
Šta su HTML oznake?Prvi put sam odlučio da ih proučim prije petnaest godina, ali tada nisam napredovao dalje od oznake Title. Onda sam naišao na besplatni video kurs Evgenija Popova o Html-u i stvari su išle dobro. Naravno, taj kurs je bio samo početna faza, ali upravo ova jednostavna prezentacija često nedostaje početnicima.
Ove lekcije pokrivaju osnovne oznake, pomoću kojih možete lako kreirati tabele, umetati slike i hiperveze u tekst, dodati različite forme sajtu i još mnogo toga. Ukupno 33 besplatna videa na HTML teme.
Ali video kurs je video kurs i moram da vas zainteresujem da ga preuzmete i pogledate. Iz opštih fraza nije jasno koje su oznake u HTML jeziku i zašto ih trebate proučavati. Oh, ovo je sjajna i jednostavna stvar koja će vam omogućiti da postanete gospodar svoje web stranice. Zašto vam je potrebna web stranica?
Pa, vjerovatno, prije svega, za samoizražavanje i trud, a drugo - . Samo ćuti, inače će svi čuti i trčati da prouče šta su tagovi, napravi web stranice i zaradi sve što samo ti možeš da zaradiš, a ja sam u društvu. Stoga ću nastaviti da govorim isključivo šapatom.
Internet se može uporediti sa televizijom, gde pravite sopstveni mali program (napravite veb stranicu koristeći oznake) i primate prihod od oglašavanja. Što je vaša emisija (internet projekat) popularnija, više ćete zaraditi. Ne postoji gornja granica, iako ne postoji ni donja granica. Ali ne morate ulagati novac, samo svoj rad i vrijeme provedeno u proučavanju oznaka, kako motor radi i, zapravo, popunjavanju stranice sadržajem.
Dakle, tagovi su najjednostavniji elementi za označavanje web stranice tako da pretraživač, prilikom učitavanja sa servera, razumije kako točno prikazati određeni element (tekst, sliku, video). Ranije je za celu ovu stvar bio odgovoran samo HTML jezik, ali su mu onda pritekli u pomoć i postalo mu je mnogo lakše. Popov ima i besplatni video kurs o njima, koji se može preuzeti ovdje.
Ljudi, kada savladate Html tagove, shvatit ćete da je to bilo lako kao ljuštenje krušaka. Najvažnije je započeti i nekako se stimulisati. Ne govorim vam samo o finansijskoj strani. Stranica može postati vaš glavni izvor prihoda i cijela porodica se može hraniti od njega. Potrebna vam je sreća, upornost i ne plašite se isprobavanja novih stvari.
Postoje različite oznake, ali ih nema mnogo (onih koji su ostali relevantni nakon implementacije CSS-a). Pogledaj kako je jednostavno. Recimo da želite da kreirate pasus - jednostavno okružite tekst budućeg pasusa početnim i završnim oznakama P (ovo je latinično slovo i u kodu je bolje da ga napišete malo, ali ovde sam ga napravio velikim za jasnoća). Ovako će to izgledati:
Tekst teksta...... tekst teksta
Razumijete li razliku između početne Html oznake (na početku) i završne oznake (na kraju)? Pa, naravno, samo sam dodao kosu crtu iza trouglaste zagrade.
Oh, zaboravio sam da kazem Po kojim kriterijumima pretraživač razdvaja oznake?(oznake) iz glavnog sadržaja. Da li ste sami pogodili?
Tako je, ovo su trouglaste zagrade u koje ih stavljamo. Pretraživač je vidio takvu zagradu kada je analizirao kod web stranice i shvatio da je to oznaka, te obrađuje sve što se u njoj nalazi prema određenom algoritmu (pravi pasuse razmaknutim po visini, povećava font naslova, itd.) .
Ako trebate koristiti otvornu trokutastu zagradu u svom tekstu, obavezno to učinite tako da vas pretraživač ispravno razumije. Ovo se mora zapamtiti.
U kodu mogu izgledati, na primjer, ovako:
U stvari, oni sadrže opis i ključne riječi web stranice za koju su registrirani. Više o njima pročitajte u članku iznad.
Meta tagovi su upisani u kodu web stranice na strogo definisanom mjestu. Znate li koji? Tako je, u takozvanoj “glavi” dokumenta, koja se sastoji od otvaranja i zatvaranja HEAD oznaka.
Sve što je napisano unutar njih (uključujući META oznake) neće biti prikazano na web stranici. Ovo je striktno vlasnička informacija. Gornji opis i ključne riječi govore pretraživačima o sadržaju date web stranice, a meta tag ispod.
Kada ste puštali muziku u autu ili na plejeru (telefonu), verovatno ste više puta primetili da se umesto naslova numere i imena autora-izvođača prikazuje neka jeziva brbljarija. Moglo bi se pretpostaviti da su nazivi preuzetih muzičkih fajlova napisani u pogrešnom kodiranju na ruskom jeziku.
Ako preimenujete datoteke pomoću , i dalje ćete vidjeti neugodnu sliku na svom plejeru. sta da radim? I ko je kriv za ovu situaciju? Čudno, razlog su netačne oznake u ovom muzičkom fajlu.
Ušivene su direktno u audio fajl (na početku ili na kraju) i mogu sadržati informacije o kompoziciji, njenom autoru, albumu, trajanju numere i još nečemu što nije toliko bitno. U najnovijim inkarnacijama muzičkih oznaka, čak i slike omota CD-a mogu se ušiti u njih (obično kuga).
Ali problem nastaje, po pravilu, ne u njihovoj dostupnosti, već u stjecanju mogućnosti njihovog uređivanja. Dođe trenutak u životu svakog ljubitelja muzike koji poštuje sebe kada je "spreman da kida i baca", samo da bi posložio stvari u svojoj kolekciji i dodao ispravne oznake svim numerama koje su čitljive na bilo kom uređaju. Kako uraditi?
Korištenje posebnog softvera. Same oznake su se prvi put pojavile u audio datotekama krajem prošlog stoljeća. Za MP3 fajlove standard za njihovo dodavanje se zvao ID3, a za muzičke fajlove koji se komprimuju bez gubitka kvaliteta (poput FLAC i sličnih), standard za dodavanje tagova (meta podataka) zvao se Vorbis comment.
Za muziku snimljenu u Windows WMA formatu postoje WM metapodaci, a za Apple MP4 postoje iTunes metapodaci (usput rečeno, nedavno sam pisao o tome).
Dakle, možete uređivati oznake pomoću posebnih programa. Najpopularniji od njih je vjerovatno Mp3tag (zvanična stranica, ali budite oprezni pri preuzimanju - nemojte slučajno kliknuti na oglas koji nudi preuzimanje nečeg potpuno drugačijeg). Mislim da ćete sve ostale programe pronaći sami, pogotovo jer će ovaj biti sasvim dovoljan za ovaj zadatak.
Ovako su se pokazale raznovrsne oznake koje su u svim ovim slučajevima obavljale svoju glavnu ulogu – označavanje (članaka na web stranici, sadržaja na web stranici ili metapodataka u muzičkim datotekama). Nadam se da sada imate manje pitanja na ovu temu.
Sretno ti! Vidimo se uskoro na stranicama blog stranice
Možda ste zainteresovani
Oznake za Instagram - zašto su potrebne i gdje vidjeti najpopularnije
Hashtagovi - šta su i kako se koriste hashtagovi na Twitteru, Instagramu i drugim mjestima Kako automatski dodati Alt atribut u Img oznake vašeg WordPress bloga (gdje ne postoje)
Radikal - besplatni hosting fotografija s brzim i jednostavnim postavljanjem fotografija putem Radikal.ru
Link - šta je to i kako ga kreirati Šta je keš memorija - kako obrisati keš memoriju u Opera, Mozilla, Chrome i drugim pretraživačima
Veliko pitanje - kako zaraditi na servisu pitanja i odgovora Poređenje je tehnika kojom se ukrašava slika (primjeri iz literature) Šta je Smart TV na TV-uRazmotrili smo primjer kreiranja jednostavne stranice na kojoj su dati komentari na neke html tagove, jer mi se čini da je bolje prvo nešto pokazati primjerom pa onda preći na detaljniji opis. Zato je kreiranje stranice bilo riječi u drugoj lekciji, a detaljnije u trećoj.
Dakle, ispod su opisi uobičajenih HTML oznaka koje se koriste na gotovo svakoj stranici web stranice. Vjerujte mi, već ih ima dovoljno da napišu cijelu web stranicu.
Lista html oznaka 1. HTML oznaka (za pasuse) - prikazuje tekstualni pasus (dozvoli stil, klasu, id atribute). Najčešći tag, pošto se u njega najčešće stavlja tekst (međutim, za to je i kreiran).Na primjer, html kod:
Tekst pasus broj jedan
A ovo je još jedan paragraf
Tekst pasus broj jedan
A ovo je još jedan paragraf
Također možete dodati parametar stila u oznaku:
Ove različite vrijednosti mogu se koristiti za uređivanje izgleda fonta. O ovim parametrima možete pročitati u zasebnoj lekciji: stilovima u html-u i svojstvu fonta css.
Također možete specificirati atribute CLASS i ID. Na primjer:
2. HTML oznaka i (podebljano)I - dvije oznake koje vam omogućavaju da podebljate font. Nema razlike između ovih oznaka.
Dajemo primjer. HTML kod:
sličicaKonvertuje se u sledeće na stranici:
sličica
Također možete specificirati atribute CLASS i ID (kao u slučaju Note
Ove oznake imaju mali uticaj na rangiranje dokumenata u pretraživačima, pa je bolje da ih ne koristite besciljno.
3. HTML oznaka (napravi kurziv)- kurziv font (dozvoli stil, klasu, id parametre)
Na primjer, html kod:
kurziv tekstKonvertuje se u sledeće na stranici:
4. HTML oznaka (podvučen tekst)- podvučen font (omogućava stil, klasu, id parametre)
Na primjer, html kod:
podvučeni tekstKonvertuje se u sledeće na stranici:
podvučeni tekst
5. HTML oznaka (kreiranje hiperveze)Kreira vezu na stranici (omogućava stil, klasu i druge parametre).
Na primjer, html kod:
tekst linkaKonvertuje se u sledeće na stranici:
Svi parametri i atributi oznake biće obrađeno u posebnoj lekciji: html tag.
6. HTML oznaka (naslovi u sadržaju),..., - oznake zaglavlja unutar sadržaja (dozvoljava stil, klasu, id parametar). Štaviše, što je manji broj, veća je težina i veličina (podrazumevano) teksta koji se nalazi u ovim oznakama.
Na primjer, html kod:
Naslov h1Oznaka se koristi za naslov stranice (kao i naslov)
Ove oznake treba koristiti samo za njihovu namjenu, tj. samo kada je članku potreban naslov. To je zbog činjenice da tagovi,..., imaju veliki uticaj na pretraživače. Ako ih pravilno koristite, onda su šanse da dođete do vrha rezultata pretraživanja vrlo velike.
7. HTML oznaka (poravnanje)- poravnava sadržaj u sredini.
Na primjer, html kod:
Ovaj tekst će biti u srediniKonvertuje se u sledeće na stranici:
Ovaj tekst će biti u sredini
Bilješka- - za tekst
- ... - za sve (na primjer, sliku)
- prikazuje subscript font.
Na primjer, html kod:
Običan tekst, međuredni tekstKonvertuje se u sledeće na stranici:
Običan tekst, međuredni tekst
9. HTML oznaka (superscript text)- prikazuje font superscript.
Na primjer, html kod:
Običan tekst, superscript tekstKonvertuje se u sledeće na stranici:
Običan tekst, superscript tekst
10. HTML oznaka,, - prikazuje font za jedan piksel veći/manji od trenutne veličine (dopušta parametar stila, klase, id).
Na primjer, html kod:
Običan font, ovaj font je jedan piksel većiKonvertuje se u sledeće na stranici:
Običan font, ovaj font je jedan piksel veći
11. HTML oznaka- (kreiranje lista)
- I .
- prvi element liste
- drugi element liste
- prvi element liste
- drugi element liste
- Stavka menija 1
- Stavka menija 2
- Neuređena lista (ul)
- Naručena lista (star)
- Lista definicija (dl) Šta oni rade
- Nesređena lista (ul): lista sa tačkastim indikatorima
- Redosled lista (ol): numerisana lista
- Lista definicija (dl): Lista sa definicijama elemenata
- Dosljedan stil sadržaja
- Samo kreiraj
- Svestran
- ), koristimo dvije oznake: I . definira svaku stavku na listi, i opisuje gornju tačku. Ispod je lista prema kodu liste definicija prikazanom ranije.
- Stavka liste
i Oznake koje označavaju početak i kraj pojmovnika.
Pojam u rječniku se nalazi bez uvlačenja od lijeve margine stranice.
Opis pojma je uvučen sa lijeve margine stranice.
Komandne oznake za umetanje netekstualnih informacijskih objekata u tekstili — komanda za umetanje grafičke slike
— naredba za umetanje zvučnog fragmenta
— komanda za umetanje video fragmenta
Grafičke opcijeWIDHT— širina slike u pikselima
VISINA— visina slike u pikselima
ALIGN- poravnanje (ALIGN=LEFT - poravnanje do lijeve margine, ALIGN=RIGHT - do desne margine, ALIGN=TOP - do gornje granice, ALIGN=BOTTOM - do donje granice, ALIGN=MIDDLE ili CENTER - do centra)
HSPACE— horizontalna uvlaka od grafičke slike
VSPACE- vertikalna uvlaka
ALT— alternativni tekst koji se koristi za označavanje slike
Komande za hiperlinkove sa drugim HTML dokumentima i Internet resursima[email protected]- hiperlink sa email adresom
StoloviTabela - mreža za prikaz podataka u redovima i kolonama, kao i formater teksta
I
Oznake za umetanje tabele u HTML dokumentOpcije zastavice
BGCOLOR- boja pozadine
GRANICA- širina ivičnjaka
WIDHT— širina stola
Tabelarne oznake za označavanjei - naziv tabele, ima parametar ALIGN=TOP - poravnanje iznad tabele i ALIGN=BOTTOM - ispod tabele.
I Red tabele. Može imati parametre BGCOLOR - boja pozadine unutar linije; ALIGN=LEVO, DESNO, CENTAR — poravnanje unutar linije; VALIGN=GORE, BOTTOM, MIDDLE - vertikalno poravnanje unutar reda tabele.I Kolona tabele. Može imati parametre BGCOLOR - boja pozadine ispod kolone; ALIGN=LEVO, DESNO, CENTAR — poravnanje unutar kolone; VALIGN=GORE, DOLJE, SREDINA - vertikalno poravnanje; COLSPAN - proteže ćeliju na nekoliko kolona, ROWSPAN - proteže ćeliju na nekoliko redova.i naslov kolone. Može imati parametre BGCOLOR - boja pozadine ispod imena; ALIGN=LIJEVO, DESNO, CENTER - poravnanje VALIGN=GORE, BOTTOM, MIDDLE - vertikalno poravnanje; COLSPAN, ROWSPAN - rastezanje ćelije u nekoliko kolona ili redova; WIDHT - širina naslova.
Okviri okviraOkviri su sredstvo za podjelu ekrana na nekoliko područja, od kojih svaka prikazuje sadržaj zasebne web stranice ili čak cijele web stranice.
i Oznake za kreiranje okvira
Opcije zastaviceCOLS— podijelite ekran na određeni broj kolona (vertikalno)
REDOVI— podijelite ekran na određeni broj kolona (horizontalno)
BORDCOLOR- boja okvira
GRANICA- širina ivičnjaka
FRAMEBORDER— ivica okvira (FRAMEBORDER=DA — postoji granica, FRAMEBORDER=NE — nema ivica,
FRAMESPACING=n— širina ivice)
Zastavica za opis okvira ().
Opcije zastaviceSCROLING— parametar za podešavanje trake za pomicanje:
SCROLING=YES - traka za pomicanje će uvijek biti tu
SCROLING=NE - neće biti trake za pomicanje
SCROLING=AUTO - traka za pomicanje se pojavljuje samo kada je to potrebno
MARGINWIDHT I MARGINHEIGHT— parametri koji kontrolišu uvlačenje unutar okvira, koji se koriste za poravnavanje grafičke slike unutar okvira
NORESIZE- parametar koji pokazuje da se veličina okvira nikada neće promijeniti.
Link do file.htm - Komunikacija između okvira
TARGET— atribut veze između okvira. Ima nekoliko značenja.
Dijeli
Izlazi listu (prihvata stil, klasu, id parametre). Svaki novi element je upisan između
Na primjer, html kod:
Lista:Konvertuje se u sledeće na stranici:
Lista:
(kreiranje tabela)
- kreira tabelu (dozvoli stil, parametar klase). Svaki novi red kreiran je tagovima
, i kolona . Na primjer, html kod:
1-red 1 element 1. red 2. element 2-line 1 element 2-line 2 element Konvertuje se u sledeće na stranici:
Sve mogućnosti označavanja
13. HTML oznaka
(prekid reda)
- prijelaz na sljedeći red, je jedna oznaka.Na primjer, html kod:
Linija 1
2-line
3. red I ovaj tekst će biti u 3. redu, pošto nije bilo prelazaKonvertuje se u sledeće na stranici:
1-Line
14. HTML oznaka (horizontalna linija)
2-line
3. red I ovaj tekst će biti u 3. redu, pošto nije bilo prelaza- crta liniju, predstavlja jednu oznaku (dozvoli stil, parametar klase).
Na primjer, html kod:
Neki tekst iznad linije i ovaj tekst će biti ispod linijeKonvertuje se u sledeće na stranici:
Neki tekst iznad linije i ovaj tekst će biti ispod linije
15. HTML oznaka (izlaz slike)Na primjer, html kod:
http://img-fotki.yandex.ru/get/5821/27743399.2b/0_8875d_14383ca6_M.jpg ">Konvertuje se u sledeće na stranici:
Sve mogućnosti označavanja biće obrađeno u posebnoj lekciji: .
16. HTML oznaka (formatiranje teksta)- za formatiranje teksta, promjenu stila itd. (dozvoljava stil parametra, klasu, id). Njegova težina u očima pretraživača je odsutna, pa ga možete koristiti koliko god želite.
Na primjer, html kod:
Ovaj tekst je zelene boje i njegova veličina je 15 pikselaKonvertuje se u sledeće na stranici:
BilješkaSlična oznaka je .
17. HTML oznaka (kreiranje obrasca)- kreiranje forme na stranici (dozvoli stil, parametar klase).
Na primjer, unos korisničkog imena i lozinke, bilo koje tipke, bilo koji obrazac za registraciju - sve su to obrasci.
18. HTML oznaka (kreiranje blokova)- koristi se za kreiranje blokova na stranici (dozvoli stil, parametar klase). Ranije su se tabele uglavnom koristile za označavanje stranica. Nakon što se oznaka pojavila, zadatak je postao lakši. Gotovo sve web stranice sadrže blokove kao zgodnu alternativu tablicama.
Svi koji čitaju ovu lekciju vjerovatno znaju šta je HTML. Ali pregled osnova pomaže da povećate svoje znanje i izoštrite svoje vještine, posebno s web tehnologijama koje se stalno razvijaju.
Ovih dana se puno priča o promjenama koje donosi HTML 5. Svaka oznaka koja se spominje u ovom članku podržana je i u HTML 4.01 i u HTML 5. Iako su neke od ovih oznaka široko korištene, bit će od velike pomoći pregledati tehnike uključeni.
1.Svaka knjiga o programiranju spominje da je vrlo korisno objasniti šta vaš kod radi. Zašto je komentiranje dobra praksa? Ovo zaista pomaže osobi koja čita vaš kod da shvati šta se dešava.
Za HTML, komentarisanje može izgledati kao tačka koja dodaje težinu stranici. Međutim, komentari mogu biti korisni za definiranje odjeljaka i za održavanje strukture i organizacije koda stranice. Označavanje početka i kraja različitih sekcija može zaista pomoći pri radu na projektu.
Ovo je glavni sadržaj.
... 2. Stilovi tablice: , , iDa biste napravili dobar dizajn stola, morate koristiti oznake navedene u podnaslovu. Svi oni utiču na redove tabele i lako možete postaviti stilove za njih.
Stavka Kol Suma 7 #1 3 #2 4 Umotajte redove tabele . Ovako se formira naslov tabele.
Umotavanje konce Ukupne linije formiramo na dnu tabele. Strings mora biti definiran prije linija , tako da se ukupni redovi prikazuju prije ostalih redova tabele.
Umotavamo linije podataka u .
Paragraf Kol Suma 7 #1 3 #2 4 Padajuća lista je odličan način za predstavljanje podataka koje korisnik može odabrati. Ne samo da zauzimaju malo prostora, već su i poznati korisnicima i jednostavni za korištenje. Prekrasna nekretnina je mogućnost kreiranja kategorija (ili podnaslova) za stavke liste.
Detroit Tigers Chicago Cubs Detroit Lions Chicago Bears
Detroit Tigers Chicago Cubs Detroit Lions Chicago Bears
4. Naslovi - ,,,,, iNaravno, svi koriste naslove. Ali da budem iskren, kada ste zadnji put koristili ili naslov nižeg nivoa? Naslovi vam omogućavaju da izgradite manje semantičkih struktura, kao što su dodatni stilovi za tekst .
Nema potrebe da kreirate dodatni posao za sebe. Zapamtite naslovne oznake.
5. iSvi vole web stranice na kojima je lako pronaći potrebne informacije među logično grupiranim stavkama. Grupe formiraju elemente zajedno crtajući pravougaoni okvir oko njih. Također je moguće dodati naslov takvom dijelu koristeći .
Opšte informacije: Ime: Email: Datum rođenja:
6.Tag ni na koji način ne utiče na stil. To utiče na funkcionalnost stranice.
koristi se za definiranje oznake ulaznog elementa. Sama oznaka percipira klikove miša, čineći odgovarajuće polje za unos aktivnim. Ovo svojstvo oznake radi za tekstualna polja i radio dugmad.
Ime: Muškarac: Žena:
7.Ako nekom izrazu trebate dati dramatičan učinak, možete ga koristiti . Po defaultu, prazan red će biti umetnut prije i poslije elementa. Uvlačenje će se također dodati da bi se tekst sadržan u elementu odvojio od ostatka sadržaja.
Primjer korištenja oznakePrimjer korištenja oznake
8.To se ne može reći odnosi se na , ali se obično koriste zajedno.
Zapamti oznaku , kada trebate nekoga citirati.
Primjer korištenja oznake zajedno s oznakom. Ova ponuda je uključena u oznaku.Primjer korištenja oznake blockquote zajedno s oznakom cite. Ova ponuda je uključena u oznaku.
9.Korištenje lista pruža velike mogućnosti za organiziranje informacija. Svi znaju za
Vrste listaNačin na koji svaki tip liste prikazuje informacije razlikuje se od drugog. Naravno, nema potrebe da se zaustavite
Stavka liste #1 Definicija za stavku liste #1 Stavka liste #2 Definicija stavke liste #2
Umjesto definiranja elementa liste (
Stavka liste #1 Definicija za stavku liste #1 Stavka liste #2 Definicija stavke liste #2
10. "(i drugi ASCII znakovi)Kada koristite HTML, morate koristiti ASCII kodove kada trebate umetnuti znak. Ovo pravilo zahtijeva dodatne korake, ali osigurava da su svi znakovi ispravno prikazani na ekranu korisnika i da ih pretraživač ne percipira kao dio oznake. Da li ste ikada naišli na neki tekst koji se ne prikazuje ispravno? Tipično, problematični tekst se kreira pomoću navodnika, apostrofa, znakova više od manje itd. Zapravo nema mnogo takvih znakova i vrijedi zapamtiti njihove ASCII kodove.
HTML dokument (stranica) je dokument napisan u jeziku za označavanje hiperteksta (HTML). Sadrži između oznaka i .
Vrijednosti oznake oznake dokumenta
Oznake za označavanje— posebne komande za sređivanje teksta, grafike, video i audio fragmenata na ekranu, kao i komande koje se koriste za komunikaciju sa drugim HTML dokumentima i Internet resursima.
Osnovne oznake za označavanjei .Između ovih oznaka nalaze se informacije o dokumentu.
i . Ove oznake sadrže naziv stranice, koji će biti prikazan u okviru prozora preglednika.
i . “Tijelo” dokumenta (tekst, grafika, itd.) nalazi se između ove dvije oznake.
Parametri zastavice:
BGCOLOR- boja pozadine ()
POZADINA- “tapeta” ili pozadina
TEKST- boja teksta
VEZA— boja hipertekstualne veze (linkovi)
I
Oznake koje se koriste za isticanje pasusa. Novi pasus je uvijek odvojen od prethodnog praznim redom.
Oznaka koja se koristi za prelamanje teksta u drugi red. Može se koristiti i za odvajanje grafike od teksta razmakom.Oznaka koja se koristi za logičko razdvajanje teksta vodoravnom linijom.
i Između ovih oznaka je unaprijed formatiran tekst. Prikazuje se na ekranu fontom poput „kurir“.
Opcije poravnanjaKorišćen u
ALIGN=LEFT- lijevo poravnanje
ALIGN=RIGHT
ALIGN=CENTAR- centriranje
Oznake za poravnanjei - lijevo poravnanje
i - desno poravnanje
i - centriranje
Naslovi se koriste za isticanje logičkih dijelova tekstai naslov prvog nivoa.
i naslov drugog nivoa.
i naslov trećeg nivoa.
i naslov nivoa 4.
i naslov nivoa 5.
i naslov šestog nivoa.
Oznake za isticanje teksta i fontai Oznake za isticanje teksta (riječi, slova) podebljanim.
I Tekst koji se nalazi između ove dvije oznake bit će podvučen.
i Tekst koji se nalazi između ove dvije oznake će treptati.
I
i Oznake za promjenu veličine fonta.
i Oznake za promjenu boje fonta.
Oznake za kreiranje listai Oznake koje prikazuju početak i kraj numerisane liste
- I