HTML sintaksa
HTML dokument se može kreirati u bilo kojem uređivač teksta, ipak notepad,
Web stranica ima dvije "strane": jedna je vanjska koju korisnici vide, druga je HTML kod koji formira ovu web stranicu.
Svaka web stranica je skup elemenata koji su njeni sastavni dijelovi(tekst, slike, veze, tabele, itd.).
Upisuje se HTML kod stranice običan tekst. U suštini, web stranica je tekstualni fajl. Osim običnog teksta, HTML datoteka sadrži samo jednu vrstu kontrolnih struktura, takozvane oznake (tag - label).
Oznake, prvo, dijele originalni neformatirani tekst dokumenta na elemente, a drugo, stvaraju nove elemente koji ne odgovaraju ničemu u tekstu (na primjer, grafički umetci).
Generale sintaksa sljedeće pisanje oznake
Dakle, oznake su dvije vrste:
single (jedna oznaka se koristi nezavisno)
upareno ( pair tag može uključivati druge oznake ili tekst unutar sebe)
Oznake su zatvorene u ugaonim zagradama.
Oznaka za par ima dva dijela: otvaranje i zatvaranje sa dodatkom kose crte.
Struktura HTML dokumenta
Postavite uređivač tako da "razumije" sintaksu HTML jezika.
Svaka web stranica treba da sadrži tipične elemente koji ne ovise o vrsti i temi stranice, te opisuju strukturu dokumenta.
Razmotrite primjer jednostavne web stranice koja sadrži osnovne oznake. Upišite sadržaj ovog primjera u uređivač teksta Notepad++.
Primjer 1: Jednostavnoweb-stranica.
https://pandia.ru/text/79/171/images/image004_4.jpg" width="441 height=327" height="327">
Otvori datoteku ( dvostruki klik) u pretraživaču i pogledajte rezultat.
Da se pretraživač "ne zbuni" i shvati po kom standardu da prikaže web stranicu, potrebno je postaviti u prvom redu koda. Ova oznaka je obavezna.
Tag … definira početak i kraj HTML datoteke.
Kontejner
… je naslov dokumenta. Sadrži servisne informacije.V ovaj primjer oznaka se koristi , također se zove meta tag. Meta tagovi se koriste za pohranjivanje informacija namijenjenih pretraživačima i pretraživačima.
Tag
Tag
Sadržaj zaglavlja
… nije prikazano na stranici osim za kontejnerTijelo dokumenta
… namijenjen je postavljanju oznaka i sadržaja web stranice.Informacije koje treba da budu prikazane u prozoru pretraživača treba da budu smeštene tačno unutar kontejnera
. Takve informacije uključuju tekst, slike, tabele, liste itd.V ovaj slučaj, tijelo dokumenta sadrži naslov i dva pasusa označena odgovarajućim oznakama.
header
Prvi paragraf.
Drugi paragraf.
je komentar.
Neki tekst se može sakriti od prikazivanja u pretraživaču tako što ćete ga ostaviti komentarom. Iako korisnik neće vidjeti takav tekst, on će i dalje biti prenošen u dokumentu, dakle gledanjem izvor, možete otkriti skrivene bilješke.
Komentari su potrebni za unos vlastitih unosa u kodu koji ne utječu na izgled stranice. Počinju sa oznakom i završava se oznakom --> . Sve između ovih oznaka neće biti prikazano na web stranici.
Dakle, svaka web stranica ima sljedeću strukturu.
Napravite jednostavnu web stranicu poput one iznad. Za naslov stranice unesite Prva stranica koju sam napravio sam .
Tijelo dokumenta mora imati naslov, koji sadrži vaše ime i nekoliko pasusa koji ukratko opisuju nove informacije koje ste naučili tokom proučavanja lekcije.
Blok elementi
Blok elementi karakteriziraju da zauzimaju cijelu raspoloživu širinu, visina elementa je određena njegovim sadržajem i uvijek počinje sa novi red. Razmotrite najvažnije elemente bloka.
,
,...,
Ova grupa oznaka definira različite nivoe tekstualnih naslova koji ukazuju na relativnu važnost odjeljka koji slijedi nakon naslova. HTML dokument podržava šest nivoa naslova.
Pokrenite primjer 2.
Primjer 2. Naslovi teksta na različitim nivoima
Naslovi su istaknuti od strane pretraživača kada se HTML dokument prikazuje veličinom fonta i podebljano. Naslove treba koristiti veoma pažljivo u skladu sa njihovim logičkim nivoom u strukturi dokumenta. Nemojte koristiti oznake h1-h6 za isticanje običnog teksta. Primjenjuju se posebno na zaglavlja.
Naslovi su važan dio dokumenta. Oni dijele informacije na zasebne logičke dijelove i stoga značajno poboljšavaju njihovu percepciju.
Na primjer, naslov udžbenika je naslov prvog nivoa. Tekst u udžbeniku podijeljen je na poglavlja; naslovi poglavlja su naslovi drugog nivoa. Poglavlja sadrže paragrafe sa naslovima trećeg nivoa. Paragrafi se sastoje od paragrafa označenih naslovima četvrtog nivoa.
Zadatak za samoispunjenje.
Kreirajte web stranicu koja sadrži sljedeći sadržaj. Koristite odgovarajuće naslove nivoa.
Primjer 3. Kreiranje tabele sadržaja.
Osnove dizajna.
1. Prostorni odnosi.
1.1. Veličina.
1.1.1. Relativnost veličine.
1.1.2. Umjetnost poravnavanja teksta.
1.2. Proporcije.
2. Forma.
2.1. Direktno.
2.2. Pravokutnici.
2.3. Bezierove krive.
Tag
Definira pasus (paragraf) teksta. Po pravilu, blokovi teksta su odvojeni pasusima (paragrafima). U svakoj knjizi, uvlaka prvog reda, koja se naziva i "crvena linija", koristi se za isticanje sljedećeg pasusa. To omogućava čitaocu da lako potraži novi red i time poboljšava čitljivost teksta. Na web stranici ova tehnika se obično ne koristi, a razmak se koristi za razdvajanje pasusa - mala vertikalna uvlaka.
Oznaka za zatvaranje
nije potrebno.Tag
Napisano bez atributa, po defaultu poravnava tekst na lijevoj strani stranice. Ali on i neke druge oznake poput
može sadržavati dodatni atribut align (čitaj "eline", od engleskog "align"). Međutim, trenutno se preporučuje korištenje stilova za poravnavanje elemenata.
Poravnava pasus ulijevo
Poravnava pasus udesno
Centrira pasus
Opravdaje pasus
Pokrenite primjer 4.
Primjer 4: Oznaka pasusa.
https://pandia.ru/text/79/171/images/image013_2.jpg" width="484 height=265" height="265">
Tag
crta horizontalnu liniju koja ovisi o korištenim atributima. Red uvijek počinje u novom redu, a nakon njega svi elementi se prikazuju u sljedećem redu. Završna oznaka nije potrebna.
Atributi:
align - Određuje poravnanje linije.
boja - Boja linije.
noshade - Crta liniju bez 3D efekata.
veličina - Debljina linije.
width - Širina linije.
Pokrenite primjer 5.
Primjer 5. Zbirka horizontalnih linija
Na svoju ruku promijenite vrijednosti parametara. Pogledajte rezultat.
Dizajniran da istakne dugačke citate unutar dokumenta. Tekst označen ovom oznakom tradicionalno se prikazuje kao poravnata kutija, sa ispunom sa leve i desne strane (otprilike 40 piksela) i belim prostorom na vrhu i dnu.
Pokrenite primjer 6.
Primjer 6. Citat
Obratite pažnju na karakteristične uvlake.
Tag
Određuje blok unaprijed formatiranog teksta. Takav tekst se obično prikazuje monorazrednim fontom i sa svim razmacima između riječi. U HTML-u, bilo koji broj uzastopnih razmaka u kodu na web stranici se prikazuje kao jedan. Tag Pokrenite primjer 7. Koristite zvjezdice da napišete svoje ime. Primjer 7: Oznaka unaprijed formata Inline elementi Inline elementi su elementi web stranice koji su direktno dio drugog elementa, kao što je tekstualni pasus. Uglavnom se koriste za promjenu izgleda teksta ili njegovog logičnog odabira. Na primjer: Ova oznaka se koristi kada je potrebno preći na novi red bez prekidanja pasusa. Veoma zgodno kada objavljujete poeziju. Pokrenite primjer 8. Primjer 8. Prijelom linije
Univerzalna oznaka dizajnirana da definira umetnuti element unutar dokumenta. Sa etiketom možete odabrati dio informacija unutar drugih oznaka i postaviti svoj vlastiti stil za njega. Na primjer, unutar pasusa (tag ) možete promijeniti boju i veličinu prvog slova dodavanjem početne i završne oznake i definirati stil teksta za njega. Razlika između blok i inline elemenata je sljedeća: Inline elementi mogu sadržavati samo podatke ili druge inline elemente, dok blok elementi mogu sadržavati druge blok elemente, inline elemente i podatke. Drugim riječima, inline elementi · ne može pohraniti blok elemente ni na koji način. · Elementi na nivou bloka uvijek počinju na novom redu, a inline elementi se ne naglašavaju na ovaj način. · Elementi na nivou bloka zauzimaju čitavu dostupnu širinu, kao što je prozor pretraživača, dok su inline elementi široki koliko i njihov sadržaj plus vrednosti za popunjavanje, margine i granice. Inline elementi su elementi web stranice koji su direktno dio drugog elementa, kao što je tekstualni pasus. Uglavnom se koriste za promjenu izgleda teksta ili njegovog logičnog odabira. Tag je jedan od važnih elemenata HTML-a i dizajniran je za kreiranje veza. Ovisno o prisutnosti atributa imena ili href oznake postavlja vezu ili sidro. Određuje podebljanu težinu fonta. Tag povećava veličinu fonta za jedan u poređenju sa običnim tekstom. U HTML-u, veličina fonta se mjeri u proizvoljnim jedinicama od 1 do 7, a zadana prosječna veličina teksta je 3. Dakle, dodavanjem oznake povećava tekst za jednu proizvoljnu jedinicu. Tag Upotreba oznake Tag dizajniran da naglasi tekst. Pretraživači prikazuju takav tekst u kurzivu. Postavlja težinu fonta na kurziv. Tag Tag smanjuje veličinu fonta za jedan u poređenju sa normalnim tekstom. Slično u akciji kao i oznaka , ali radi upravo suprotno. Univerzalna oznaka dizajnirana da definira umetnuti element unutar dokumenta. Tag dizajniran da naglasi tekst. Pretraživači prikazuju takav tekst podebljanim slovima. Prikazuje font kao indeks. U ovom slučaju, tekst se nalazi ispod osnovne linije preostalih znakova linije i smanjen u veličini - H2 O. Prikazuje font kao superscript. Njegovo djelovanje je slično , ali se tekst pojavljuje iznad osnovne linije teksta - m2. Razlika između blok i inline elemenata je sljedeća. Inline elementi mogu sadržavati samo podatke ili druge inline elemente, dok blok elementi mogu sadržavati druge blok elemente, inline elemente i podatke. Drugim riječima, inline elementi ne mogu pohraniti blok elemente ni na koji način. Blok elementi uvijek počinju na novom redu, a inline elementi se ne naglašavaju na ovaj način. Elementi na nivou bloka zauzimaju čitavu dostupnu širinu, kao što je prozor pretraživača, dok su inline elementi široki koliko i njihov sadržaj plus vrednosti za popunjavanje, margine i granice. Posebnost ovih tagova je da se, ovisno o kontekstu, mogu koristiti kao blok ili inline elementi. Tag omogućava vam da pratite koje su promjene u tekstu dokumenta napravljene. Preglednici obično označavaju tekst u kontejneru Tag dizajniran da naglasi novododani tekst i obično se koristi zajedno sa oznakom Lista je međusobno povezani skup pojedinačnih fraza ili rečenica koje počinju nabrakom ili brojem. Liste pružaju priliku da se organizuju i organiziraju različiti podaci i prezentiraju na vizualan i korisniku prikladan način. Tag Setovi bulleted list, čiji svaki element počinje malim znakom - markerom. Tag Trostruki elementi su namijenjeni za kreiranje liste definicija. Svaka takva lista počinje kontejnerom Tabela se sastoji od redova i kolona ćelija koje mogu sadržavati tekst i grafiku. Obično se tabele koriste za organiziranje i predstavljanje tabelarnih podataka. Služi kao kontejner za elemente koji definiraju sadržaj tabele. Svaka tabela se sastoji od redova i ćelija, koje su specificirane pomoću oznaka Dizajniran za kreiranje jedne ćelije tabele. Tag Tag Tag Visocki Vladimir Semjonovič, (1938-1980) ruski pesnik i glumac Godine 1947-1949. živio sa ocem i drugom ženom u gradu Eberswalde-Finow (Njemačka), a zatim se vratio u Moskvu. Dok je studirao u školi, Vysotsky je bio angažovan u dramskom klubu i želio je da uđe u pozorišni institut, ali je na insistiranje roditelja položio ispite Moskovskom građevinskom institutu po imenu V. V. Kuibyshev odakle je ubrzo otišao. U ljeto 1956. ušao je Škola-studio nazvan po V. I. Nemirovich-Danchenko u Moskovskom umjetničkom pozorištu. Po završetku studija (1960.) radio je u Moskovsko dramsko pozorište nazvano po A. S. Puškinu i u Moskovskom teatru minijatura. Zatim je počeo da glumi u filmovima. 1964. primljen je u Moskovsko pozorište drame i komedije na Taganki gde je radio do kraja života. Umjetnik je na sceni Taganke odigrao više od 20 uloga, od kojih je najpoznatija uloga Hamleta iz istoimene Shakespeareove tragedije. Godine 1960-1961. Pojavile su se prve pjesme Vysotskog. Tokom svog života stvorio ih je oko hiljadu. Nisu službeno priznate, zaobilazeći radio, televiziju, štampu, zahvaljujući kasetama, pjesme Vysotskog postale su svima poznate. Mnoge pjesme i balade bile su namijenjene za filmove. Godine 1966. Vysotsky je glumio u slika "Vertikala" i napisao pet pesama za nju. Ukupno je igrao u 30 igranih filmova. Prošle godineŽivot Vysotskog je bio dramatičan. Uz svenarodnu popularnost, nije mogao postići objavljivanje svojih pjesama, izdavanje ploča; teško je doživio progon koji je pokrenut u štampi. Bio je bolestan od prenapona, 1979. je doživio kliničku smrt. Umro 25. jula 1980. u Moskvi, sahranjen na Vagankovskom groblju. Tek nakon njegove smrti objavljena je prva zbirka njegovih pjesama "Nerv" (1981). Godine 1987., za ulogu kapetana MUR-a Gleba Zheglova u televizijskom filmu od pet epizoda reditelja S. S. Govorukhin "Mjesto sastanka se ne može promijeniti", posthumno mu je dodijeljena Državna nagrada SSSR-a.Omogućava vam da zaobiđete ovu funkciju i prikažete tekst kako to zahtijeva programer.
postavlja novi red na lokaciji gdje se nalazi ova oznaka. Za razliku od oznake paragrafa
ne dodaje prazno uvlačenje ispred reda.je dizajniran za prikazivanje slika u GIF, JPEG ili PNG grafičkom formatu na web stranici. Ako je potrebno, slika se može postaviti kao link na drugu datoteku postavljanjem oznake
u kontejner . U ovom slučaju, oko slike se prikazuje obrub, koji se može ukloniti dodavanjem atributa border="0" u oznaku
.
Univerzalni elementi
koristi se za isticanje teksta koji je izbrisan nova verzija dokument. Slično formatiranjekao precrtano.. Pretraživači označavaju sadržaj kontejnera podvlačeći tekst.Oznake za liste
postavlja uređenu listu, tj. svaki element liste počinje brojem ili slovom i postepeno se povećava.
ili
postavlja tip liste - sa nabrajanjem ili numerisanim.
gde ide oznaka
Oznake za tabele
i
. mora se staviti u kontejner , koji se pak nalazi unutar oznake
.
je dizajniran da kreira jednu ćeliju tabele, koja je označena kao zaglavlje. Tekst u takvoj ćeliji pretraživač normalno prikazuje podebljano i centriran. služi kao kontejner za kreiranje reda tabele.
Top Related Articles
