, - prikazuje font jedan piksel više/manje od trenutne veličine (dopušta stil, klasu, id parametar).

Na primjer, html kod:

regularni font, ovaj font je jedan piksel veći

Pretvara se na stranici u sljedeće:

Obični font, ovaj font je jedan piksel veći

11. HTML oznaka

(stvori popise)

Ispisuje popis (dopušta stil, klasu, id parametar). Svaki novi element upisuje se između

Na primjer, html kod:

Popis:

• prvi element liste
• drugi element liste

Pretvara se na stranici u sljedeće:

Popis:

• prvi element liste
• drugi element liste

12. HTML oznaka (kreirati tablice)

- stvara tablicu (dopušta stil, parametar klase). Svaki novi redak kreiran je oznakama , i stupac .

Na primjer, html kod:

1-red 1 element	1-linija 2 element
2-redni 1 element	2-redni 2 element

Pretvara se na stranici u sljedeće:

Sve značajke oznake

13. HTML oznaka
(prijelom retka)

- prijelaz na sljedeći redak, je jedna oznaka.

Na primjer, html kod:

Linija 1
2-linijski
3-linijski I ovaj tekst će biti u 3. retku, jer nije bilo prijelaza

Pretvara se na stranici u sljedeće:

1-redak
2-linijski
3-redak I ovaj tekst će biti u 3. retku, jer nije bilo prijelaza

14. HTML oznaka

---

(vodoravna crta)

---

- crta liniju, jedna je oznaka (dopušta stil, parametar klase).

Na primjer, html kod:

Malo teksta iznad reda

---

I ovaj tekst će već biti ispod crte

Pretvara se na stranici u sljedeće:

Neki tekst iznad crte I ovaj će tekst već biti ispod crte

15. HTML oznaka (izlaz slike)

Na primjer, html kod:

http://img-fotki.yandex.ru/get/5821/27743399.2b/0_8875d_14383ca6_M.jpg">

Pretvara se na stranici u sljedeće:

Sve značajke oznake bit će riječi u posebnoj lekciji: .

16. HTML oznaka (oblikovanje teksta)

- za oblikovanje teksta, promjenu stila itd. (dopušta stil, klasu, id parametar). Nema težinu u očima tražilica pa ga možete koristiti koliko god želite.

Na primjer, html kod:

Ovaj tekst je zelene boje i veličine je 15 px

Pretvara se na stranici u sljedeće:

Bilješka

Slična oznaka je .

17. HTML oznaka

(izrada forme)

- stvaranje obrasca na stranici (dopušta stil, parametar klase).

Na primjer, unos prijave i lozinke, bilo koji gumbi, bilo koji obrazac za registraciju - sve su to obrasci.

18. HTML oznaka

(stvoriti blokove)

- služi za kreiranje blokova na stranici (omogućuje stil, parametar klase). Prije su se tablice uglavnom koristile za označavanje stranica. Nakon što se oznaka pojavi

zadatak je olakšan. Gotovo sve stranice sadrže

blokovi kao prikladna alternativa stolovima.

Osnovne html oznake osnova su na kojoj se gradi gotovo svaka web stranica/blog. Iz ovog članka naučit ćete upravo onih 20% oznaka koje ćete uvijek trebati.

Kao u svakom jeziku, i ovdje vrijedi Pareto pravilo 20/80 (20% slučajeva je 80% važno za postizanje željenog rezultata), što znači da je dovoljno znati samo 20% kodova kako biste pouzdano ostvarili svoj ciljeve u izradi web stranice.

HTML nije programski jezik, jer je hipertekstualni označni jezik, koji govori sam za sebe, omogućuje vam da označite blokove na stranicama za ispravan prikaz, da napravite tekstualne oznake za web stranice. Također, uz njegovu pomoć stvaraju se veze s jedne stranice web mjesta na drugu. Sve poveznice na internetu kreirane su pomoću hipertekstualnog dijela html koda.

To je najjednostavniji jezik ikada! Ako ga odlučite proučavati, važno je od samog početka shvatiti da u tome nema poteškoća. Sa sigurnošću možemo reći da je djeci puno teže u školi, na satu informatike.

Pa krenimo. Kodove je bolje pisati u bilježnicu koja je uključena u standardne programe operacijskog sustava Windows ili u besplatni program Notepad ++.

Prvo, definirajmo što je oznaka. Oznaka je ćelija samog html jezika, od koje se općenito gradi. Pomoću oznaka preglednici razumiju kako prikazati tekst, gdje umetnuti slike. Oznake su sami elementi označavanja.

HTML oznake za izradu okvira stranice

Oznake su uparene i neuparene. Uparene sobe se otvaraju i zatvaraju, tj. u završnim je obrnuta kosa crta "/".

Prva stvar koja bi trebala biti u bilo kojem html dokumentu prilikom izrade blog stranice je:

• - recite pregledniku da je sve između html kod;
• - s engleskog. "head", sadrži naziv, kodiranje, meta oznake za tražilice;
• - meta oznaka, uglavnom za tražilice, unutra sadrži naziv dokumenta, prikazan na vrhu preglednika;
• - jedna oznaka koja označava kodiranje jezika pregledniku, gdje windows-1251 označava da je tekst ove stranice na ruskom (windows-1252 je za engleski);
• - za ključne riječi stranice;
• - sažetak stranice;
• TIJELO DOKUMENTA- s engleskog. "tijelo", sadrži cijelu stranicu stranice.

Ti su bili standardne oznake html koda, s kojim bi, bez izmjena, sve stranice stranice / bloga trebale započeti u ovom obliku:

Popis html oznaka u tijelu stranice

Između oznaka tijelo same stranice web mjesta bit će smješteno gdje:

• Zaglavlje

  - najvažniji 1 razina;
• S

  titl

  na

  titl

  - podnaslove razina 2, 3, 4, 5 i 6;
• sidrene veze— link, gdje je » target=»_blank»» atribut odgovoran za otvaranje u novom prozoru, » title=»» je naziv onoga što će link biti;
• i — oznake koje treba istaknuti podebljanim slovima. "" su zastarjeli i preporučuje se korištenje " »;
• - za kurziv;
• - jedna oznaka odgovorna za umetanje slike na stranicu;
• - "p" iz engleskog. "odlomak", što znači da dijeli tekst na odlomke. Lijevo poravnato prema zadanim postavkama;
• 
  - logična oznaka koja označava kraj retka i prijelaz na sljedeći;
• — atribut poravnavanje teksta prema sredini;
• - atribut poravnavanje teksta udesno;
• —
• color="green" je odgovoran za boju teksta. U ovom slučaju je zelena. Riječ "zeleno" obično se zamjenjuje kodom iz heksadecimalnog sustava boja, na primjer: "#088f47";
• face="verdana" - atribut koji označava font u tekstu;
• size="3" - veličina fonta;
• 1. prvi
  2. drugi
  3. treći
  - numerirani popis;
• • riječ
  • riječ
  • riječ
  - popis s grafičkim oznakama;

HTML oznake za izradu tablice

Unutar same tablice može biti mnogo oznaka, to su promjene boje ruba tablice, poravnanje riječi unutar tablice itd., ali budući da je članak o glavnim oznakama, fokusirat ćemo se samo na oznake za kreiranje sam stol.

- oznaka odgovorna za stvaranje tablice, gdje je "1" širina granice tablice, gdje je "450" ​​​​širina tablice, a već znate "centar";

- oznaka unutra " ' i stvara red u tablici;

- stvara stupac u nizu, nalazi se unutar oznaka " ". "150", kao što ste vjerojatno pogodili - širina stupca;

Potpuno html oznake tablice izgledati otprilike ovako:

ćelija broj 1	ćelija broj 2	ćelija broj 3
ćelija broj 4	ćelija broj 5	ćelija broj 6

Još jednom naglašavam da su ovo glavni tagovi html koda i možete napraviti puno promjena u njemu. Također je vrijedno napomenuti da je sam html kod predložak, bez css-a, općenito, s njim će biti nemoguće učiniti nešto vrijedno truda. Samo svi zajedno, html i css čine čuda, ali nešto jednostavno se može napraviti i bez dubokog poznavanja css-a, čisto na html-u.

Video lekcija na temu - “Što je HTML? indexhtml datoteka":

Molimo podijelite ako vam se sviđa:

Možda će vas također zanimati:

U HTML jeziku sve što napišete u HTML dokumentu bit će prikazano na ekranu preglednika u punom tekstu, odnosno preglednik ignorira prijelome redaka, a nekoliko razmaka koje upisujete zamjenjuje se jednim.

Oznake su kontrolne naredbe koje su izmišljene kako bi se formatirao tekst, tj. oznake govore pregledniku kako prikazati dio teksta unutar oznaka. Za izradu oznake između uglastih zagrada upisuje se HTML kod koji je namijenjen samo preglednicima. Posjetitelji stranice ne vide oznake.

Kao što je gore navedeno, sve oznake počinju uglatom zagradom.< и заканчиваются угловой скобкой >. Iza otvorene uglaste zagrade slijedi naziv oznake (naredbe).

Na primjer, oznaka je namijenjen za naglašavanje teksta, preglednici prikazuju takav tekst u kurzivu. Kada preglednik naiđe na ovu oznaku, prebacuje se na kurzivno oblikovanje teksta koji slijedi nakon oznake.

Razmotrite primjer:

Ovaj tekst je normalan. Ovaj tekst je kurziv.

Označiti naziva se početnom ili početnom oznakom, što znači da preglednik uključuje određenu naredbu (u ovom slučaju pisanje u kurzivu). Većina oznaka ima par u obliku završne oznake koja onemogućuje naredbu.

Završna oznaka izgleda isto kao početna oznaka, ali počinje kosom crtom. Dakle, završna oznaka za kurziv je - .

Razmotrite primjer:

Ovaj tekst je normalan. Pažnja! Kurziv. Ovo je ponovno uobičajeni font.

Kao što možete vidjeti, preglednik sekvencijalno analizira HTML dokument u potrazi za naredbama (tagovima) i primjenjuje ili onemogućuje različite opcije oblikovanja teksta. Preglednik u svom prozoru prikazuje formatirani tekst (sve što nije oznaka).

	Proces umetanja oznaka u običan, neformatirani tekst naziva se označavanje HTML dokumenta, a oznake su znakovi za označavanje. Prilikom pisanja oznaka ne vodi se računa o veličini slova, oznaka se može pisati i malim i velikim slovima, ali se ipak preporuča korištenje velikih slova.

Slijede primjeri osnovnih HTML oznaka, s objašnjenjem njihove upotrebe i primjeri kako se koriste u HTML dokumentu.

Naslovi

Postoji posebna oznaka za određivanje naslova u HTML-u. Postoji 6 razina naslova u HTML-u, u rasponu od najvažnijih deklaracija do najmanje važnih.

HTML oznake osnova je HTML jezika. Oznake se koriste za određ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četna i završna oznaka sadrže naziv oznake.

Svi HTML elementi podijeljeni su u pet vrsta:

• prazne elemente — , ,
  , , ,

  ---

  , , ,
  Koristi se za pohranu dodatnih informacija o stranici. Ove informacije preglednici koriste za obradu stranice, a tražilice za indeksiranje. U bloku može biti više oznaka , jer ovisno o korištenim atributima nose različite informacije. Indikator mjerenja u navedenom rasponu.