Kako postaviti pametne telefone i računala. Informativni portal
  • Dom
  • Pogreške
  • HTML sintaksa. JCE - vizualni urednik za Joomlu

HTML sintaksa. JCE - vizualni urednik za Joomlu

HTML sintaksa

HTML dokument se može izraditi u bilo kojem uređivač teksta, iako Notepad,

Web stranica ima dvije "strane": jedna je vanjska koju korisnici vide, a druga je HTML kod koji generira web stranicu.

Svaka web stranica je skup elemenata koji su njezini sastavni dijelovi(tekst, slike, veze, tablice itd.).

Upisuje se HTML kod stranice običan tekst... U osnovi, web stranica je tekstualnu datoteku... Osim običnog teksta, HTML datoteka sadrži samo jednu vrstu kontrolne strukture, takozvane oznake (tag).

Oznake, prvo, dijele izvorni neformatirani tekst dokumenta na elemente, a drugo, stvaraju nove elemente koji ne odgovaraju ničemu u tekstu (na primjer, grafički umetci).

Općenito sintaksa sljedeće pisanje oznaka

Dakle, postoje dvije vrste oznaka:

Single (jedna oznaka se koristi sama)

upareno ( uparena oznaka može uključivati ​​druge oznake ili tekst unutar sebe)

Oznake su zatvorene u kutnim zagradama.

Uparena oznaka ima dva dijela: otvor i pokrivati uz dodatak kose crte naprijed.

Struktura HTML dokumenta

Konfigurirajte uređivač tako da "razumije" sintaksu HTML jezika.

Svaka web stranica treba sadržavati tipične elemente koji ne ovise o vrsti i temi stranice, te opisivati ​​strukturu dokumenta.

Pogledajmo primjer jednostavne web stranice koja sadrži osnovne oznake. Upišite sadržaj ovog primjera u uređivač teksta Notepad ++.

Primjer 1. Jednostavanmreža-stranica.

https://pandia.ru/text/79/171/images/image004_4.jpg "width =" 441 visina = 327 "height =" 327 ">

Otvorite datoteku ( dvostruki klik) u pregledniku i vidjet ćete rezultat.

Kako se preglednik ne bi "zbunio" i shvatio prema kojem standardu prikazati web stranicu te je potrebno postaviti u prvom retku koda... Ova oznaka je obavezna.

Označiti … definira početak i kraj HTML datoteke.

Kontejner … je naslov dokumenta. Sadrži servisne informacije.

V ovaj primjer korištena oznaka , također se zove meta oznaka... Meta oznake se koriste za pohranjivanje informacija namijenjenih preglednicima i tražilicama.

Označiti definira tekst naslova ili naslov web stranice, ovo je jedan od važnih elemenata dizajniran za rješavanje mnogih problema. U operacijskoj sali Windows sustav tekst naslova se prikazuje u naslovnoj traci prozora preglednika.


Označiti je obavezan i mora biti prisutan u šifri dokumenta. Postavlja se u zaglavlje dokumenta, tj. između oznaka ….

Sadržaj zaglavlja … se ne pojavljuje na stranici osim u spremniku .

Tijelo dokumenta … namijenjen je za smještaj oznaka i sadržaja web stranice.

Informacije koje bi se trebale prikazati u prozoru preglednika trebale bi se nalaziti točno unutar spremnika ... Ove informacije uključuju tekst, slike, tablice, popise itd.

V u ovom slučaju, tijelo dokumenta sadrži naslov i dva odlomka označena odgovarajućim oznakama.

Naslov

Prvi odlomak.

Drugi stavak.

je komentar.

Neki tekst se može sakriti od prikaza u pregledniku tako da ga dodate komentarom. Iako korisnik neće vidjeti takav tekst, on će se i dalje prenositi u dokumentu, dakle gledanjem izvor skrivene bilješke mogu se otkriti.

Komentari su potrebni za unos vlastitih unosa u kodu koji ne utječu na izgled stranice. Počinju oznakom i završavaju 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 slijedeći gornji primjer. Za naslov stranice unesite Prva stranica izrađena u vlastitom obliku .

U tijelu dokumenta mora postojati naslov, koji sadrži vaše ime i nekoliko odlomaka u kojima ukratko opišite nove informacije koje ste naučili tijekom lekcije.

Blok elementi

Blok elementi karakteriziran zauzimanjem cijele dostupne širine, visina elementa određena je njegovim sadržajem i uvijek počinje s nova linija... Razmotrimo najvažnije elemente bloka.

,

,...,

Ova grupa oznaka definira različite razine naslova teksta koji ukazuju na relativnu važnost odjeljka nakon naslova. U HTML dokumentu podržano je šest razina naslova.

Slijedite primjer 2.

Primjer 2. Naslovi teksta različitih razina

Naslovi su istaknuti u pregledniku kada se HTML dokument prikazuje u veličini fonta i podebljano. Morate koristiti naslove vrlo pažljivo u skladu s njegovom logičnom razinom u strukturi dokumenta. Nemojte koristiti oznake h1 – h6 za isticanje normalnog teksta. Koriste se posebno za naslove.

Naslovi su važan dio dokumenta. Oni dijele informacije u zasebne logičke dijelove i stoga značajno poboljšavaju njihovu percepciju.

Na primjer, naslov tutoriala je naslov prve razine. Tekst u udžbeniku podijeljen je na poglavlja; naslovi poglavlja su naslovi druge razine. Poglavlja sadrže odlomke s naslovima treće razine. Stavci se sastoje od paragrafa označenih naslovima četvrte razine.

Zadatak za samoispunjenje.

Napravite web stranicu koja sadrži sljedeći sadržaj. Koristite naslove na odgovarajućim razinama.

Primjer 3. Izrada tablice sadržaja.

Osnove dizajna.

1. Prostorni odnosi.

1.1. Veličina.

1.1.1. Relativnost veličine.

1.1.2. Umijeće poravnanja teksta.

1.2. Proporcije.

2. Obrazac.

2.1. Ravno.

2.2. Pravokutnici.

2.3. Bezierove krivulje.

Označiti

Definira odlomak (paragraf) teksta. U pravilu su blokovi teksta odvojeni odlomcima (paragrafima). Svaka knjiga koristi uvlačenje prvog retka, također nazvano "crvena linija", kako bi istaknula sljedeći odlomak. To omogućuje čitatelju da lako pronađe novi redak očima i tako povećava čitljivost teksta. Na web stranici se ova tehnika obično ne koristi, a za odvajanje pasusa koristi se padding - mala okomita uvlaka.

Završna oznaka

nije obavezno.

Označiti

Napisano bez atributa, prema zadanim postavkama poravnava tekst s lijeve strane stranice. Ali on i neke druge oznake poput

može sadržavati dodatni atribut align (čitaj "align", od engleskog "align"). Međutim, trenutno se preporučuje korištenje stilova za poravnavanje elemenata.

Poravnava odlomak ulijevo

Desno poravnava odlomak

Poravnava odlomak prema sredini

Opravdaje paragraf

Slijedite primjer 4.

Primjer 4. Oznaka odlomka.

https://pandia.ru/text/79/171/images/image013_2.jpg "width =" 484 visina = 265 "height =" 265 ">


Označiti


povlači vodoravnu crtu ovisno o korištenim atributima. Redak uvijek počinje u novom retku, a nakon toga svi elementi se prikazuju u sljedećem retku. Nije potrebna završna oznaka.

Atributi:

align - Određuje poravnanje linije.

color - Boja linije.

noshade - crta liniju bez 3D efekata.

veličina - Širina linije.

width - širina linije.

Slijedite primjer 5.

Primjer 5. Zbirka vodoravnih linija

Na svoju ruku promijeniti vrijednosti parametara. Pregledajte rezultat.

Dizajniran za isticanje dugih navodnika unutar dokumenta. Tekst označen ovom oznakom tradicionalno se prikazuje kao poravnati okvir s lijevim i desnim dodacima (približno 40 piksela) i bijelim prostorom na vrhu i dnu.

Slijedite primjer 6.

Primjer 6. Citat

Obratite pažnju na karakteristične uvlake.

Označiti

odnosi se na univerzalne blok kontejnere i koristi se u slučajevima kada su blok elementi potrebni, namijenjen je odabiru fragmenta dokumenta kako bi se promijenio izgled sadržaja. Tipično, izgled bloka kontroliraju stilovi.

Određuje blok unaprijed formatiranog teksta. Takav se tekst obično prikazuje u monorazmaku i sa svim razmacima između riječi. U HTML-u se bilo koji broj razmaka u retku u kodu na web stranici prikazuje kao jedan. Označiti

Omogućuje vam da zaobiđete ovu značajku i prikažete tekst prema zahtjevu programera.

Slijedite primjer 7. Koristite zvjezdice da napišete svoje ime.

Primjer 7. Oznaka unaprijed formata

Inline elementi

Umetnuti elementi su oni elementi web stranice koji su izravni dio drugog elementa, kao što je tekstualni odlomak. Uglavnom se koriste za promjenu izgleda teksta ili kako bi izgledao logično. Na primjer:


Ova se oznaka koristi kada trebate prijeći na novi red bez prekidanja odlomka. Vrlo zgodno za objavljivanje poezije.

Slijedite primjer 8.

Primjer 8. Prijelom reda

Generička oznaka za definiranje inline elementa unutar dokumenta.

Korištenje oznake možete odabrati dio informacija unutar drugih oznaka i postaviti svoj vlastiti stil za njih. Na primjer, unutar odlomka (oznaka

) 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, a dopušteno je ugniježditi druge blok elemente, inline elemente i podatke u blok elemente. Drugim riječima, inline elementi

· Ne mogu pohraniti blok elemente ni na koji način.

· Blok elementi uvijek počinju u novom retku, a elementi s malim slovima nisu naglašeni na ovaj način.

· Blok elementi zauzimaju cijelu dostupnu širinu, na primjer, prozora preglednika, a umetnuti elementi imaju istu širinu kao i njihov sadržaj plus vrijednosti paddinga, margina i obruba.

Umetnuti elementi su oni elementi web stranice koji su izravni dio drugog elementa, kao što je tekstualni odlomak. Uglavnom se koriste za promjenu izgleda teksta ili kako bi izgledao logično.

Označiti jedan je od važnih elemenata HTML-a i namijenjen je stvaranju poveznica. Ovisno o prisutnosti atributa name ili href tag postavlja vezu ili sidro.

Definira podebljano pismo.

Označiti povećava veličinu fonta za jedan u odnosu na normalan tekst. U HTML-u se veličina fonta mjeri u proizvoljnim jedinicama od 1 do 7, prosječna veličina teksta koja se koristi prema zadanim postavkama je 3. Dakle, dodavanje oznake povećava tekst za jednu konvencionalnu jedinicu.

Označiti
postavlja redak gdje se nalazi ova oznaka. Za razliku od oznake paragrafa

Korištenje oznake
ne dodaje razmak ispred reda.

Označiti dizajniran da naglasi tekst. Preglednici takav tekst prikazuju kurzivom.

Postavlja font u kurziv.

Označiti namijenjen je za prikaz slika u GIF, JPEG ili PNG grafičkom formatu na web stranici. Ako je potrebno, slika se može postaviti kao poveznica na drugu datoteku postavljanjem oznake u kontejner ... Istodobno, oko slike se prikazuje obrub koji se može ukloniti dodavanjem atributa border = "0" u oznaku .

Označiti Smanjuje veličinu fonta za jedan u usporedbi s običnim tekstom. Djelovanje slično oznaci , ali djeluje upravo suprotno.

Generička oznaka za definiranje inline elementa unutar dokumenta.

Označiti dizajniran da naglasi tekst. Preglednici takav tekst prikazuju podebljanim slovima.

Prikazuje font kao indeks. Istodobno, tekst se nalazi ispod osnovne crte preostalih znakova retka i smanjene veličine - H2 O.

Prikazuje font kao superscript. Njegovo djelovanje je slično kao ali se tekst prikazuje iznad osnovne crte teksta - m2.

Razlika između blok i inline elemenata je sljedeća.

Umetnuti 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 u novom retku, a elementi s malim slovima nisu naglašeni na ovaj način.

Blok elementi zauzimaju cijelu dostupnu širinu, na primjer, prozora preglednika, a umetnuti elementi imaju istu širinu kao i njihov sadržaj plus vrijednosti za ispune, margine i obrube.

Univerzalni elementi

Posebnost ovih oznaka je da se, ovisno o kontekstu, mogu koristiti kao blok ili inline elementi.

Označiti koristi se za isticanje teksta koji je izbrisan nova verzija dokument. Slično oblikovanje

omogućuje praćenje promjena u tekstu dokumenta. Preglednici obično označavaju tekst u spremniku kao precrtano.

Označiti namijenjen je za naglašavanje novododanog teksta i obično se koristi zajedno s oznakom ... Preglednici označavaju sadržaj spremnika podcrtati tekst.

Oznake za liste

Popis je međusobno povezana zbirka pojedinačnih izraza ili rečenica koje počinju naznakom ili brojem. Popisi pružaju mogućnost organiziranja i organiziranja različitih podataka te ih prezentirati na vizualan i korisniku prikladan način.

Označiti

    postavlja numerirani popis, t.j. svaka stavka na popisu počinje brojem ili slovom i povećava se uzlaznim redoslijedom.

    Instalira popis s grafičkim oznakama, čiji svaki element počinje malim simbolom markera.

    Označiti

  1. definira zasebni element popis. Vanjska oznaka
      ili
        postavlja vrstu popisa - s grafičkim ili numeriranim.

        ,
        ,

        Ova tri elementa služe za stvaranje popisa definicija. Svaki takav popis počinje spremnikom

        gdje ide oznaka
        stvaranje pojma i oznake
        definiranje ovog pojma. Završna oznaka
        nije potrebno jer sljedeća oznaka izvješćuje o završetku prethodne stavke. Štoviše, dobar stil je zatvoriti sve oznake.

        Oznake za tablice

        Tablica se sastoji od redaka i stupaca ćelija koje mogu sadržavati tekst i slike. Tablice se obično koriste za organiziranje i predstavljanje tabličnih podataka.

        Služi kao spremnik za elemente koji definiraju sadržaj tablice. Bilo koja tablica sastoji se od redaka i ćelija koje se postavljaju pomoću oznaka i .

        Dizajniran za stvaranje jedne ćelije tablice. Označiti treba staviti unutar spremnika , koji se pak nalazi unutar oznake

        .

        Označiti

        služi kao spremnik za kreiranje reda tablice.

        Vysotsky Vladimir Semjonovič, (1938-1980), ruski pjesnik i glumac

        Godine 1947.-1949. živio s ocem i drugom ženom u gradu Eberswalde-Finow (Njemačka), zatim se vratio u Moskvu.

        Dok je studirao u školi, Vysotsky je studirao u dramskom klubu i želio je ući u kazališni institut, ali je na inzistiranje roditelja položio ispite na Moskovskom građevinskom institutu V.V.Kuibyshev gdje je ubrzo otišao. U ljeto 1956. stupio je Škola-studio nazvan po V.I. Nemirovich-Danchenko u Moskovskom umjetničkom kazalištu.

        Po završetku studija (1960.) radio je u Moskovsko dramsko kazalište nazvano po A.S. Puškinu i u Moskovskom kazalištu minijatura... Zatim je počeo glumiti u filmovima.

        1964. primljen je u Moskovsko kazalište drame i komedije na Taganki, gdje je radio do kraja života. Umjetnik je na pozornici 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. Tijekom života stvorio ih je oko tisuću. Nisu službeno priznate, zaobilazeći radio, televiziju, tisak, zahvaljujući magnetofonu, 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 pjesama za nju. Ukupno je igrao u 30 igranih filmova. Zadnjih godinaŽivot Vysotskog bio je dramatičan. Uz svenarodnu popularnost, nije mogao postići objavljivanje svojih pjesama, izdavanje ploča; bio vrlo uznemiren maltretiranjem u tisku. Bio je bolestan od prenapona, 1979. godine doživio je kliničku smrt.

        Umro 25. srpnja 1980. u Moskvi, pokopan na Vagankovskom groblju... Tek nakon njegove smrti objavljena je prva zbirka njegovih pjesama "Živci" (1981.).

        Godine 1987. posthumno mu je dodijeljena Državna nagrada SSSR-a za ulogu kapetana MUR-a Gleba Zheglova u peterodijelnom televizijskom filmu redatelja S. S. Govorukina "Mjesto sastanka ne može se promijeniti".

        Vrhunski povezani članci

        je dizajniran za stvaranje jedne ćelije tablice, koja je označena kao zaglavlje. Tekst u takvoj ćeliji obično prikazuje preglednik podebljano i centriran je.

        Označiti