Dom › Telefon › Meta oznaka opisa - analiza s primjerima. Struktura HTML dokumenta: glavne oznake, primjer Kako postaviti kratki opis stranice u html

Meta oznaka opisa - analiza s primjerima. Struktura HTML dokumenta: glavne oznake, primjer Kako postaviti kratki opis stranice u html

HTML je jezik za označavanje hiperteksta. Temelji se na takozvanim tagovima. Oznake su neki elementi omotača koji određuju format i svojstva elemenata web stranice. Sastavili smo ažuriranu referencu HTML oznaka za vas na jednoj stranici.

Ukupno ima više od stotinu elemenata označavanja. Svaki ima niz atributa i vlastitu sintaksu. Referenca HTML oznaka pomoći će vam da brzo pronađete element koji vam je potreban.

Popis HTML oznaka

Donja tablica predstavlja popis HTML5 oznaka s kratkim opisom na ruskom.

Oznaka Kratki opis

Komentar.

Definira vrstu dokumenta.

Veza, hiperveza, sidro.

Definira tekst kao kraticu.

Kontakt podaci za autora ili vlasnika dokumenta.

Definira područje na slikovnoj karti

Članak

Sadržaj na stranu (sadržaj nije glavni sadržaj na stranici)

Omogućuje umetanje audio datoteke koja se trenutno reproducira.

Podebljan tekst.

Određuje osnovni URL ili ciljni atribut za relativne veze u dokumentu.

Područje u kojem pisanje teksta može krenuti u drugom smjeru.

Postavlja smjer pisanja teksta. Za razliku od smjera, naznačen je fizički smjer

Citat.

Određuje područje tijela dokumenta.

Prijelom retka.

Gumb koji se može kliknuti

Koristi se za crtanje grafike pomoću skripti

Signatura tablice.

Bilješka uz naslov materijala.

Koristi se za umetanje računalnog koda u tekstualnom obliku.

Određuje karakteristike stupaca u tablici.

Definira grupu od jednog ili više stupaca tablice za formatiranje.

Koristi se za definiranje unaprijed definiranih opcija koje možete izabrati kada upisujete u tekstualno polje

Definira opis pojma iz oznake na popisu pojmova

Tekst koji je uklonjen u novoj 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

tekst istaknut za značenje (obično tekst u kurzivu).

Spremnik za vanjsku primjenu

Skupina povezanih elemenata u obliku

Naslov za element

Definira autonomnu grupu od nekoliko elemenata (na primjer, slika s naslovom)

podnožje

Definira korisnički obrazac za unos

HTML zaglavlja različitih razina: , , , , , .

Određuje područje glave dokumenta.

Blok zaglavlja

Horizontalna linija je tematski razdjelnik.

Korijenski element. Kaže pregledniku da je navedeni dokument HTML dokument.

Tekst u kurzivu.

Definira umetnuti okvir

Slika, slika.

Polje za unos

Tekst koji je dodan u novu verziju dokumenta.

Tekst unesen s tipkovnice ili nazivi gumba na tipkovnici. Obično u monospace fontu.

Oznaka za polje za unos. Označava vezanje elementa (obično teksta) za polje za unos.

Zaglavlje elementa

Stavka popisa

Definira uvezivanje vanjskog resursa (najčešće uvezivanje CSS stylesheeta)

Glavni sadržaj

Spremnik za. Definira prilagođenu kartu na slici

Odabrani tekst (obično isticanjem pozadine).

Spremnik za popis stavki izbornika

Definira stavke koje korisnik može pozvati iz kontekstnog izbornika

Koristi se za definiranje metapodataka dokumenta.

Mjerač vrijednosti u zadanom rasponu

Spremnik za elemente navigacije

Alternativni sadržaj za korisnike koji imaju onemogućene skripte

Definira ugrađeni objekt

Definira numerirani popis

Definira grupu povezanih opcija na padajućem popisu. Daje naziv grupi

Parametar (mogućnost izbora) na padajućem popisu

Rezultat izračuna

stavak

Postavlja opcije za ugrađene objekte

Spremnik za više slika

Prethodno formatirani tekst.

Traka za napredak

Citat u tekstu.

Alternativni tekst ako preglednik ne podržava .

Bilješka za sadržaj oznake.

Spremnik za simbole i njihovo dekodiranje (uglavnom za istočnoazijske simbole, hijeroglife).

Precrtani tekst.

Tekst koji je izlaz računalnog programa (obično u monospace fontu).

Definira skriptu ili vezu skripte iz vanjskog izvora.

Poglavlje

Definira padajući popis

Tekst manjim fontom.

Definira resurs za , i .

Inline element.

Tekst istaknut po značenju. Obično se prikazuje podebljano.

Definira spremnik za definiranje stilova dokumenta

Prikazuje tekst kao indeks.

Naslov unutar oznake

Prikazuje tekst kao superskript.

Definira tablicu.

Definira područje sadržaja u tablici.

Ćelija u tablici .

Višeredno polje za unos

Definira grupu redaka na dnu tablice - podnožje. Više detalja

Mjesto gdje je dopušten prekid retka.

Naslijeđene HTML oznake

Kako zamijeniti zastarjeli HTML tag? U većini slučajeva poslužit će CSS Cascading Style Sheets. Postoje i alternative za oznake koje se ne koriste u novoj specifikaciji unutar HTML-a. Tablica ispod prikazuje zastarjele HTML oznake s opcijama za njihovu zamjenu.

Oznaka Kratki opis

	Akronim. Umjesto toga upotrijebite oznaku.
	Ugrađeni applet. Koristite ili umjesto.
	Određuje boju, veličinu i obitelj fontova cijelog teksta u dokumentu. Koristite ga umjesto toga
	Veći tekst. Koristite ga umjesto toga
	Centrirani tekst. Koristite ga umjesto toga
	Popis imenika. Koristiti umjesto njega
	Određuje boju, veličinu i obitelj fonta. Koristite ga umjesto toga
	Okvir iznutra. Koristite ga umjesto toga
	Definira skup okvira. Za dodavanje više umetnutih okvira koristite više elemenata
	Zamjenski tekst ako okviri nisu podržani
	Precrtani tekst. Koristite ili umjesto
	Monospace tekst. Koristite ga umjesto toga
	Podcrtani tekst. Koristite ga umjesto toga

World Wide Web sastoji se od WEB stranica, a te su stranice izrađene korištenjem Hypertext Markup Language (HTML). Iako mnogi ljudi, osobito početnici, danas govore o "HTML programiranju", HTML to jest označni jezik. Koristite HTML za označavanje tekstualnog dokumenta, baš kao što bi urednik koristio debelu crvenu olovku. Ove oznake služe za određivanje formata (ili stila) koji će se koristiti za prikaz teksta na zaslonu monitora.

Osnove HTML-a

Evo kratkog vodiča za pisanje HTML-a. Mnogi ljudi još uvijek pišu HTML pomoću alata sličnih Notepadu ili SimpleTextu. Ovaj vodič će vam pomoći da steknete osnovno razumijevanje HTML-a. Čak i ako niste planirali uređivati HTML izravno, već koristite HTML uređivač kao što je Netscape Composer ili FrontPage, ovaj će vam vodič pomoći da bolje koristite ove alate i također učinite svoje HTML dokumente razumljivijim za većinu preglednika. Nakon što ste uvidjeli prednosti poznavanja osnova pisanja HTML-a, možda biste trebali pogledati materijal u odjeljku Napredni HTML.

Dobar način učenja je promatranje kako drugi ljudi kodiraju svoje HTML stranice. Da biste to učinili, odaberite "Prikaz" u svom pregledniku, a zatim "Izvor" ("Kao HTML").

Ova stranica će vas naučiti kako da:

dodajte naslove i odlomke
kurziv teksta
promijeniti boju i veličinu teksta
umetnuti slike
stvoriti poveznice na druge stranice
koristiti različite vrste popisa

Ako tražite nešto drugo, isprobajte napredni HTML

Dodavanje naslova i odlomaka

Ako ste koristili Microsoft Word, trebali biste biti upoznati s korištenjem stilova za isticanje naslova po važnosti. U HTML-u, naslovi su podijeljeni u šest razina važnosti. H1 je najvažniji, H2 nešto manje važan i na kraju H6 najmanje važan.

Primjer kako dodati važan naslov:

Važan naslov

Proizlaziti:

Važan naslov

i malo manje važno:

Nešto manje važno

Proizlaziti:

Nešto manje važno

Svaki odlomak koji napišete trebao bi započeti oznakom

I završi s oznakom

. Na primjer:

Ovo je prvi paragraf.

A ovo je drugi paragraf.

Kurziv

Pomoću oznake možete istaknuti jednu ili više riječi, primjer:

Ovo je stvarno zanimljiva točka!

Proizlaziti:

Stvarno je zanimljiv paragraf!

Promjena boje i veličine teksta

Oznaka FONT može se koristiti za određivanje boje i veličine fonta u kojem će vaš tekst biti prikazan. Ovaj primjer postavlja boju:

Ova rečenica sadrži riječ označenu žutom bojom.

Proizlaziti:

Ova rečenica sadrži riječ označenu žutom bojom.

Atribut veličine koristi se za označavanje veličine fonta u proizvoljnim 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 (SIZE= 5) ili kao relativna vrijednost (SIZE=+2) :

Savjeti veterinara

Proizlaziti:

Savjeti veterinara

Umetanje slika

Korištenje slika čini vaše stranice zanimljivijima. Oznaka vam omogućuje umetanje slike . 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 striktno 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 slika. Možete dodati kratak opis pomoću atributa alt:

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

crno-bijeli crteži i tekst
slike s ograničenim brojem boja
grafike s oštrim rubovima (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 koja slika s paletom od više od 256 boja

Izrada poveznica na druge stranice

Tekst između I koristi se kao opis poveznice, obično označen plavom bojom i podvučen linijom.

Popisi

HTML nudi tri vrste popisa. Prva vrsta naziva se lista s grafičkim oznakama (neuređena). Popis s grafičkim oznakama otvara se s 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
Drugi tip je numerirana (uređena) lista. Koristi oznake i
. 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

I posljednji je popis definicija (glosar). Predstavlja tekst u obliku rječničke natuknice, koja se sastoji od definiranog pojma i odlomka koji otkriva njegovo značenje, a otvara se oznakom. Svaki pojam otvara se oznakom , a definicija se otvara oznakom . Primjer:

prvi pojam njegova definicija drugi pojam njegova definicija treći pojam njegova definicija

Proizlaziti:

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

Liste se mogu ugniježđivati jedna u drugu. Primjer:

prva stavka na popisu
druga stavka na popisu
- prva stavka ugniježđenog popisa
- druga stavka ugniježđene liste
treća stavka na popisu

Proizlaziti:

prva stavka na popisu
druga stavka na popisu
- prva stavka ugniježđenog popisa
- druga stavka ugniježđene liste
treća stavka na popisu

U HTML-u, boje su određene heksadecimalnim brojevima. Sustav boja temelji se na tri osnovne boje - crvenoj, zelenoj i plavoj. Svaka boja je postavljena na vrijednost od 00 do FF. Te se vrijednosti zatim kombiniraju u jedan broj, ispred kojeg stoji simbol #. 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 dane u nastavku.

crna = "#000000"	zelena = "#008000"
srebro = "#C0C0C0"	limeta = "#00FF00"
siva = "#808080"	maslina = "#808000"
bijelo = "#FFFFFF"	žuto = "#FFFF00"
kestenjasta = "#800000"	mornarica = "#000080"
crvena = "#FF0000"	plava = "#0000FF"
ljubičasta = "#800080"	plavozelena = "#008080"
fuksija = "#FF00FF"	aqua = "#00FFFF"

HTML je jezik za označavanje web stranica. Mnogi ljudi to smatraju programiranjem, ali nije. HTML ne sadrži nikakve varijable, izračune, nizove i druge elemente koji se nalaze u bilo kojem programskom jeziku.

Pomoću HTML-a programer može samo kreirati izgled stranice. Važno je razumjeti da nijedna web stranica ne postoji bez označavanja. HTML je osnova za izradu web stranica. Sve ostale funkcionalnosti dodaju različiti programski jezici.

Možete stvoriti jednostavnu web stranicu u bilo kojem uređivaču. Čak će i Notepad poslužiti. Za programera početnika preporuča se korištenje drugih urednika koji imaju funkcije automatske zamjene i druge savjete. Zahvaljujući tome možete izraditi gotove tablice, veze, slike i druge elemente. Ali u Notepadu svako slovo morate napisati ručno.

U pravilu, Notepad se koristi samo u slučajevima kada nema drugih alata pri ruci. Prvo se kreira tekstualni dokument koji se zatim sprema u html formatu. Sve stranice stranice moraju imati html ekstenziju.

HTML jezik je hijerarhijski. Odnosno, postoji posebna struktura HTML dokumenta. Što je? Pogledajmo to u nastavku radi jasnoće.

Struktura je uvijek ista. Ako želite nešto promijeniti, preglednik to neće moći obraditi. Kao rezultat toga, nećete dobiti ono što ste namjeravali.

Gornja slika prikazuje strukturu bilo koje html datoteke. Prva stavka označava vrstu datoteke. Ova oznaka se specificira jednom. Ako koristite posebne uređivače, cijela će se struktura automatski izraditi. Morat ćete prilagoditi zadane vrijednosti.

Struktura HTML dokumenta - glavne oznake:

Framework cijele stranice sastoji se od ova tri taga. Obratite pozornost na sliku. Sve te oznake imaju završnu oznaku sa znakom “/”. Ako pišete rukom, naviknite se stavljati obje oznake odjednom - početnu i zatvornu.

Gore je rečeno da web stranice imaju nastavak .html. To jest, ako izradite tekstualni dokument, ali napišete ispravan kod, preglednik će vam i dalje prikazivati samo tekst. Neće biti pretvorbe koda.

Slika ispod točke 3 prikazuje dio glave. Ovaj odjeljak sadrži servisne informacije. Na primjer, možete odrediti kodiranje (stavka 4) i naslov stranice (stavka 5).

Uvijek treba postojati naslov. Bez njega niti jedna tražilica neće moći odrediti naziv sadržaja (teksta) na web stranici. A to je loše za promociju web stranice. Štoviše, preglednik neće prikazati naslov stranice na vrhu. Ovo predstavlja neugodnost za korisnika.

Struktura html dokumenta je takva da je naznačen samo u dijelu head. Ako je oznaka navedena u dijelu tijela ili iza njega, rukovatelj neće obratiti pozornost na to.

Osim toga, odjeljak head sadrži informacije za povezivanje skripti, stilske datoteke, upute za tražilice ili bilo koje druge podatke koje korisnik ne bi trebao vidjeti, ali su važni za preglednik ili programere.

Struktura HTML dokumenta omogućuje vam povezivanje stilova na razne načine. Štoviše, mogu se pisati pojedinačno u svakom elementu. Ali ova se metoda ne preporučuje jer kod postaje prevelik i nezgodan.

Datoteka je povezana na sljedeći način.

Atribut href navodi stazu do datoteke. Ako postoji pogreška u putu, stilovi se neće učitati. Potreban je i atribut type koji označava da je ovo css datoteka.

Druga mogućnost je definiranje stilova izravno u odjeljku glave.

Ali ova se opcija također ne preporučuje. Ove se metode vrlo razlikuju po tome što css datoteka može biti jedna za cijelo web mjesto, a sve promjene na njoj odmah će se primijeniti na sve stranice. A ako koristite metodu prikazanu na gornjoj slici, tada ćete morati izvršiti izmjene na svim postojećim stranicama web mjesta.

Ako će se klasa koju stvarate koristiti samo na jednoj stranici, onda je ova opcija prikladna za vas.

Skripte su povezane na sljedeći način.

Ovdje su potrebna dva atributa: type i src. U prvom označavamo da je ovo Javascript datoteka, au drugom - gdje se datoteka nalazi. Ako pogriješite, ništa neće raditi.

Struktura html dokumenta je takva da samo u body sekciju trebate smjestiti sadržaj koji će korisniku biti vidljiv. Naziv oznake govori sam za sebe.

Ovdje je naveden cijeli glavni kod stranice, koji može sadržavati neograničen broj elemenata. Ali što je kôd duži, to će dulje trajati njegova obrada.

Pogledajmo najosnovnije oznake koje se mogu koristiti u području tijela. Nema mnogo glavnih. Sve ostalo ćete naučiti kako vaše znanje i praksa budu rasli.

Struktura HTML dokumenta zahtijeva obvezni redoslijed pisanja elemenata. Oznake uvijek trebaju biti okružene zagradama na rubovima. Bez toga preglednik neće razumjeti da je to oznaka. Početnu zagradu uvijek prati naziv elementa (tag). Ako dopustite razmak između< и именем, то браузер посчитает это текстом.

Pogledajmo primjer oznake slike. Imajte na umu da ova oznaka nije završna oznaka, za razliku od poveznica, odlomaka i mnogih drugih.

Redoslijed atributa nije bitan. Ali njihovo pisanje (dizajn) je vrlo važno. Ime atributa uvijek dolazi prvo, zatim znak jednakosti, zatim se vrijednost atributa piše pod navodnicima. Vrijednost može biti različita - digitalna ili tekstualna.

Atribut src u svim oznakama označava putanju datoteke koju je potrebno učitati. Atribut alt na svim elementima navodi kratak opis. U ovom slučaju fotografija bird.jpg učitava se s opisom - fotografijom ptice.

Osim toga, možete odrediti dimenzije, samo širinu ili visinu, naslov, poravnanje, klasu stila ili obrub.

Pogledajmo druge glavne oznake koje su navedene u odjeljku tijela.

Svrha

Slike

Prelamanje teksta u novi redak

…

Sličica

Precrtani tekst

Podcrtani tekst

Početni programeri ne mogu uvijek odmah zamisliti sve ovo spekulativno. Pogledajte nekoliko primjera strukture web stranica i onda ćete sigurno razumjeti.

Treba li marketinški stručnjak poznavati HyperText Markup Language, tj. HTML? Ovim jezikom govore koderi međusobno, a osim preglednika, donekle ga mogu razumjeti i drugi programeri i programeri. I iako poznavanje HTML-a vjerojatno ne utječe izravno na razinu prodaje, sposobnost snalaženja u osnovama ovog jezika neće biti suvišna ni za trgovca.

I prvo što trebate učiniti je odbaciti skepticizam povezan s idejom da ne možete svladati ni osnove HTML-a - ne brinite, takve sumnje roje se u glavama dosta ljudi. I premda se možda nećete morati stalno baviti ovim temama kao dijelom svojih poslovnih obaveza ili rada u LPgeneratoru, ipak predlažemo da se upoznate s osnovnim principima ovog jezika. U najmanju ruku, ne samo da se možete sprijateljiti s HTML-om, već 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 hipertekstualni označni jezik pomoću kojeg naši kolege dizajneri izgleda izravno stvaraju strukturu web stranica (od kojih su jedna od varijanti odredišne stranice) i pisama e-pošte.

Ako objasnimo 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 njenu strukturu (kostur) kroz naslove, popise i druge slične elemente, od početka stranice – zaglavlja, do njenog kraja – podnožja.

Također se s razlogom kaže da je HTML jezik oznake: točno oznake ili kako se još nazivaju oznake, zatvorene u uglastim zagradama, čine one elementi, koji čine HTML kod. U većini slučajeva, elementi ovog jezika imaju oznaku za otvaranje i zatvaranje. O ispravnom (valjanom) korištenju potonjeg ovisi ne samo primjerenost strukture web stranice, već i ispravnost njezina prikaza od strane internetskih preglednika.

Osnovni funkcionalni koncepti HTML-a

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

Naslov će biti postavljen ovdje

I na ovom mjestu će biti prvi paragraf

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

— početna i završna oznaka koja označava početak i kraj dijela stranice koji će sadržavati njezin sadržaj. Ova oznaka je prevedena na ruski kao riječ "tijelo";
- opet, početna i završna oznaka koja označava početak i kraj naslova. Takvih oznaka može biti ukupno 6, a razlikuju se po veličini slova - što je veći numerički poredak naslova, to će manjim slovima biti prikazan. Zajedno s oznakom
, oblikuje strukturu samog sadržaja: posebno oznake određuju početak i kraj odlomaka teksta.

Na taj način se jedan za drugim formiraju različiti elementi koji će kasnije biti prezentirani na landing stranici. Kao što ste vjerojatno već shvatili, da bi se označilo zatvaranje određene oznake, uobičajeno je u HTML-u staviti kosu crtu “/”.

Kako biste učvrstili vještinu koju ste upravo naučili, možete dodati još nekoliko redaka koda. Prije toga smo djelovali u okviru “tijela” sadržaja za koje je odgovoran tag, ali za sada imamo upravo to tijelo bez “glave”. Ovaj dosadni nesporazum možete ispraviti dodavanjem sljedećih redaka:

Ovo će biti naslov cijele stranice.

Naslov će biti ispisan najvećim fontom

A ovo je poboljšani, djelomično podebljani paragraf.

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

Još jedan odlomak za potpunu sliku.

Zapravo, drugi dio HTML koda iznad je proširena verzija prvog:

pojavio se titularni naziv stranice, koji se nalazi između oznaka, koje pak tvore naslovni, a ne sadržajni dio stranice, budući da su smještene unutar oznake, a 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 redoslijedu bit će transformiran: fraza unutar oznake (prevedena na ruski kao "jak") bit će istaknuta podebljano.

Na taj način se kod prilično brzo gradi, tumačeći ga internetski preglednik razumije što dizajner i trgovac želi postići s njim.

HTML nije tako strašan kao što se predstavlja, zar ne?

Jasno je da postoji dosta drugih oznaka, zahvaljujući kojima se postavljaju dodatni parametri strukture web stranice. Međutim, čak i takav kratki pregled bit će dovoljan da se ne zbunite ako budete morali ulaziti u kod.

Postoji mnogo visokokvalitetnih internetskih izvora posvećenih temi HTML-a i CSS-a. Govoreći jezikom trgovaca, 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 na ruskom jeziku.

Otrcana floskula da je znanje moć ne gubi na važnosti, već svoju rafiniranu verziju “ primjena znanje je moć” može donijeti više potencijalnih kupaca i financijskih dividendi. I tko zna, možda će vam dublje razumijevanje strukture i funkcija vaše odredišne stranice na razini HTML-a pomoći da potpunije koristite postojeće ili čak uvedete neke nove tehnike koje mogu pomoći u povećanju prodaje.

Ako još uvijek nemate želje ili vremena - svi smo zaposleni ljudi - baviti se HTML-om, uvijek postoji prilika da ga iskoristite za izradu visokokvalitetne odredišne stranice.

Također, na usluzi Vam je odjel za layout naše tvrtke (verstka@site) koji će rado ispuniti svaki Vaš hir unutar platforme: slajdere, pop-upove, složene lead forme, galerije itd. U našem uredniku sve je moguće!

Visoke konverzije za vas!

Igor Kizin,

Voditelj Layout odjela LPgenerator

Vlad Merzhevich

Meta oznake se koriste za pohranu informacija namijenjenih preglednicima i tražilicama. Na primjer, tražilice pristupaju meta oznakama kako bi dobile opise stranica, ključne riječi i druge podatke.

Postoji mišljenje među programerima web stranica da vam ispravno napisane meta oznake omogućuju da se popnete na vrh tražilica. Zapravo, to nije točno; meta oznake same po sebi neće vam pomoći da se popnete visoko, ali loše izvedeni sadržaj meta oznaka može pogoršati rangiranje stranice.

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

Neka načela vezana uz meta oznake:

nemojte uključivati ključne riječi koje se ne nalaze 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, vodeći računa o sadržaju.

Većina tražilica prikazuje sadržaj polja za opis (primjer 1) kada prikazuje rezultate pretraživanja. Ako ove oznake nema na stranici, tada će tražilica jednostavno ispisati prve riječi pronađene na stranici, koje u pravilu nisu vrlo relevantne za temu.

Primjer 1: Korištenje opisa

opis

Ova meta oznaka trebala je opisati ključne riječi koje se pojavljuju na stranici (Primjer 2). Ali kao rezultat toga, sada su diskreditirani postupci ljudi koji žele doći do vrha tražilica na bilo koji način. Stoga mnoge tražilice preskaču ovaj parametar.

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

ključne riječi

Ključne riječi mogu biti navedene odvojene razmacima ili zarezima. Tražilice će same pretvoriti unos u obrazac koji koriste.

Za automatsko preuzimanje novog dokumenta nakon određenog vremenskog razdoblja, koristite http-equiv="refresh" uputu (primjer 3).

Popularno u kategoriji: