Kako kreirati HTML stranicu

Ako želite da kreirate svoju web stranicu, morate imati razumijevanje HTML-a. This article explains how to create an HTML page. Također, naučićete kako da kreirate xml mapu sajta i kako da dodate sliku i link. Takođe je važno kreirati xml mapu sajta, što vam može pomoći da organizirate svoju stranicu i povećate promet. Sljedeći korak je odabir šablona.

Creating a html page

HTML je jezik za označavanje. Svaki element web stranice predstavljen je oznakom. Oznaka se identifikuje ugaonim zagradama, i svaki element ima jednu ili više oznaka. Neki elementi zahtijevaju samo jednu oznaku; drugi mogu zahtijevati dvije. Oznake za otvaranje i zatvaranje imaju kosu crtu naprijed (/). Na primjer, element paragrafa je predstavljen oznakom p. Tekst između početne i završne oznake je tekst pasusa.

Za kreiranje HTML dokumenta, morat ćete koristiti uređivač teksta. Većina računara podrazumevano ima uređivač teksta. Korisnici Windows-a će koristiti Internet Explorer, dok korisnici Mac-a mogu koristiti TextEdit. Možete instalirati otmjeni uređivač teksta da kreirate web stranicu profesionalnog izgleda, već za vašu prvu HTML stranicu, nije potrebno. Također možete koristiti jednostavan uređivač teksta i bilo koji web pretraživač. Ako niste sigurni koji program koristiti, pokušajte preuzeti besplatni HTML editor.

HTML stranica ima dva glavna odjeljka: tijelo i glava. Tijelo sadrži stvarni sadržaj web stranice, dok se zaglavlje koristi za naslov i meta informacije. Tijelo sadrži sve ostale elemente, uključujući slike i drugu grafiku. Odjeljak zaglavlja je mjesto za postavljanje vaših navigacijskih veza. Nakon što završite sa pisanjem tijela, spremni ste za umetanje sadržaja dokumenta. Obavezno koristite elemente tijela i glave kako biste osigurali da vaša web stranica bude dostupna svima.

Creating a xml sitemap

If you have an HTML page, možda ćete želeti da kreirate XML mapu sajta kako biste pomogli pretraživačima da indeksiraju vašu veb lokaciju. Iako to neće uticati na vaše rangiranje u pretraživanju, pomoći će pretraživačima da razumiju vaš sadržaj i prilagode brzinu indeksiranja. Ovuda, vaša će web stranica biti vidljivija u rezultatima tražilice. Evo nekoliko jednostavnih koraka za početak:

Kreiranje HTML sitemapa je jednostavno za napraviti. Sve što treba da uradite je da napravite jednostavnu tabelu stranica vašeg sajta, sa linkovima do svake stranice. Zatim povežite na tu stranicu mape web stranice u zaglavlju ili podnožju. Ovuda, bez obzira koliko stranica ima vaš sajt, ljudi mogu lako da se kreću kroz njih. Štaviše, ne morate slati SEO da biste kreirali sitemap.

Jednom kada vaša HTML stranica bude aktivna, pošaljite ga na Google Search Console. Možete koristiti bilo koju ekstenziju datoteke i imenovati svoju XML sitemap. Možete poslati XML sitemap Googleu, ali nije neophodno. Googleovi pretraživači su generalno prilično dobri u otkrivanju novog sadržaja, i ne morate da im šaljete mapu sajta. Možete ga poslati i drugim pretraživačima, ali to ne garantuje da će vas Google otkriti.

Nije potrebno dodati XML sitemap vašoj web stranici, ali će povećati SEO vaše web stranice. Sitemape koriste pretraživači kako bi im pomogli da indeksiraju stranice na koje nije direktno povezana web stranica. Sitemapovi također pomažu u poboljšanju dostupnosti bogatog medijskog sadržaja. Dodavanje mape sajta vašoj web stranici može pomoći da vaša web lokacija bude pristupačnija botovima pretraživača.

Adding a picture

In HTML, možete dodati sliku na stranicu pomoću oznake img. Ova oznaka sadrži samo sliku i njene atribute; ne zahtijeva oznaku za zatvaranje. Ovu oznaku slike treba umetnuti unutar dijela tijela HTML dokumenta. Pored širine i visine slike, trebali biste uključiti alt atribut koji opisuje sliku. Alt tag bi trebao biti napisan kao da pišete opis za osobu koja je ne može vidjeti.

Dodavanje slike u HTML dokument zahtijeva malo znanja o CSS-u i HTML-u. Veličina slike i rezolucija su dva najvažnija faktora koja treba uzeti u obzir. Veličina slike će odrediti kako će se uklopiti u sadržaj dokumenta. Ako želite koristiti drugu rezoluciju ili omjer širine i visine, također možete pokušati promijeniti veličinu slike. kako god, zapamtite da skaliranje ne funkcionira uvijek kako očekujete.

Dobro pravilo za podešavanje veličine slike je povećanje njene širine. Širina bi trebala biti najmanje jedan piksel manja od visine. Ako je slika premala za prikaz, možete dodati ivicu, a zatim ga prilagodite veličini slike. Granicu slike možete podesiti i dodavanjem atributu granice. Debljina ivice je zadana vrijednost, ali možete ga postaviti na bilo koju vrijednost. Uvjerite se da slika ima src atribut.

Adding a link

You can add a link in HTML to your document using an a> tag sa href atributom. Ovo će kreirati obeleživač za dokument i otvoriti ga u novoj kartici. Također možete koristiti href atribut za umetanje slike u dokument. Također možete koristiti vezu sa JavaScript kodom da pretvorite HTML dugme u vezu. Kada to uradite, možete stilizirati svoju vezu pomoću CSS ili JavaScript koda.

Link je veza od jednog web resursa do drugog. Sastoji se od dva kraja, izvorno sidro i odredišno sidro. Veza može biti bilo šta, od slike do tekstualne datoteke. Većina društvenih mreža i web stranica koristi veze za usmjeravanje korisnika na određeni URL. HTML se također može koristiti za određivanje lokacije veze. To je’ atribut vam omogućava da povežete elemente koda sa URL-om.

Prilikom dizajniranja veze, svakako razmislite kako će vaši posjetitelji koristiti sadržaj. Tekst linka treba da bude deskriptivan, tako da će tačno znati šta treba da očekuju. Ponavljanje istog URL-a je ružno za čitače ekrana, i to im ne daje nikakve korisne informacije. Čitači ekrana također govore korisnicima kada veze postoje tako što ih čine različitim stilovima ili podvlače. Na ovaj način, lako mogu pronaći informacije koje su im potrebne.

Adding a table

Adding a table to an HTML page is simple, ali postoji nekoliko stvari koje biste trebali razmotriti prije nego što to učinite. Boja pozadine vašeg stola je ključna za privlačenje pažnje vašeg posjetitelja i skretanje pažnje na važne informacije. Možete postaviti drugu boju za element zaglavlja tabele i element podataka koristeći heksadecimalne kodove boja ili nazive boja. U svakom slučaju, Vaš sto će biti lako vidljiv.

Možete dodati zaglavlje tabele i podatke tabele sa elementom td, koji definiše pojedinca “kutije” za sadržaj. Dodavanje zaglavlja tabele je prvi korak za prikazivanje podataka na web stranici, i trebali biste dodati prvu ako želite. Tabela takođe treba da ima tri naslova reda. Jedno zaglavlje treba biti prazno. Ako vaša tabela ima kolone, također biste trebali kreirati zaglavlja redova za svaku kolonu.

Također možete dodati naslove u svoju tabelu. Naslov je neobavezni element koji opisuje svrhu tabele. Naslovi su također korisni za pristupačnost. Tabela također može sadržavati ćelije koje opisuju grupe podataka. Konačno, možete dodati element thead da definirate skup redova i kolona. Možete koristiti oba elementa zajedno ili zasebno. Možete ih čak koristiti u kombinaciji, ali natpis je najvažniji.

Adding a div

Adding a div to an HTML file allows you to add a section of your webpage without re-writing the whole page. Element div je poseban kontejner za tekst, slike, i drugi elementi. Možete ga imenovati kako god želite i mijenjati njegove atribute kako bi odgovarao vašim potrebama. Također možete dodati klasu ili marginu da napravite razmak između div i drugih elemenata na vašoj stranici.

Također možete koristiti innerHTML atribut za umetanje koda unutar div. Ova metoda prihvata kod zatvoren u nizu, a ako nije unutar div, sadržaj će biti uklonjen. Trebali biste izbjegavati umetanje koda u div na ovaj način, jer to može izložiti vašu web stranicu ranjivosti skriptiranja na više lokacija. Ako koristite skriptni jezik kao što je JavaScript, možete koristiti innerHTML atribut.

Div je osnovna HTML oznaka koja se koristi za grupisanje koda unutar dokumenta. Može sadržavati pasus, blok citat, slika, audio, ili čak zaglavlje. Njegova pozicija vam omogućava da primenite jedinstven stil i jezik na različite delove stranice. Divovi se najbolje koriste za označavanje semantike koja je zajednička grupama uzastopnih elemenata. Div treba koristiti kada želite dodati stil u odjeljak bez potrebe za ponovnim pisanjem cijele stranice.