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

Mislite li kako izraditi HTML stranicu? Za to 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.

sadržaja

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

Cijeli HTML dokument je zbirka tih elemenata. Postoje određeni zahtjevi za strukturu dokumenta. Svi sadržaji stranica trebaju biti između dvije oznake i . Kada pisati kod, uzeti ga naviku da odmah spustiti otvaranje i zatvaranje oznaku.

Također zapamtite da struktura HTML jezika ima svoju hijerarhiju. Inače se zove gniježđenje. HTML oznaka je najvažniji, budući da su svi ostali u njemu.

HTML ima dvoje djece:

• ... ;
• .. .

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.

Učinite to jednako važne oznake na istoj 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.

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

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

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.

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

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

Zatim kliknite na izbornik „Save File” i odredite naziv datoteke, ali s nastavkom .html.

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, koja razvija 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 području HEAD, postoje obavezne i neobvezne oznake. Obvezna oznaka je naslov. Označeno je s . 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

Sve što se između njih smatra programom na ovaj način. Napominjemo da ne možete priložiti oznaku komentara drugoj oznaci komentara. Jer čim ga otvorite.

Primjer ovog gniježđenja:

nastavak prvog komentara ->

Rezultat u pregledniku će biti sljedeći

nastavak prvog komentara ->

Ali komad neće biti vidljiv. Druga oznaka otvaranja