Kako izraditi HTML stranicu: upute, tehnologija i preporuke korak po korak

računala

Mislite li kako izraditi HTML stranicu? Da biste to učinili, trebate provesti nekoliko sati i znat ćete osnove HTML-a. I možete izraditi svoju prvu stranicu za 5 minuta.

HTML označava HyperText Markup Language. U prijevodu to znači "hipertekstualni označni jezik". Važno je razumjeti da HTML nije programski jezik, već označavanje web mjesta.

Svi moderni preglednici to mogu prepoznati. Zatim korisnicima prikazuju informacije na prikladan način, kao što je prethodno planirala autorica.

Na ovom jeziku koriste se posebne oznake. Svaka oznaka obavlja svoju funkciju. Mnogo ih je. U idealnom slučaju, morate naučiti sve. Ali za početnike osnovno znanje je dovoljno.

Osnove HTML-a

Prije nego što izradite HTML stranicu, morate znati od čega se izrađuju. Na ovom jeziku postoje dva pojma: element i oznaka.

Da biste odredili gdje se taj element pokreće i zatvara, upotrijebite oznaku otvaranja i zatvaranja. Izgleda tako.

<početna oznaka> sadržaj </ zatvaranje oznake>

Kao što vidite, oznake otvaranja i zatvaranja razlikuju se samo u "/".

Cijeli HTML dokument je zbirka tih dokumenataelementi. Postoje određeni zahtjevi za strukturu dokumenta. Svi sadržaji na stranici trebaju biti između dvije <html> i </ html> oznake. Kada napišete kôd, uzmite naviku da odmah postavite oznaku za otvaranje i zatvaranje.

Također zapamtite da struktura HTML jezika ima svoju hijerarhiju. Inače se zove gniježđenje. HTML oznaka je najvažnija jer su svi drugi u njemu.

HTML ima dvoje djece:

  • <head> ... </ head>;
  • <body> .. </ body>.

Blok glave označava različite informacije o servisu. Te se informacije ne prikazuju u pregledniku. Na primjer, upute za razvojne programere, za sve programe, za robote i još mnogo toga.

Najvažnije, ovdje nema sadržaja.

Odjeljak BODY označava sadržaj dokumenta koji će biti prikazan korisniku.

Saznajte kako otvarati i zatvoriti oznake odjednom jer postoji 10 nested stavki. Osim toga, za praktičnost, preporučuje se da ugniježđene oznake budu razrezane. Na primjer, ovako.

<Html>

<Head>

</ head>

<Body>

</ body>

</ html>

Učinite to i oznake jednakog značajana jednoj razini, a djeca - "iznutra". Zato je mnogo prikladnije za percepciju i traženje potrebnog dijela koda. Inače, možete se zbuniti. No, za uštedu prostora, oznake glave i tijela mogu se obaviti bez uvlačenja. To je učinjeno tako da svi drugi nemaju suvišnu uvlaku. Sve ostalo je poželjno razdvojiti.

Kako izraditi jednostavnu HTML stranicu

Da biste napisali kôd, potreban vam je neki urednik. Mnogo ih je. Notepad ++ i Adobe Dreamweaver su popularni. Također možete koristiti prijenosno računalo.

Tako izgleda Notepad ++ urednik.

kako stvoriti html stranicu

Ovo je vrlo zgodan urednik i besplatan je. Gornji Adobe Dreamweaver je zaračunat. Razlika između urednika namijenjenih pisanju HTML koda iz bilježnice je da su posebne oznake istaknute. Ako nije označeno, to znači da ste netočno napisali.

kako stvoriti html web stranicu

Kako biste osigurali da pozadinsko osvjetljenje odgovara jezika, morate ga odrediti u postavkama.

kako stvoriti jednostavnu stranicu na htmlu

Pogledajmo kako stvoriti HTML stranicu u Notepad. Naime, završimo tehnički dio, a zatim izravno idemo na proučavanje oznaka.

Kako stvoriti web stranicu u notepad HTML

Najprije otvorite notepad.

kako stvoriti web stranicu u notepad html

Zatim upišite ono što je prikazano na sljedećem screenshotu.

kako stvoriti html stranicu u notepad

Pripremite se pisati rukama, ne samo kopiranjem. Kada pišete rukama, bolje se sjetite cijele baze oznaka.

Nakon toga kliknite izbornik "Spremi datoteku" i navedite bilo koji naziv datoteke, ali s ekstenzijom .html.

spremanje u notepad

Nakon toga možete otvoriti datoteku u pregledniku i diviti se rezultatu. Sada biste trebali razumjeti kako izraditi web stranicu u HTML bilješki.

Svjetski konzorcij W3C

Postoji organizacija poput W3C, kojarazvija i provodi sve standarde za Internet. Svi se preglednici pridržavaju ovih standarda i izgleda stranica procesa (kodova) u skladu s ovim pravilima.

Na službenom mjestu HTML programera možete pronaći tablicu sa svim oznakama i pravilima za njihovu upotrebu. U okviru ovog članka smatraju se najosnovnijima.

Možda mislite, koja pravila mogu biti? Sve opisane oznake imaju vlastitu preporuku. Postoji nekoliko njih:

  • Dodatna oznaka.
  • Zabranjeno.
  • Prazna oznaka.
  • zastario
  • Izgubljeni.

Oznake u HTML-u

Prije izrade HTML stranice morate razumjeti što bi trebalo biti u dijelu usluge HEAD.

U HEAD području, postoje i obvezni iizborne oznake. Obvezna oznaka je naslov. Označeno je s <title> Title </ title>. Dodjeljuje se cijeli dokument. Ono što vidite u rezultatima Google tražilici je naslovna oznaka.

Prijeđimo na odjeljak BODY. Postoje elementi koji se prikazuju u pregledniku, a tu su i one koje nisu prikazane. Na primjer, komentari se ne prikazuju korisniku. Mogu se koristiti za bilješke ili za poticanje drugih zaposlenika ako radite u timu.

Oni su označeni kao <! - Komentar ->

Sve što je između <!- i ->, program procjenjuje na ovaj način. Napominjemo da ne možete priložiti oznaku komentara drugoj oznaci komentara. Budući da čim otvorite <! -, sve što se događa neće se prikazati. Informacije neće biti vidljive dok upravitelj ne vidi zatvaranje oznake ->.

Primjer ovog gniježđenja:

<! - prvi komentar <! - drugi komentar -> nastavak prvog komentara ->

Rezultat u pregledniku će biti sljedeći

nastavak prvog komentara ->

A ovdje je komad <! - prvi komentar <! - drugi komentar -> neće biti vidljiva. Drugi otvoreni <! - tag zanemaren je i tretiran kao običan tekst.

Naslovi u tekstu

Naslov se označava ne samo u dijelu HEAD s oznakom naslova. U kontekstu, naslov mora biti nužno naveden. Jer samo će ga korisnik vidjeti.

Naslovi dolaze na različitim razinama. To stvara hijerarhiju u tekstu. To je ekvivalentno količinama, poglavljima, odlomcima u knjigama.

Postoji samo 6 razina. Najvažniji naslov označen je sa <h1> Naslov </ h1>. S gledišta promocije stranice, tekst u naslovima h1 i naslova trebao bi biti isti. Štoviše, s estetskog gledišta h1 treba biti samo jedan. Ali to ne znači da preglednik neće obraditi sljedeće h1. Mogu se napraviti bilo koji broj, ali to je nepoželjno.

U podnaslovima koristite oznake od h2 do h6. Oni su tzv. Naslov prvog, drugog, trećeg, četvrtog, pete i šestog stupnja. To stvara informacije o gniježđenju i podjelu u kategorije.

Izgleda ovako.

kreirajte veze HTML stranice

stav

Glavni tekst u kodu treba biti u oznaci <p> ​​... </ p>. To je izvedeno iz riječi "odlomak". Svaki odlomak mora biti označen <p>, a ne oblikovati sve u jednoj hrpi. Normalno prekidne linije neće biti obrađene. Sve će biti prikazano u jednoj liniji. Za prijenose upotrijebite oznaku s oznakom ".

Imajte na umu da se oznaka prijenosa ne zatvori. On je samac.

Razmislite o primjeru pjesama.

Pushkinove pjesme

Različite oznake, uz svoje "ime", imajusvoj atribut. Na primjer, oznaka odlomka ima atribut "usklađivanje", koji označava poravnanje. Može biti lijevo, desno, centar. To jest, lijevo ili desno ili središnje poravnanje.

Upotreba veza

Vjerojatno ste već mislili: i kako stvoriti HTML stranicu s vezama? Ne postoji ništa komplicirano. Izrada veza na HTML stranice je jednostavna. Za to postoji posebna oznaka <a>. Ima potrebne atribute. Točna veza izgleda ovako:

<a href="stranica stranice"> tekst veze </a>

kreirajte veze HTML stranice

Ako ne navedete adresu i tekst, ta će veza biti korisna ili nevidljiva korisniku.

zaključak

Postoji toliko mnogo oznaka, a svaka ima svoj skup atributa. Nakon što ste pročitali ove informacije, morali ste odrediti kako stvoriti HTML web stranicu.

Da biste ovo proširilitrebate pročitati dodatnu literaturu i koristiti službenu referentnu oznaku za HTML, koja se nalazi na W3C web stranici. Ako ne koristite periodički ažuriranu referentnu knjigu autora jezika, teško ćete postati stručnjak u ovom području.