Kako napraviti web stranicu za samo nekoliko sati

Kreiranje web stranice ne mora biti teško. U ovom članku, we’ll walk through the basics of html page creation and how to create a mini-includes list. Sljedeći, razgovarat ćemo o tome kako koristiti html>-tag za isticanje teksta. Na kraju krajeva, pokazat ćemo vam kako napraviti web stranicu za samo nekoliko sati. Također ćemo pokriti nekoliko drugih korisnih tehnika.

Creating a html page

HTML is the language used to build web pages. On definira strukturu web stranice, a CSS kontrolira kako se sadržaj prikazuje. Nije teško napraviti osnovnu HTML stranicu. Evo vodiča korak po korak za početak. Nakon što imate osnovnu HTML stranicu, spremni ste da kreirate složenije i dinamičnije. Početi, trebat će vam uređivač teksta i web pretraživač.

Također možete koristiti program za obradu teksta kao što je MS Word za kreiranje sadržaja za svoju web stranicu. Možete koristiti hiperveze za međusobno povezivanje teksta. Takođe možete sačuvati datoteku kao html datoteku, web stranicu. Ova metoda dobro funkcionira, ali stranice koje kreirate na ovaj način su ogromne i ne izgledaju dobro u prozoru preglednika. Jedina mana ove metode je da morate naučiti koristiti alate koji su dostupni.

HTML je jezik za označavanje, što znači da morate uključiti oznake kako biste formatirali sadržaj na stranici. Svaka oznaka predstavlja jedan od elemenata stranice. Oznaka se identificira ugaonom zagradom. Neki elementi zahtijevaju samo jednu oznaku, dok drugi zahtevaju dva. Završna oznaka sadrži kosu crtu naprijed. Na primjer, oznaka paragrafa stvara element koji se zove paragraf. Tekst između početne i završne oznake čini tekst pasusa. Slično, ul tag kreira neuređenu listu.

Creating a mini-includes list

Creating a mini-includes section is an effective way to link various elements on the same web page. HTML stranica se može podijeliti na nekoliko pododjeljaka, sa svakim odeljkom koji sadrži listu elemenata. Ovi elementi služe različitim svrhama. Možete koristiti atribut type za prikaz abecednog reda. Također možete koristiti mala slova da kreirate listu elemenata sa slovima a, b, ili c.

Dodavanje elementa je jednostavno. Jednostavan HTML dokument sadrži oznake koje definiraju njegov sadržaj. Ove oznake obično dolaze u parovima. Početna oznaka se koristi za popis elemenata unutar nje, dok završna oznaka zatvara element. Oznaka otvaranja, ili glavu, uključuje opisne informacije o dokumentu. Ove informacije mogu uključivati ​​naslov, informacije o listi stilova, skripte, ili meta informacije. Završna oznaka, S druge strane, zatvara element.

Koristeći html>-tag

html>-tag se koristi za definiranje glavnog područja sadržaja HTML dokumenta. Glavno područje sadržaja sastoji se od teksta koji se odnosi na središnju temu ili funkcionalnost stranice. Mora biti jedinstven od ostalih sadržaja na stranici. Drugi sadržaj se može pojaviti na stranici u obliku bočnih traka, navigacijski linkovi, informacije o autorskim pravima, logos sajtova, i formulare za pretragu. HTML stranica mora pratiti html>-tag se smatra HTML stranicom.

Atribut href= otvara element linka. Nakon “=” sign, trebali biste zalijepiti URL linka. Također možete koristiti više redova pasusa u jednom naslovu. Završna zagrada je obavezna. Ovo će spriječiti da vaše veze budu pogrešno protumačene. Da html stranicu bude lakša za čitanje, dodajte link na svoju web stranicu. html>-tag će vam omogućiti da dodate veze koje upućuju na drugu web stranicu.

HTML datoteka će imati ekstenziju .html koja će reći vašem računaru da je HTML datoteka. Najbolje je koristiti crticu umjesto razmaka, jer će razmaci spriječiti web pretraživač da pronađe datoteku. Nakon što završite kreiranje HTML stranice, moraćete da ga sačuvate. Sljedeći, idite do fascikle sa HTML datotekom i kliknite desnim tasterom miša na nju. Trebalo bi izgledati slično kao na slici ispod.

Koristeći html>-tag za isticanje teksta

You can use the mark> tag za isticanje teksta u HTML dokumentima. To je relativno nov HTML 5 karakteristika, i definiše istaknuti dio pasusa. Znak> tag radi tako što mijenja svojstvo boje pozadine osnovnog HTML dokumenta. Znak> tag podržava i globalne i atribute događaja. Istaknut će tekst žutom ili crnom bojom. Također je moguće promijeniti boju teksta u osnovnoj CSS datoteci.

Većina čitača ekrana ne najavljuje element oznake, ali možete koristiti svojstvo CSS sadržaja ili pseudoelemente.prije i.poslije da bi bilo jasno koji tekst želite istaknuti. Najave su opširne i dodaju nepotrebne informacije na stranicu, pa ih treba štedljivo koristiti. Na primjer, možete koristiti najave za isticanje pojma za pretraživanje ili blokiranje citata. Najave podržavaju svi glavni pretraživači.

Pored stila boje pozadine, možete koristiti 'highlightme’ klase za isticanje teksta u vašem HTML dokumentu. Stil boje pozadine je podržan od strane svih pretraživača. Možete koristiti i riječ „žuto“.’ umjesto koda boje. Isti kod možete koristiti za isticanje pasusa ili dijela teksta. Također možete koristiti CSS klase za isticanje teksta.

Koristeći html>-tag to create a mini-includes list

html>-tag se koristi za kreiranje liste mini-includes. Sadrži odgovarajuću završnu oznaku, a ime elementa je malim slovima. HTML dokumenti su kodirani korištenjem UTF-8 kodiranja znakova, koji podržava uključivanje Unicode znakova. Kada koristite html>-tag, obavezno odaberite UTF-8 u “sačuvaj-kao” dijaloški okvir.

Koristeći html>-tag za dodavanje mini-includes liste na HTML stranicu je jednostavno. Ovu oznaku možete koristiti za bilo koji element koji podržava neuređenu listu. Možete čak koristiti neuređenu listu za navigacijski meni. Element dl obuhvata listu parova pojmova i opisa. Stavke u poređanoj listi su prikazane sa eskalirajućim brojačem na lijevoj strani. Također možete izostaviti dl element ako nakon stavke liste odmah slijedi drugi element.

Drugi način za umetanje mini-includes liste je dodavanje elementa podnožja u HTML dokument. Ovaj element predstavlja podnožje sadržaja najbližeg odjeljka. Obično sadrži podatke o autoru, podaci o autorskim pravima, ili linkovi na povezane dokumente. Koristeći html>-tag to create a mini-includes list on an HTML page

Koristeći html>-tag to highlight individual text blocks

HTML5 highlights individual text blocks with the mark> element. Ova HTML5 oznaka mijenja boju sadržaja u izvoru u određenu nijansu žute ili crne, omogućavajući čitaocu da razlikuje važan tekst. Također se može koristiti za označavanje dijelova sadržaja kojima je potrebno više pažnje od drugog teksta. Znak> element podržava globalne atribute i atribute događaja u HTML-u. Kada se pravilno koristi, ova HTML5 oznaka može poboljšati čitljivost web stranice.

HTML4 standard zabranjuje oznake na nivou znakova fizičkog stila. Bave se prezentacijom, i bolje je koristiti CSS za ove svrhe. HTML5 ih je ponovo uveo. Oni više nisu zastarjeli, ali oni još uvijek nisu jedini način da se istaknu pojedinačni tekstualni blokovi. Koristite CSS da istaknete pojedinačne blokove teksta pomoću HTML5! Ova jednostavna metoda će istaknuti pojedinačne tekstualne blokove unutar dijela sadržaja.

Float: Možete koristiti ovo CSS svojstvo da pomičete element na lijevu ili desnu ivicu elementa koji sadrži. Može se koristiti za kreiranje mreže ili stupaca. Također možete koristiti CSS svojstvo zvano float da pomičete iframe ili sliku na lijevu ili desnu marginu preglednika. Ovi atributi olakšavaju isticanje pojedinačnih blokova pomoću CSS-a.