Računala Windows Internet

Spremni izvorni kod za html. Primjer stvaranja html stranice u bilježnici

: HTML - Jezik za označavanje hiperteksta (ili jezik za označavanje hiperteksta).

Pa upoznajmo ga bolje.

Prvo stvorite datoteku na svom računalu s bilo kojim imenom i nastavkom .html (naslov mora biti na engleskom jeziku- na primjer index.html). Da biste stvorili takvu datoteku - stvorite redovitu Tekstualni dokument ("Start" - "Svi programi" - "Pribor" - "Bilježnica") i spremi ("Datoteka" - "Spremi kao") bilo gdje unosom imena i proširenja (događa se da kada se uvede proširenje, bilježnica ga i dalje sprema kao tekstualna datoteka, ali potrebna nam je web datoteka. Da biste to učinili, prije spremanja odaberite vrstu datoteke - "Sve datoteke ( *. *)").

To nije preduvjet (budući da možete promijeniti naziv prve stranice u postavkama poslužitelja), već pravilo dobre forme. Naziv prve stranice je po mogućnosti indeks (index.html), budući da poslužitelj prilikom pristupa izdaje datoteku s tim imenom - indeks.

Ako je ispravno spremljena, ikona datoteke trebala bi se promijeniti u ikonu preglednika (Internet Explorer prema zadanim postavkama).

Sada otvorite ovu datoteku putem bilježnice i kopirajte ovaj kod tamo.

Ovo je prva web stranica!

Spremite i otvorite preglednikom.

Čestitamo, upravo ste stvorili svoju prvu web stranicu.

Tekst "Ovo je prva web stranica!" možete je promijeniti u bilo koju drugu, na primjer, "Ovo je moja prva web stranica !!!". spremite, ažurirajte preglednik, divite se rezultatu.

Ali naša stranica nema naslov.

Moramo to popraviti - malo ćemo ispraviti kôd, ili bolje rečeno dodati mu "Site Head" pomoću oznaka i .</p><p> <html> <head> <title>Prva stranica Ovo je moja prva web stranica !!!

Štedimo, ažuriramo, divimo se. Naša stranica sada ima zaglavlja.

Opis oznaka.

Prva oznaka je (ova oznaka je uparena, tj. završna oznaka potrebno) - koristi se kao spremnik koji sadrži sav sadržaj stranice (tekst, slike itd.). Iako ova oznaka ( i) nije obavezno, ali njegovo korištenje govori o dobroj formi. Stoga vam savjetujem da ga koristite.

Sljedeća oznaka je ... Ovo je također uparena oznaka ( i). Ova oznaka se ne prikazuje na stranici (osim naslova), ali je potrebno navesti dodatne parametre stranice - opis stranice (koriste je tražilice), ključne riječi(koriste tražilice), stilovi, skripte, naslovi i drugo.

Označiti </b>- uparena oznaka ( <title>i) je potrebno za navođenje naslova stranice. Štoviše, ovu oznaku potrebno je postaviti samo unutar oznake. !

I posljednja, u našem kodu, oznaka - ... Također uparena oznaka ( i

), unutar koje se nalazi cijeli vidljivi dio stranice, tj. tekstove, slike, veze, općenito, podatke koje želite postaviti na web mjesto.

U sljedećoj lekciji govorit ćemo o vrstama oznaka i pravilu njihovog pisanja.

Ako stvarate predložak od nule, morate se nadograditi na nečemu. S obzirom na to da HTML5 standard "korača širom zemlje", u ovom članku ću dati primjer praznog HTML5 predloška.

Novi standard je dosta pojednostavio i sada osnovni dio izgleda ovako:

...

Nove HTML5 oznake

HTML5 uvodi nekoliko novih oznaka za strukturu koda:

,