HTML oznake su osnova HTML jezika. Oznake se koriste za omeđivanje početka i kraja elemenata u označavanju.
Svaki HTML dokument sastoji se od stabla HTML elemenata i teksta. Svaki HTML element identificiran je početnom (otvornom) i završnom (zatvarajućom) oznakom. Početne i završne oznake sadrže naziv oznake.
Svi HTML elementi podijeljeni su u pet vrsta:
- prazni elementi - , ,
, , , ,, ,
Koristi se za skladištenje dodatne informacije o stranici. Preglednici koriste ove informacije za obradu stranice i tražilice- za njegovo indeksiranje. U bloku može postojati nekoliko oznaka, jer ovisno o korištenim atributima nose različite informacije. Indikator mjerenja u zadanom rasponu. Odjeljak dokumenta koji sadrži navigacijske veze za web mjesto. Definira odjeljak koji ne podržava skriptiranje. Spremnik za ugradnju multimedije (npr. audio, video, Java appleti, ActiveX, PDF i Flash). Također možete umetnuti drugu web stranicu u trenutni HTML dokument. Oznaka se koristi za prosljeđivanje parametara dodatka. Uređena numerirana lista. Numeriranje može biti numeričko ili abecedno. Spremnik s naslovom za grupu elemenata. Određuje opciju/opciju za odabir s padajućeg popisa , ili . Polje za prikaz rezultata izračuna izračunatog pomoću skripte. Odlomci u tekstu. Definira parametre za dodatke ugrađene pomoću elementa. Element spremnika koji sadrži jedan element i nula ili više elemenata. Sam po sebi ne prikazuje ništa. Omogućuje pregledniku odabir najprikladnije slike.
Ispisuje tekst bez oblikovanja, čuvajući razmake i prijelome teksta. Može se koristiti za prikaz računalni kod, poruke E-mail itd. Pokazatelj dovršetka zadatka bilo koje vrste. Definira kratki citat. Spremnik za Istočnoazijski likovi i njihovo dešifriranje. Definira svoj ugniježđeni tekst kao osnovnu komponentu napomene. dodaje Kratak opis iznad ili ispod znakova sadržanih u elementu, prikazanih manjim fontom. Označava ugrađeni tekst kao dodatnu napomenu. Izlazi alternativni tekst u slučaju da preglednik ne podržava element. Prikazuje tekst koji nije trenutačno precrtan. Koristi se za prikaz teksta koji predstavlja rezultat izvršenja programski kod ili skripta, također poruke sustava. Prikazuje se monospace fontom. Koristi se za definiranje skripte na strani klijenta (obično JavaScript). Sadrži tekst skripte ili ukazuje na vanjska datoteka skriptu koja koristi atribut src. Definira logično područje (odjeljak) stranice, obično sa zaglavljem. Kontrolni element koji vam omogućuje odabir vrijednosti iz predloženog skupa. Vrijednosti varijante smještene su u . Prikazuje tekst manjim fontom. Određuje lokaciju i vrstu alternativnih medijskih izvora za , , . Spremnik za inline elemente. Može se koristiti za oblikovanje odlomaka teksta, kao što je isticanje pojedinačnih riječi. Stavlja naglasak u tekst, naglašavajući ga podebljanim slovima. Uključuje stilske listove koji se mogu ugraditi. Određuje pisanje indeksa simbola, na primjer, indeks elementa u kemijskim formulama. Stvara vidljiv naslov za oznaku. Prikazan s ispunjenim trokutom, klikom na njega možete vidjeti detalje naslova. Određuje pravopis nadskripta znakova. Oznaka za izradu tablice. Definira tijelo tablice. Stvara ćeliju tablice. Koristi se za deklariranje fragmenata HTML koda koji se mogu klonirati i umetnuti u dokument pomoću skripte. Sadržaj oznake nije njezin potomak. Stvara velika polja za unos teksta. Definira podnožje tablice. Stvara naslov ćelije tablice. Definira naslov tablice. Definira datum/vrijeme. Naslov HTML dokumenta koji se pojavljuje na vrhu naslovne trake preglednika. Može se također pojaviti u rezultatima pretraživanja, pa to treba uzeti u obzir prilikom davanja naslova. Stvara red tablice. Dodaje podnaslove za elemente i . Ističe odlomak teksta podvlačenjem, bez dodatnog naglašavanja. Stvara popis s grafičkim oznakama. Ističe varijable iz programa tako da ih prikazuje u kurzivu. Dodaje video datoteke na stranicu. Podržava 3 video formata: MP4, WebM, Ogg. Označava pregledniku gdje bi dugi red mogao prekinuti. Da proširimo mogućnosti pojedinačni elementi atributi se primjenjuju. Postoje dvije vrste atributa: atribut s vrijednošću i Booleov atribut koji nema vrijednost. Atributi se pišu unutar početne oznake, nekoliko atributa je navedeno razdvojeno razmakom, njihov redoslijed nije bitan.
Atribut s vrijednošćuPrvo napišite uvodnu oznaku, zatim naziv atributa odvojen razmakom, nakon čega slijedi znak jednakosti (=) i vrijednost atributa u navodnicima. Opća sintaksa je:
…
Ovdje slovo E označava naziv proizvoljnog elementa. Za samozatvarajuće elemente sve će biti isto osim sadržaja i završne oznake.
Umjesto dvostrukih navodnika ("vrijednost") možete napisati jednostruki navodnici("vrijednost") ili u potpunosti izostavite navodnike (vrijednost). Međutim, dobra je praksa uvijek pisati vrijednosti atributa u navodnicima, jer njihovo izostavljanje može dovesti do implicitnih pogrešaka. Navedimo mali primjer.
U ovom primjeru, prvi redak je ispravno napisan sa svim navodnicima, a in sljedeći redak Atribut alt nema navodnike. Budući da razmak odvaja jedan atribut od drugog, preglednik će uzeti samo prvu riječ ("View") kao alt vrijednost, a riječ "title" tretirati kao novi atribut. Ali budući da takav atribut ne postoji, to će dovesti do pogreške.
Svaki atribut mora biti jedinstven i ne smije se ponavljati (alt se može napisati, alt alt se ne može napisati).
Primjer 1 pokazuje kako dodati sliku na stranicu pomoću elementa
s različitim atributima.
Primjer 1: Korištenje atributa
Dodavanje slike
Booleovi atributi
Booleovi atributi nemaju vrijednosti; sama prisutnost ili odsutnost atributa već mijenja ponašanje elementa. Sintaksa je prilično jednostavna:
…
Primjer 2 prikazuje korištenje Booleovog atributa za audio player.
Primjer 2: Korištenje Booleovog atributa
Dodavanje zvuka
Logički atributi se mogu upisati tri vrste: bez vrijednosti, sa prazna vrijednost i vrijednost koja odgovara nazivu atributa. Sve opcije su jednake, ali je preporučljivo držati se jednog odabranog oblika snimanja.
- kontrole
- kontrole=""
- kontrole="kontrole"
Opet, nazivi atributa nisu osjetljivi na velika i mala slova, što znači da se mogu pisati malim ili velikim slovima. Ali preporučujemo da se pridržavate uniformnosti i upisujete atribute mala slova-Ime. A ne Ime ili IME. Još jednom naglašavamo da nema potrebe pisati na ovaj način.
Redoslijed atributaRedoslijed atributa u elementu nije bitan i ne utječe na rezultat prikaza elementa. Također je moguće premjestiti atribute u drugi redak. Sljedeći unosi su ekvivalentni po svom učinku.
Univerzalni atributi
Neki elementi imaju vlastiti skup karakterističnih atributa, ali postoje i atributi koji se mogu dodati bilo kojem elementu. Zbog toga se nazivaju univerzalnim ili globalnim atributima. Možete vidjeti popis svih takvih atributa; mi ćemo navesti samo neke popularne: klasa, id, jezik, stil, naslov.
Pozdrav, dragi čitatelji bloga! U prošlom smo članku otkrili što je vrsta dokumenta i kako preglednici određuju jezik koji se koristi pomoću . Oznaka je uzeta u obzir, ali sam koncept (termin) nije. U ovom članku ću vam reći što je oznaka, zašto je potrebna i koje vrste oznaka postoje. Kao što sam rekao u prošlom članku ovog odjeljka, napravit ćemo stranicu datoteke s kojom ćemo eksperimentirati, na temelju znanja koje smo stekli. Ali ovo je na kraju članka, ali za sada pogledajmo HTML oznaku.
Što je HTML oznaka, vrste HTML oznaka, primjeri pisanja HTML oznake - u prijevodu s engleskog tag - za označavanje znakova u uglastim zagradama i koji su elementi hipertekstualnog označnog jezika (HTML). Simboli mogu biti od neke koristi Engleski jezik(cijeli Internet je izgrađen na tome). Oznaka izgledaOvo je oznaka za isticanje teksta podebljano. Oznake imaju tri vrste:
- Oznaka za otvaranje je oznaka koja dolazi na početku. U gore navedenom primjeru, oznaka je početna oznaka i stoji ispred teksta koji treba istaknuti.
- Završna oznaka je oznaka koja dolazi na kraju. Posebnost služi kao kosa crta “/” prije znakova u uglastim zagradama. Pogledajmo ponovno gore razmotreni primjer. Oznaka je završna oznaka i dolazi nakon teksta koji treba biti označen podebljanim slovima
- Pojedinačne oznake su oznake koje nemaju završnu oznaku. Primjer bi bio
Evo primjera oznake za otvaranje i zatvaranje:
Cijeli dizajn, uključujući tekst, izgledat će ovako:
Ovaj će tekst biti istaknut podebljanim slovima
A ovako će ovaj tekst izgledati kada ga preglednik obradi i dostavi nam: Ovaj tekst će biti označen podebljanim slovima. Postoji i takva stvar kao što su oznake spremnika, ali to je samo općeniti naziv za oznake otvaranja i zatvaranja. Kao što sam gore napisao, osim oznaka kontejnera, postoje i pojedinačne oznake. Razlika je u tome što se takve oznake ne moraju zatvarati. Najsjajniji i najsjajniji čest primjer služi kao oznaka za novi red.
U osnovi, pojedinačne oznake koriste se za umetanje elementa, poput slike ili tablice.
Što su atributi, pravila pisanja i zašto su potrebni Osim oznaka, postoje i tzv. Točnije, ne osim, nego u oznakama. Pomoću atributa koje možete postaviti Dodatne mogućnosti za bilo koju oznaku. Svaki tag ima svoje atribute, au ovoj ćemo temi eksperimentirati s tagom koji bez atributa zapravo ne čini ništa smisleno.Font je oznaka spremnika koja se koristi za oblikovanje teksta. Pomoću ove oznake možete podebljati tekst, promijeniti veličinu i udaljenost između redaka - općenito, sve što možete učiniti s tekstom. Pogledajmo primjer s veličinom teksta. Prvo, stavimo tekst u oznaku Font.
Tekst
Sada malo o pravilima pisanja atributa. Atributi se uvijek pišu u početnoj oznaci i iza znakova same oznake. Možete napisati više atributa u jednu oznaku bilo kojim redoslijedom. Atribute možete pronaći na web stranici W3C validatora (o kojoj ću pisati u nastavku). Evo primjera oznake fonta s atributom veličine:
Tekst
Ovaj atribut u oznaci fonta mijenja veličinu teksta unutar oznaka.
Ako otvorite izvor stranicu, vidjet ćete da je mjesto gdje je velika riječ"Tekst" izgledaTekst
Već ste vidjeli kako se pišu atributi. Oni se pišu na potpuno isti način u drugim oznakama: prvo upišemo sam atribut (in u ovom slučaju veličina), zatim stavite “=” i uključite parametar atributa dvostruki navodnici. Sve parametre atributa možete pronaći na istoj web stranici konzorcija svjetska mreža.
Što je W3C validator, pravila pisanja i popis oznaka Kao što sam napisao, postoji jako puno oznaka. Ali gdje ih sve možete pronaći? W3C W3C validator postoji za ovu svrhu - Širom svijeta Web Consorcium, ili na ruskom - World Wide Web Consortium. Nije sasvim jasno, zar ne? Ovo je mjesto gdje se razvijaju web standardi - (jezici za označavanje hiperteksta njihova su zamisao). Na čelu cijelog konzorcija je iz prethodnog članka poznati Tim Berners-Lee, tvorac HTML-a. Web stranica ove organizacije je w3.org. Upozoravam vas, stranica je u potpunosti na engleskom, stoga imajte rječnik ili prevoditelj u svom pregledniku. Inače, Google ocjena za ovu stranicu je 9 i 37.000 (to je sve puno, ako netko ne zna).Vratimo se na temu članka. Zanimaju nas jezični standardi HNTML 4.01. Slijedite vezu HTML 4.01 Specification, nakon čega vidimo karticu elemenata na vrhu, kliknite na nju. Ovdje se otvara stranica sa svim oznakama. Konzorcij je ove oznake razvio i prihvatio kao standard. Sve je, opet, na engleskom. Odmah nakon riječi "Indeks elemenata" vidimo legendu (značenje slova u stupcima):
I odmah nakon legende nalazi se tablica samih oznaka:
- U prvom stupcu - Naziv - naziv same oznake - što bi trebalo biti u uglastim zagradama (< и >).
- Drugi stupac - Početna oznaka - prisutnost početne oznake. U ovaj stupac možete vidjeti slovo "O", što znači "Optional", au prijevodu s engleskog - Optional. Ovo slovo je prisutno samo nasuprot oznaka , , i i znači da možete staviti oznaku otvaranja ili ne morate - preglednik će sve učiniti sam.
- Treći stupac - Završna oznaka - prisutnost završne oznake. Nasuprot ove oznake možete vidjeti i slovo "O" i slovo "F". Značenje prvog se nije promijenilo. Drugo slovo - "F" - doslovno "zabranjeno" na engleskom - znači da je zabranjeno staviti oznaku za zatvaranje, ona jednostavno ne postoji. Na primjer, nema oznake, jer se u njemu nema što skrivati.
- Četvrti - Empty - znači da je oznaka jednostruka (prazna). Sve oznake koje imaju slovo "E" ispred sebe u ovom stupcu također imaju slovo "F" u prethodnom stupcu. Nakon svega, pojedinačne oznake nema zatvaranja. Primjer je ista oznaka
.
- Peta kolona je Depr. ili Deprecated - od engleskog "ne preporučuje se". Ako ovaj stupac sadrži slovo "D" (što znači potpuno isto), to znači da ovu oznaku ne preporučuje se za korištenje u HTML-u. Gledajući malo unaprijed, danas za dizajn teksta i izgled Cijelo web mjesto i HTML dokument koriste kaskadne stilske listove (CSS). Ukratko i jednostavno, kreira se jedna datoteka u koju su upisani svi tekstualni parametri koji se mogu pozvati određenim atributima oznake. Tako, ovu funkciju koristi se samo na web stranicama, jer CSS nije primjenjiv kod slanja vijesti e-poštom ili RSS-om. I ovdje te iste oznake dolaze u pomoć. Većina ovih oznaka, usput, odnosi se na dizajn teksta (i primjer su)
- Šesti stupac - DTD - može sadržavati slovo "L" ili "F". Prvi - "L" - Loose DTD - znači da je oznaka nasuprot dano pismo, može se koristiti samo u prijelaznoj vrsti dokumenta (- Transitional, o čemu sam pisao u prošlom članku). Drugi - "F" - Frameset DTD - znači da se oznaka može koristiti samo u dokumentu tipa FRAMESET ( - Frameset). Ako slovo nedostaje, tada se oznaka može koristiti u svim vrstama dokumenata.
- I zadnji, sedmi stupac - Opis - Kratki opis oznaka, opet na engleskom
Atributi se nalaze na istoj stranici specifikacije HTML 4.01, ali u kartici "atributi". Postoji mnogo više atributa nego oznaka. I opet ću sve zapisati točku po točku.
- Prvi stupac je naziv - kao u slučaju oznaka, naziv atributa. Sve je na engleskom, ali imajući osnovno znanje možete pogoditi što ovaj ili onaj atribut radi.
- Drugi stupac - Povezani elementi - je popis svih oznaka koje koriste bilo koji atribut. Sve oznake imaju veze, tako da možete odmah otići na informacije o oznaci.
- Treći stupac - Vrsta - sadrži sve moguće vrijednosti za određeni atribut. Na primjer, nasuprot onoj koju smo odabrali atribut veličine V Oznaka fonta vrijednost je CDATA. Pogledat ćemo to kasnije, ali ukratko, to je poseban skup opcija veličine (u ovom slučaju). Uostalom, možete pisati i piksele i postotke
- Četvrti stupac - Zadano - označava je li atribut potreban u određenoj oznaci. Na primjer, u oznaci atribut slike src je obavezan jer ukazuje na izvor iz kojeg treba uzeti sliku.
- Kolone 6, 7 i 8 znače isto kao u slučaju oznaka.
Sve navedeno odnosi se samo na HTML verzije 4.01. O HTML 5 ćemo govoriti u drugom članku, a dotaknut ćemo se i XHTML-a. A sada, kao što sam obećao, napravit ćemo stranicu na HTML jezik, s kojim ćemo eksperimentirati.
Izrada datoteke u html formatu - HTML dokumentPrije svega, shvatimo što je HTML dokument. A ovo je zapravo datoteka u HTML format. A sve internet stranice su HTML dokumenti. Na primjer, kada stignete na mjesto u adresna traka na kraju možete vidjeti ".html" ili ".htm" nakon adrese. Ovo je datoteka koju ćemo izraditi s ovom ekstenzijom. Općenito, ako želite eksperimentirati s web-mjestom, a ne sa stranicom, bolje je izraditi lokalni poslužitelj— Denver (o kojem želim sve napisati).
S obzirom na to da nisam ni govorio o oznakama prisutnim na svakoj stranici, jednostavno ćemo stvoriti datoteku s bilo kojim nazivom i ekstenzijom.html. Moguće je (i najbolje) koristiti Notepad++ jer u ovom slučaju uređivač teksta Koristi se označavanje koda, što je vrlo zgodno pri uređivanju koda, a datoteke se mogu spremati u različitim formatima. Postoje i programi u kojima se, kada upišete kod, rezultat odmah pojavi u obrađenom obliku.
Dakle, samo trebamo otvoriti Notepad++ i spremiti datoteku s slobodan tekst(može biti prazno), ali u .html formatu. Da biste to učinili, kao i obično, kliknite na natpis datoteke, zatim "spremi kao" i pretražite između veliki popis Ekstenzije "Datoteka HyperText Markup Language (nastavci datoteke)". To je zapravo sve. Dodat ćemo prve retke ovoj datoteci u sljedećem članku iz odjeljka “Izrada web stranice od nule”
Zadnja izmjena: 08.04.2016
Prije nego što prijeđemo izravno na izradu vaših web stranica u HTML5, pogledajmo osnovne građevne blokove koji čine web stranicu.
HTML5 dokument, kao i svaki drugi HTML dokument, sastoji se od elemenata, a elementi se sastoje od oznaka. Tipično, elementi imaju oznaku za otvaranje i zatvaranje, koje su zatvorene u uglastim zagradama. Na primjer:
tekst elementa div
Ovdje je definiran element div koji ima oznaku za otvaranje i oznaku za zatvaranje. Između ovih oznaka nalazi se sadržaj elementa div. U ovom slučaju, sadržaj je jednostavan tekst "Tekst elementa div".
Elementi se također mogu sastojati od jedne oznake, na primjer element
, čija je funkcija prekid linije.Tekst
div elementTakvi se elementi nazivaju i prazni elementi. Iako sam upotrijebio završnu kosu crtu, njezino prisustvo nije obavezno prema specifikaciji i ekvivalentno je korištenju oznake bez kose crte:
Svaki element unutar uvodne oznake može imati atribute. Na primjer:
Dugme
Ovdje su definirana dva elementa: div i input. div element ima atribut stila. Nakon znaka jednakosti vrijednost atributa piše se u navodnicima: style="color:red;" . U ovom slučaju, vrijednost je "color:red;" označava da će boja teksta biti crvena.
Drugi element - ulazni element, koji se sastoji od jedne oznake, ima dva atributa: tip (označava tip elementa - gumba) i vrijednost (definira tekst gumba)
Postoje globalni ili zajednički atributi za sve elemente, kao što je stil, a postoje i specifični koji se odnose na određene elemente, kao što je tip.
Osim regularnih atributa postoje i Booleovi atributi. Slični atributi možda nije važno. Na primjer, možete postaviti atribut onemogućen za gumb:
Atribut disabled označava da je element onemogućen.
Globalni atributiHTML5 ima skup globalnih atributa koji se primjenjuju na bilo koji HTML5 element:
pristupni ključ : definira ključ za brz pristup do elementa
klasa : specificira CSS klasu koja će se primijeniti na element
contenteditable: određuje može li se sadržaj elementa uređivati
kontekstni izbornik : definira kontekstni izbornik za element koji se prikazuje kada kliknete na element desni klik miševi
dir: postavlja smjer teksta u elementu
draggable: određuje može li se element povlačiti
dropzone: određuje mogu li se podaci iz drop zone kopirati kada se ispuste na element
skriveno : skriva element
id : jedinstveni identifikator elementa. Elementi na web stranici ne bi trebali imati dvostruke identifikatore
lang : specificira jezik elementa
provjera pravopisa : označava hoće li postojati za ovog elementa korištena provjera pravopisa
stil : postavlja stil elementa
tabindex : Definira redoslijed kojim se stavke mogu mijenjati pomoću tipke TAB
naslov : kompleti dodatni opis za element
translate : određuje treba li sadržaj elementa biti preveden
No, u pravilu se s cijelog ovog popisa najčešće koriste tri: klasa, id i stil.
Prilagođeni atributiZa razliku od prethodna verzija Dodani su jezici za označavanje HTML5 prilagođeni atributi(prilagođeni atributi). Sada razvojni programer ili kreator web-stranice može definirati bilo koji atribut dodajući mu prefiks podaci-. Na primjer:
Data-color atribut je definiran ovdje i ima vrijednost "red". Iako ne postoji takav atribut za ovaj element, niti u html-u općenito. Sami ga definiramo i postavljamo na bilo koju vrijednost.
Jednostruki ili dvostruki navodniciČesto možete pronaći slučajeve u kojima se u html-u koriste jednostruki i dvostruki navodnici prilikom definiranja vrijednosti atributa. Na primjer:
I jednostruki i dvostruki navodnici su prihvatljivi u ovom slučaju, iako se dvostruki navodnici češće koriste. Međutim, ponekad sama vrijednost atributa može sadržavati dvostruke navodnike, u kojem slučaju je bolje cijelu vrijednost staviti u jednostruke navodnike:
U prošlom članku rekao sam vam kako ih koristiti itd. A danas ću vam reći o još jednom sastavnom dijelu u izgradnji web stranice, naime o atributima html oznake. I naravno, prema tradiciji, pogledat ćemo ih na primjerima uživo i isprobati na našoj web stranici s Lukomoryeom, koji smo predstavili u prošlom članku.
Atribut je poseban dodatak oznaci koji proširuje njezine mogućnosti i može promijeniti svojstva sadržaja. A ako je oznaka uvijek fiksna, tada atribut može imati mnogo vrijednosti. Na primjer, u tag možemo staviti atribute boje teksta, veličine teksta, fonta itd. No, font ćemo detaljnije pogledati u drugom članku.
Postoje univerzalni i neuniverzalni atributi. Univerzalni su prikladni za gotovo sve oznake, a neuniverzalni za jednu ili više, ali ne sve...
Atribut se piše unutar oznake nakon svoje vrijednosti, ali prije zatvorene uglate zagrade. Prvo se stavlja sam atribut, zatim znak jednakosti, a zatim sama vrijednost pod navodnicima. Ovako izgleda:
Tekst
Što slijedi iz ovog primjera? Otvorili smo odlomak, a unutar oznake smo stavili poravnati atribut, koji je odgovoran za poravnanje teksta. Zatim stavljamo znak “=” što znači da ovom atributu dodjeljujemo vrijednost. Dalje pod navodnicima pišemo upravo ovu vrijednost. U ovom slučaju to je "centar". To znači da će tekst u ovom (i samo ovom!) paragrafu biti centriran. Pokušajte sami.
Ali ne zaboravite provjeriti web stranicu htmlbook. Tamo ćete sigurno pronaći ono što odgovara čemu. Ovo je jednostavno referenca za radnu površinu za bilo kojeg web programera, osobito početnika.
Kao što ste već shvatili, ovaj atribut znači poravnanje teksta. Obično se postavlja u one oznake koje su odgovorne za sam sadržaj (tekst, slike itd.). Općenito, možete ga staviti u naslove (,...,), u paragrafe (
), Slike
, blok element ().
Moguće vrijednosti atributi:
- lijevo — lijevo poravnanje (zadano)
- desno — desno poravnanje
- centar — središnje poravnanje
- justify - poravnanje punom širinom
Pokušajte vježbati i vidjeti kako se mijenja raspored vaših elemenata.
Titula
Poznato ime, zar ne? Stvarno. Postoji takva oznaka, a mi je stavljamo između i . Ali sada govorim konkretno o atributu, a on odgovara gotovo svakoj oznaci, jer je univerzalan. I potreban je kao savjet pri lebdenju. A poanta je da sami napišete ovaj trag. Izgleda otprilike ovako:
Što je 5-3?
Što vidimo ovdje? Na početku otvorimo pasus, zatim ispišemo sam atribut i damo mu vrijednost “Zašto si glup? Bit će 2." Zatim ispisujemo prikazani tekst, a na kraju zatvaramo tag
.
Što se događa nakon ovoga? Spremite dokument i uvjerite se sami. Kada prijeđete pokazivačem iznad teksta, trebao bi se pojaviti opis alata.
Više vrijednostiJedna oznaka može sadržavati bilo koji broj atributa. Glavna stvar je da odgovaraju ovoj oznaci. Evo primjera:
Sadržaj
Kao što vidite, ovdje je sve vrlo jednostavno, samo trebate napisati sve atribute odvojene razmakom u jednu oznaku. Iz ovaj primjer vidimo da će sadržaj biti poravnat udesno, a kada preko njega prijeđemo kursorom miša pojavit će se tooltip. Jednostavno je. Nadam se da je sve jasno?
Pa, sada se vratimo našem Lukomoryeu, što smo radili u prošloj lekciji.
Živi primjer- Poravnajte sav tekst u dokumentu s "Lukomorye" u središte (zajedno s naslovima),
- U naslovu prve razine stavite nagovještaj „Autor djela je A.S. Puškin"
Ako nemate dovršenu datoteku iz prethodne lekcije, uzmite je i popunite sve potrebni atributi tako da sve funkcionira prema uputama.
I prema tradiciji, u početku sve radite sami. A ako to ne uspije, pogledajte korake koje sam napisao u nastavku.
Nakon toga spremite html dokument i pokrenite ga. Provjerimo što imamo. Je li sve ispravno? Mislim da bi ti sve trebalo uspjeti. Ali ipak, osjećam da su mnogi od vas umorni od stavljanja atributa u svaki katren. Pokazat ću vam kako olakšati ovaj proces.
Ako trebate dodati isti atribut nekom velikom segmentu, tada će nam oznaka pomoći u tome. DIV je jednostavno prazan blok element koji služi kao neka vrsta spremnika za grupiranje. 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 glavnu oznaku.
Općenito, u ovom slučaju ne morate staviti atribut align="center" u svaku oznaku. Samo ga trebate staviti ispred naslova, a zatvoriti ga pomoću pomoći na kraju cijelog teksta. Dobro, unutra stavljamo align="center" , ali samo jednom. Po mom mišljenju to je puno brže i praktičnije i na kraju se dogodi ista stvar.
Pa kako? Shvatio sam opći princip? Samo ćemo nastaviti učiti još više. Glavno je da razumijete načelo raspoređivanja oznaka i atributa. Ako je potrebno, postavite svoja pitanja. Rado ću na njih odgovoriti.
Pa, za potpunu obuku o principu izrade web stranice, preporučujem gledanje izvrsnog video tečaja "HTML5 i CSS3 od nule do profesionalca." Tamo ćete naučiti HTML, CSS, naučiti kako dizajnirati web stranice posjetnica, blogove pa čak i online trgovine. Tečaj je jednostavno izvrstan za početnike web programere.
Pa, gotova sam za danas. Nadam se da vam se članak svidio i bio koristan. Ne zaboravite se pretplatiti na ažuriranja mog bloga kako biste uvijek bili svjesni najzanimljivijih stvari i ne biste propustili nove lekcije. Pa, opraštam se od tebe za danas. Želim vam uspjeh u savladavanju gradiva. Doviđenja!
Srdačan pozdrav, Dmitry Kostin.
Najbolji članci na temu
