Stvarno je zanimljiv stavak!

Promijenite boju i veličinu teksta

Oznaka FONT može se koristiti za određivanje boje i veličine fonta koji će se koristiti za prikaz vašeg teksta. Ovaj primjer postavlja boju:

Ovaj prijedlog ima riječ istaknuto žutom bojom.

Proizlaziti:

U ovoj rečenici riječ je označena žutom bojom.

Atribut veličina služi za označavanje veličine fonta u konvencionalnim jedinicama od 1 do 7. Općenito je prihvaćeno da veličina "normalnog" fonta odgovara broju 3. Veličina se može odrediti ili kao apsolutna vrijednost (VELIČINA = 5) ili kao relativna vrijednost (SIZE = + 2):

Savjet veterinarski liječnik

Proizlaziti:

Savjeti veterinara

Umetnite slike

Korištenje slika čini vaše stranice zanimljivijima. Umetanje slike omogućuje oznaku ... Pretpostavimo da je slikovna datoteka "peter.jpeg", široka 200 piksela i visoka 150 piksela, u istoj mapi kao i HTML datoteka.

Određivanje širine i visine nije strogo potrebno, ali će povećati brzinu učitavanja vaše WEB stranice. Trebali biste postaviti opis slike za osobe koje su onemogućile učitavanje slike. Možete dodati kratak opis pomoću atributa alt:

WWW koristi dva formata grafičkih datoteka, GIF i JPEG. GIF format koristi se kada je potrebna transparentna slika ili animacija, kao i za:

• crno-bijeli crteži i tekst
• slike s ograničenim brojem boja
• grafikoni s oštrim obrisima (izbornici, gumbi, dijagrami, itd.)
• slike s tekstom

JPEG format je prikladniji u sljedećim slučajevima:

• skenirane slike
• grafika sa složenom kombinacijom boja i nijansi
• bilo koju sliku s paletom od više od 256 boja

Povezivanje na druge stranice

Tekst između i koristi se kao opis veze, obično je označen plavom bojom i podcrtan crtom.

Popisi

HTML nudi tri vrste popisa. Prva vrsta se zove označeno (neuređeno) popis. Otvara se popis s grafičkim oznakama s oznakom

, a svaka njegova stavka počinje standardnom oznakom
• , primjer:
  • prva stavka na popisu
  • druga stavka na popisu
  • treća stavka na popisu

  Proizlaziti:

  • prva stavka na popisu
  • druga stavka na popisu
  • treća stavka na popisu

  Druga vrsta - numerirano (naručeno) popis. Koristi oznake

  i
  1. ... Primjer:
     1. prva stavka na popisu
     2. druga stavka na popisu
     3. treća stavka na popisu

     Proizlaziti:

     1. prva stavka na popisu
     2. druga stavka na popisu
     3. treća stavka na popisu

     I posljednja je popis definicija (pojmovnik)... Predstavlja tekst u obliku rječničkog zapisa, koji se sastoji od definiranog pojma i odlomka koji otkriva njegovo značenje, otvara se oznakom

     ... Svaki pojam otvara se oznakom

     , a definicija pomoću oznake

     ... Primjer:

     prvi mandat

     njegovu definiciju

     drugi termin

     njegovu definiciju

     treći mandat

     njegovu definiciju

     Proizlaziti:

     Prvi pojam njegova definicija drugi pojam njegova definicija treći pojam njegova definicija

     Popisi se mogu ugniježditi, jedan u drugom. Primjer:

     1. prva stavka na popisu
     2. druga stavka na popisu
        • prva stavka ugniježđenog popisa
        • druga stavka ugniježđenog popisa
     3. treća stavka na popisu

     Proizlaziti:

     1. prva stavka na popisu
     2. druga stavka na popisu
        • prva stavka ugniježđenog popisa
        • druga stavka ugniježđenog popisa
     3. treća stavka na popisu

     Definiranje boja u HTML-u

     U HTML-u se boje identificiraju brojevima u heksadecimalnom kodu. Sustav boja temelji se na tri osnovne boje - crvenoj, zelenoj i plavoj. Svakoj boji je dodijeljena vrijednost od 00 do FF. Ove vrijednosti se zatim spajaju u jedan broj, kojem prethodi znak #. Ova tablica prikazuje različite boje i njihov heksadecimalni kod.

     F F F F F F

     CCC CCC

     999 999

     666 666

     333 333

     000 000

     FFC C00

     FF9 900

     FF6 600

     FF3 300

     99C C00

     CC9 900

     FFC C33

     FFC C66

     FF9 966

     FF6 633

     CC3 300

     CC0 033

     CCF F00

     CCF F33

     333 300

     666 600

     999 900

     CCC C00

     F F F F00

     CC9 933

     CC6 633

     330 000

     660 000

     990 000

     CC0 000

     FF0 000

     FF3 366

     FF0 033

     99F F00

     CCF F66

     99C C33

     666 633

     999 933

     CCC C33

     F F F F33

     996 600

     993 300

     663 333

     993 333

     CC3 333

     FF3 333

     CC3 366

     FF6 699

     FF0 066

     66F F00

     99F F66

     66C C33

     669 900

     999 966

     CCC C66

     F F F F66

     996 633

     663 300

     996 666

     CC6 666

     FF6 666

     990 033

     CC3 399

     FF6 6CC

     FF0 099

     33F F00

     66F F33

     339 900

     66C C00

     99F F33

     CCC C99

     F F F F99

     CC9 966

     CC6 600

     CC9 999

     FF9 999

     FF3 399

     CC0 066

     990 066

     FF3 3CC

     FF0 0CC

     00C C00

     33C C00

     336 600

     669 933

     99C C66

     CCF F99

     F F F FCC

     FFC C99

     FF9 933

     FFC CCC

     FF9 9CC

     CC6 699

     993 366

     660 033

     CC0 099

     330 033

     33C C33

     66C C66

     00F F00

     33F F33

     66F F66

     99F F99

     CCF FCC

     CC9 9CC

     996 699

     993 399

     990 099

     663 366

     660 066

     006 600

     336 633

     009 900

     339 933

     669 966

     99C C99

     FFC CFF

     FF9 9FF

     FF6 6FF

     FF3 3FF

     FF0 0FF

     CC6 6CC

     CC3 3CC

     003 300

     00C C33

     006 633

     339 966

     66C C99

     99F FCC

     CCF F F F

     339 9FF

     99C CFF

     CCC CFF

     CC9 9FF

     996 6CC

     663 399

     330 066

     990 0CC

     CC0 0CC

     00F F33

     33F F66

     009 933

     00C C66

     33F F99

     99F F F F

     99C CCC

     006 6CC

     669 9CC

     999 9FF

     999 9CC

     993 3FF

     660 0CC

     660 099

     CC3 3FF

     CC0 0FF

     00F F66

     66F F99

     33C C66

     009 966

     66F F F F

     66C CCC

     669 999

     003 366

     336 699

     666 6FF

     666 6CC

     666 699

     330 099

     993 3CC

     CC6 6FF

     990 0FF

     00F F99

     66F FCC

     33C C99

     33F F F F

     33C CCC

     339 999

     336 666

     006 699

     003 399

     333 3FF

     333 3CC

     333 399

     333 366

     663 3CC

     996 6FF

     660 0FF

     00F FCC

     33F FCC

     00F F F F

     00C CCC

     009 999

     006 666

     003 333

     339 9CC

     336 6CC

     000 0FF

     000 0CC

     000 099

     000 066

     000 033

     663 3FF

     330 0FF

     00C C99

     009 9CC

     33C CFF

     66C CFF

     669 9FF

     336 6FF

     003 3CC

     330 0CC

     00C CFF

     009 9FF

     006 6FF

     003 3FF

     Radi jednostavnosti, HTML definira 16 standardnih boja, koje su, zajedno sa svojim heksadecimalnim kodovima, navedene u nastavku.

     crna = "# 000000"	zelena = "# 008000"
     srebro = "# C0C0C0"	limeta = "# 00FF00"
     siva = "# 808080"	maslina = "# 808000"
     bijela = "#FFFFFF"	žuta = "# FFFF00"
     kesten = "# 800000"	mornarica = "# 000080"
     crveno = "# FF0000"	plava = "# 0000FF"
     ljubičasta = "# 800080"	teal = "# 008080"
     fuksija = "# FF00FF"	aqua = "# 00FFFF"

     Vlad Merzhevich

     Meta oznake se koriste za pohranu informacija namijenjenih preglednicima i tražilicama. Na primjer, tražilice traže meta oznake kako bi dobili opise web-mjesta, ključne riječi i druge podatke.

     Meta oznake za tražilice

     Među programerima web stranica postoji mišljenje da vam dobro napisane meta oznake omogućuju da se popnete na vrhove tražilica. Zapravo, to nije slučaj, nećete se popeti visoko samo na meta tagove, ali neuspješan sadržaj meta tagova može pogoršati rang stranice.

     Dvije meta oznake su posebno za tražilice: opis i ključne riječi. Neki webmasteri dodali su ključne riječi u odjeljak ključnih riječi koje nemaju nikakve veze s temom stranice, ali su uživale određeni uspjeh među posjetiteljima tražilica. Međutim, nakon nekog vremena tražilice su se naučile nositi s ovom pojavom i provjeravati usklađenost sadržaja web stranice s navedenim ključnim riječima.

     Neka načela vezana za meta oznake:

     • nemojte uključivati ​​ključne riječi koje se ne pojavljuju na vašim stranicama;
     • ne ponavljajte ključne riječi;
     • koristiti meta oznake za njihovu namjenu;
     • napraviti opis i popis ključnih riječi različitim za svaku stranicu stranice, uzimajući u obzir sadržaj.

     opis

     Većina tražilica prikazuje sadržaj polja za opis (primjer 1) prilikom prikaza rezultata pretraživanja. Ako ove oznake nema na stranici, tražilica će jednostavno navesti prve riječi pronađene na stranici, koje u pravilu nisu baš relevantne.

     Primjer 1. Korištenje opisa

     ključne riječi

     Ova meta oznaka bila je namijenjena za opisivanje ključnih riječi koje se nalaze na stranici (primjer 2). Ali kao rezultat radnji ljudi koji na bilo koji način žele ući u prve redove tražilica, sada je diskreditiran. Stoga mnoge tražilice preskaču ovaj parametar.

     Primjer 2. Korištenje ključnih riječi

     Ključne riječi mogu biti navedene odvojene razmacima ili zarezima. Same tražilice će unos dovesti do vrste koju koriste.

     Automatsko učitavanje stranica

     Za automatski učitavanje novog dokumenta nakon određenog vremenskog razdoblja, koristite naredbu http-equiv = "refresh" (primjer 3).

     ... Za operacijske sustave Windows i ćirilicu, skup znakova obično uzima vrijednost utf-8 ili windows-1251 (primjer 4).

     Primjer 4. Odabir trenutnog kodiranja

     ćirilica

     Ako nema oznake kodiranja, preglednik pokušava sam odrediti koja se vrsta znakova koristi u dokumentu i automatski odabire potrebno kodiranje. Preglednik nije uvijek u stanju točno prepoznati jezik web stranice i u nekim slučajevima predlaže vijetnamsko kodiranje umjesto ćirilice. Iz tog razloga, najbolje je uvijek uključiti prikazanu liniju. Međutim, okolnosti nastaju kada navođenje kodiranja može naštetiti. Na primjer, web poslužitelj automatski koristi transkodiranje podataka u KOI-8, a preglednik, kada naiđe na parametar charset = windows-1251, prevodi tekst u Windows kodiranje. Ispada dvostruka promjena likova, nije lako pročitati takav tekst. Na sreću, ovaj problem je već prošlost, u svakom slučaju, lako se može identificirati i neutralizirati na razini poslužitelja.

     Treba li marketer poznavati HyperText Markup Language, tj. HTML? Dizajneri izgleda govore ovaj jezik među sobom, a osim preglednika, drugi programeri i programeri ga mogu razumjeti u određenoj mjeri. I premda poznavanje HTML-a ne utječe izravno na razinu prodaje, sposobnost snalaženja u osnovama ovog jezika neće biti suvišna čak ni trgovcu.

     I prvo što treba učiniti je odbaciti skepticizam povezan s idejom da ne možete svladati ni osnove HTML-a - ne brinite, takve sumnje se roje u glavama poprilično ljudi. I premda se možda nećete morati stalno ukrštati s tim pitanjima u sklopu svojih radnih obaveza ili rada u LPgeneratoru, ipak predlažemo da se upoznate s osnovnim principima ovog jezika. Barem ćete se moći ne samo sprijateljiti s HTML-om, nego se i zbližiti s onim ljudima u vašoj tvrtki/timu kojima je ovaj jezik materinji :)

     Što je HTML?

     Kao što je već spomenuto, HTML je jezik za označavanje hiperteksta, uz pomoć kojeg naši kolege layout dizajneri izravno kreiraju strukturu web stranica (odredišne ​​stranice su jedna od varijanti) i e-pošte.

     Objasnimo li bit ovog koncepta jednostavnim i vizualnim slikama, onda možemo reći da je HTML tijelo, a CSS (Cascading Style Sheets) odjeća. Dok CSS definira izgled web stranice, HTML oblikuje njezinu strukturu (kostur) kroz zaglavlja, liste i druge slične elemente, od početka stranice, zaglavlja, do kraja stranice, podnožja.

     Također nije bez razloga da je HTML jezik označavanje: točno oznake ili kako ih još zovu oznake, zatvorene u kutne zagrade čine one elementi koji čine HTML kod. U većini slučajeva, elementi određenog jezika imaju oznake za otvaranje i zatvaranje. Ispravna (ispravna) uporaba potonjeg ovisi ne samo o primjerenosti strukture web stranice, već i o ispravnosti njenog prikaza internetskim preglednicima.

     Osnovni funkcionalni koncepti HTML-a

     Kao što je prikazano u HTML primjeru u nastavku, uvijek počinje s... Za preglednik, izgled ovog elementa ukazuje na to da bi trebao prikazati HTML strukturu:

     Naslov će biti postavljen ovdje

     I na ovom mjestu bit će prvi paragraf

     Predstavljena mala verzija jednostavnog HTML koda sadrži nekoliko elemenata, koji se pak sastoje od oznaka kao što su:

     • - oznaka za otvaranje i zatvaranje, koja označava početak i kraj onog dijela stranice koji će sadržavati njezin sadržaj. Ova oznaka je prevedena na ruski riječju "tijelo";

     • - opet, oznake za otvaranje i zatvaranje, koje označavaju početak i kraj naslova. Takvih oznaka može biti ukupno 6, a razlikuju se po veličini fonta – što je veći brojčani redoslijed naslova, to će se odraziti manja slova. Zajedno s oznakom

       ,

       tvori strukturu samog sadržaja: posebno, oznake definiraju početak i kraj odlomaka teksta.

     Tako se, jedan po jedan, formiraju različiti elementi, koji će naknadno biti predstavljeni na odredišnoj stranici. Kao što ste vjerojatno već shvatili, kako bi se označilo zatvaranje određene oznake, uobičajeno je u HTML-u staviti kosu crtu "/".

     Da biste konsolidirali novostečenu vještinu, možete dodati još nekoliko redaka koda. Prije toga smo djelovali unutar "tijela" sadržaja za koje je odgovorna oznaka , ali zasad imamo baš ovo tijelo bez "glave". Ovaj dosadni nesporazum može se ispraviti dodavanjem sljedećih redaka:

     Ovo će biti naslov cijele stranice

     Bit će naslov ispisan najvećim fontom

     A ovo je djelomično poboljšano podebljano stavak.

     Ovdje će biti i naslov, ali ne tako uočljiv kao prethodni - bit će napravljen manjim fontom

     Još jedan odlomak za kompletnost.

     Zapravo, gornji drugi HTML isječak je proširena verzija prvog:

     • pojavio titula naslov stranice, koji se nalazi između oznaka , koji zauzvrat čine zaglavlje, a ne sadržajni dio stranice, budući da se nalaze unutar oznake , ali ne ;
     • postoji još jedan naslov nižeg reda (bit će manje uočljiv), koji će biti smješten unutar
       ;
     • dio teksta u prvom odlomku po redu će se transformirati: fraza zatvorena u oznaku ("snažan" je preveden na ruski), bit će istaknut podebljano.

     Tako kod prilično brzo raste, tumačeći što internetski preglednik shvaća što dizajner i marketer od njega žele postići.

     HTML nije tako ružan kao što je nacrtan, zar ne?

     Jasno je da postoje mnoge druge oznake, zahvaljujući kojima se postavljaju dodatni parametri strukture web stranice. No, i ovako kratak pregled bit će dovoljan da se ne zbunite ako se morate suočiti s potrebom udubljivanja u kod.

     Postoji dosta visokokvalitetnih internetskih resursa na temu HTML-a i CSS-a. Govoreći jezikom marketinških stručnjaka, možemo reći da je ova niša prilično dobro razvijena, a ako želite, možete povećati svoje znanje u ovom području pronalaženjem odgovarajućeg resursa, uključujući i dio weba koji govori ruski.

     Izlizana fraza da je znanje moć ne gubi na svojoj važnosti, a njena rafinirana verzija “ primjena znanje je moć” može donijeti više potencijalnih kupaca i financijskih dividendi. A tko zna, možda će vam dublje razumijevanje kako vaša odredišna stranica funkcionira i funkcionira na HTML razini pomoći da potpunije iskoristite postojeće ili čak uvesti neke nove tehnike koje mogu pomoći u povećanju prodaje.

     Ako, ipak, nemate želje ili vremena – svi smo zaposleni ljudi – zadubiti se u HTML, uvijek postoji prilika da ga iskoristite za izradu visokokvalitetne odredišne ​​stranice.

     Na usluzi Vam je i odjel za izgled naše tvrtke ( [e-mail zaštićen] web stranica), koji će rado ispuniti svaki vaš hir unutar platforme: klizači, skočni prozori, složeni vodeći obrasci, galerije itd. Sve je moguće u našem uredniku!

     Visoke konverzije za vas!

     Igor Kizin,

     voditelj odjela rasporeda LPgenerator

     HTML je jezik za označavanje hiperteksta. Temelji se na oznakama tzv. Oznake su neka vrsta elemenata omota koji postavljaju format i svojstva elemenata na web stranici. Na jednoj stranici za vas smo sastavili ažuriranu referencu HTML oznaka.

     Ukupno ima preko stotinu elemenata za označavanje. Svaki od njih ima niz atributa i vlastitu sintaksu. Referenca HTML oznaka pomaže vam da brzo pronađete željeni element.

     Popis HTML oznaka

     U nastavku u tablici nalazi se popis HTML5 oznaka s kratkim opisom na ruskom.

     Označiti	Kratki opis
     	Komentar.
     	Definira vrstu dokumenta.
     	Link, hiperveza, sidro.
     	Definira tekst kao kraticu.
     	Kontakt podaci za autora ili vlasnika dokumenta.
     	Definira područje na karti slike
     	Članak
     	Sadržaj na stranu (sadržaj nije glavni na stranici po značenju)
     	Omogućuje vam umetanje audio datoteke koja se može reproducirati.
     	Podebljan tekst.
     	Određuje osnovni URL ili ciljni atribut za relativne veze u dokumentu.
     	Područje u kojem pisanje teksta može imati drugačiji smjer.
     	Postavlja smjer pisanja teksta. Za razliku od smjer označava fizički smjer
     	Citat.
     	Označava područje tijela dokumenta.
     	Prijelom reda.
     	Gumb na koji se može kliknuti
     	Koristi se za crtanje grafike pomoću skripti
     Potpis tablice.
     	Fusnota uz naziv materijala.
     	Koristi se za umetanje računalnog koda u tekstualni oblik.
     Određuje karakteristike stupaca u tablici.
     Određuje grupu od jednog ili više stupaca tablice za formatiranje.
     	Koristi se za definiranje unaprijed definiranih izbora prilikom upisivanja u tekstualni okvir
     	Definira opis pojma iz oznake u popisu pojmova
     	Tekst koji je uklonjen u novijoj verziji dokumenta.
     	Definira dodatne informacije koje korisnik može vidjeti ili sakriti
     	Označava da je sadržaj pojam.
     	Definira dijaloški okvir ili interaktivni element
     	Blok element je jedan od glavnih elemenata izgleda.
     	Definira popis definicija
     	Naziv pojma u popisu definicija
     	istaknuti tekst (obično tekst u kurzivu).
     	Spremnik za vanjsku primjenu
     	Skupina povezanih stavki u obliku
     	Naslov za element
     	Definira autonomnu grupu od nekoliko elemenata (na primjer, sliku s natpisom)
     	podnožje
     	Definira oblik korisničkog unosa
     -	Različite razine HTML naslova: , , , , , .
     	Označava područje glave dokumenta.
     	Naslovni blok
     	Vodoravna linija je tematski separator.
     	Korijenski element. Govori pregledniku da je dati dokument HTML dokument.
     	Kurziv piše tekst.