HTML-naredbe za izradu web stranica

Znači kratica HTML kao HyperText Markup Language. HTML nije programski jezik, već je označni jezik.

Svi preglednici mogu pretvoriti ovaj označivač u korisnički pregled.

Na ovom jeziku koriste se posebne naredbe, nazvane oznake. Svaka oznaka ima svoju funkciju. Postoji ogromna količina oznaka. U idealnom slučaju, morate naučiti sve. Ali za razvojnog programera, dovoljno je osnovno znanje.

Osnovne HTML naredbe

Popis HTML naredbi je vrlo velik. Ali osnovna nije toliko. Da biste počeli pisati kôd, potreban vam je urednik. Možete koristiti Notepad. Preporučljivo je koristiti Notepad ++. Izgleda ovako.

Prednost je u tome što u posebnim urednicima oznake označene određenom bojom, ovisno o kategoriji. Naredbe za stvaranje HTML stranice u notepadu ili bilo kojem drugom programu su jednake. Jezik se koristi posvuda isto. Razvojno okruženje samo je alat.

HTML ima zatvaranje i ne zatvaranje oznaka. Također na ovom jeziku postoji pojam gniježđenja. Svaki objekt u kodu element. Element ima oznaku otvaranja koja također pokriva sadržaj. Štoviše, oznaka ima svoje dodatne atribute s vlastitim vrijednostima.

Slika prikazuje dvije oznake i . Zapamtite da su otvaranje i zatvaranje iste, ali samo "/" je drugačije. Ako oznaka nije zatvorena, rukovatelj će razmotriti sve ostalo kao nastavak tog elementa. Ovo je vrlo važno. Pogotovo u reference. Razmotrit ćemo ih malo dalje.

oznaka obavezno. Uvijek je potrebno pisati. Ali nije potrebno zatvoriti. Po standardima je neophodno, ali ako se ne zatvori, to će i dalje raditi.

Postoje i druge glavne oznake: glava i tijelo.

Te HTML naredbe su kostur za stranicu. Oni su obvezni. Također se zatvaraju.

Naziv oznaka odgovara značenju. Glava glave. Ovaj odjeljak označava usluge i važne informacije koje se ne mogu vidjeti. Tijelo je tijelo tijela dokumenta. Ovdje je sadržaj koji se prikazuje korisniku. Pokušajte zatvoriti oznake odjednom, tako da kasnije ne bude zbunjenosti.

Odjeljak usluge označava:

• naziv dokumenta;
• stilske datoteke;
• skriptne datoteke;
• meta oznake;
• upute za tražilice;
• upute za robote;
• sve ostale informacije koje programeri mogu koristiti, ali ne i korisnici.

Stilovi se povezuju ovako:

Skripta je sljedeća:

Tekst mora imati naslov. Navodimo ovako:

Tekst će se prikazati u naslovu kartice preglednika. Također, ovo se zaglavlje prikazuje kao rezultat izlaza tražilice.

Oznake za tekst

Tekst bi trebao biti stavljen u oznaku odlomka. Označava se kao

tekst

Možete vidjeti tekst, kao u Riječi:

• kurzivan
• podebljani tekst
• preskočio tekst
• podcrtani tekst

Tekst se može oblikovati. Pogledat ćemo ih na kraju, nakon pregleda ostalih elemenata.

Upotreba zaglavlja

Postoje i druge važne HTML naredbe. Za izradu web stranica nužno se koriste zaglavlja. Navedeni su pomoću oznake. Postoje razine od 1 do 6. Važno je shvatiti da treba biti gniježđenje u zaglavljima.

Primjer na slici.

Imajte na umu da se preporuča koristiti samo jedno zaglavlje h1. U tom slučaju mora se podudarati s oznakom

Korištenje slika

Slike su sastavni dio web stranica. Primjer pokazuje kako možete umetnuti fotografiju.

Kao što možete vidjeti, primjer pokazuje detaljno kako i kako se zove.

Upotreba veza

Ako učite HTML naredbe, morate znati oznake. Ovo je jedan od glavnih elemenata koji čine World Wide Web.

Veza je označena oznakom . Ali mora biti zatvorena. Osim toga, ovaj element ima obvezno atribut href, u kojem je navedena adresa veze.

U gornjem primjeru možete vidjeti da umjesto teksta veze prikazuje se slika. To jest, možete staviti tekst i sliku.

Linkovi također može formatirati pomoću Stilovi klase ili konvencionalne oznake (kurziv, podebljano, podcrtano, precrtano).

Upotreba tablica

Tablice se također koriste vrlo često. U početku su namjeravali predstaviti informacije u prikladnom obliku. No, tada su ih koristili za postavljanje različitih elemenata stranice.

Tablica je izrađena na sljedeći način:

Stanični tekst

Stanični tekst

Stanični tekst

Stanični tekst

Atribut širine određuje širinu tablice. Može biti u postocima ili pikselima. Granica označava debljinu okvira.

Struktura je naznačena kako slijedi. Tr oznaka je niz. Označite td stanicu. I sve zajedno je stol.

Tablica se može poravnati. To je učinjeno pomoću atributa za poravnanje, što može poduzeti tri vrijednosti: Lijevo, Centar, Pravo. U nastavku je naveden primjer upotrebe.

Ove HTML naredbe (širina i poravnanje) prikladne su za druge elemente. Debljina okvira je također naznačena na slikama.

Upotreba popisa

Pomoću HTML naredbi možete stvoriti različite vrste popisa. Gotovo upravo isto kao iu uredniku Worda.

U HTML-u postoje naređeni i neuredni popisa (označenih). Primjer takvog popisa.

Rezultat će biti:

• Prvi
• Drugi
• Treći

Popisi naručenih izrađuju se na isti način, ali samo umjesto

, upotrijebite oznaku
.

Ovdje možete postaviti i vrstu izlaza popisa:

• "1" - arapski broj 1, 2, 3 ...
• "A" - velika slova A, B, C ...
• "A" - mala slova a, b, c ...
• „Ja” - veliki rimski brojevi I, II, III ...
• „Ja” - mali rimski brojevi i, ii, iii ...

Arapski su brojevi prikazani kao standard.

Budući da su popisani brojevi, oni imaju početni atribut koji određuje početnu vrijednost popisa. Primjerice, možete prikazati popis koji započinje 10. ili 20. listopada.

Upotreba stilova

HTML-naredbe za web mjesto vrlo su raznolike, ali svi slijede stilove. Stilovi se mogu navesti kao datoteka u glavnom odjeljku: ili propisati gotove stil.

Imajte na umu da postoji razlika između tih definicija stila. Datoteka stilova može se navesti na svim stranicama web mjesta. Nakon što izvršite izmjene, ažuriranje će utjecati na cijelo web mjesto u cjelini. Ako navedete stilove na određenoj stranici, promjene i upotreba tih klasa bit će samo unutar te datoteke. Vaše postavke neće nadmašiti.

Zamislite da imate 20 stranica HTML-a i odlučili ste da zaglavlje bude veći od 2 piksela. Ako imate sve u tablici stilova, trebate je samo urediti tamo. Ako svugdje pojedinačno, onda morate ažurirati svih 20 stranica.

Možete navesti samo jednu stranicu kako slijedi.

Ova metoda nije preporučljiva.