Kako izraditi web stranicu u samo nekoliko sati

Izrada web stranice ne mora biti teška. U ovom članku, proći ćemo kroz osnove stvaranja html stranica i kako stvoriti popis mini-includes. Sljedeći, razgovarat ćemo o tome kako koristiti html>-oznaka za označavanje teksta. U konačnici, pokazat ćemo vam kako izraditi web stranicu u samo nekoliko sati. Također ćemo pokriti nekoliko drugih korisnih tehnika.

Izrada html stranice

HTML je jezik koji se koristi za izradu web stranica. On definira strukturu web stranice, a CSS kontrolira način na koji se sadržaj prikazuje. Nije teško izraditi osnovnu HTML stranicu. Evo vodiča korak po korak za početak. Nakon što imate osnovnu HTML stranicu, spremni ste za stvaranje složenijih i dinamičnijih. Za početak, trebat će vam uređivač teksta i web preglednik.

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

HTML je označni jezik, što znači da trebate uključiti oznake kako biste formatirali sadržaj na stranici. Svaka oznaka predstavlja jedan od elemenata stranice. Oznaka se identificira uglatom zagradom. Neki elementi zahtijevaju samo jednu oznaku, dok su za druge potrebna dva. Završna oznaka sadrži kosu crtu. Na primjer, oznaka odlomka stvara element koji se naziva odlomak. Tekst između uvodne i završne oznake čini tekst odlomka. Na sličan način, oznaka ul stvara nesređenu listu.

Stvaranje mini popisa uključuje

Stvaranje odjeljka mini-includes učinkovit je način povezivanja različitih elemenata na istoj web stranici. HTML stranica može se podijeliti u nekoliko pododjeljaka, pri čemu svaki odjeljak sadrži popis elemenata. Ovi elementi služe različitim svrhama. Možete koristiti atribut type za prikaz abecednog reda. Također možete koristiti mala slova za izradu popisa 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 paru. Početni tag se koristi za popis elemenata unutar njega, dok zatvarajuća oznaka zatvara element. Oznaka za otvaranje, odnosno glava, uključuje opisne informacije o dokumentu. Ove informacije mogu uključivati ​​naslov, informacije o listu stilova, skripte, ili meta informacije. Završna oznaka, s druge strane, zatvara element.

Korištenje html-a>-označiti

html>-Oznaka se koristi za definiranje područja glavnog sadržaja HTML dokumenta. Područje glavnog 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. Ostali sadržaji mogu se pojaviti na stranici u obliku bočnih traka, navigacijski linkovi, informacije o autorskim pravima, logotipi stranica, i obrascima za pretraživanje. HTML stranica mora slijediti html>-oznaku koja će se smatrati HTML stranicom.

Atribut href= otvara element veze. Nakon “=” znak, trebali biste zalijepiti URL veze. Također možete koristiti više redaka odlomaka u jednom naslovu. Završna zagrada je obavezna. To će spriječiti krivo tumačenje vaših poveznica. Kako bi se html stranica lakše čitala, dodajte poveznicu na svoju web stranicu. html>-omogućit će vam dodavanje poveznica koje upućuju na drugu web stranicu.

HTML datoteka će imati ekstenziju.html koja će vašem računalu reći da je to HTML datoteka. Najbolje je koristiti crticu umjesto razmaka, jer će razmaci spriječiti web preglednik da pronađe datoteku. Nakon što završite s izradom HTML stranice, morat ćete ga spremiti. Sljedeći, dođite do mape s HTML datotekom i kliknite je desnom tipkom miša. Trebalo bi izgledati slično kao na slici ispod.

Korištenje html-a>-oznaka za označavanje teksta

Možete koristiti oznaku> oznaku za isticanje teksta u HTML dokumentima. To je relativno nov HTML 5 značajka, i njime se definira istaknuti dio odlomka. Oznaka> oznaka radi mijenjanjem svojstva boje pozadine donjeg HTML dokumenta. Oznaka> podržava i globalne atribute i atribute događaja. Istaknut će tekst žutom ili crnom bojom. Također je moguće promijeniti boju teksta u temeljnoj CSS datoteci.

Većina čitača zaslona ne najavljuje element oznake, ali možete upotrijebiti CSS svojstvo sadržaja or.before and.after pseudo-elemente kako biste jasno vidjeli 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 blokirati navodnike. Obavijesti podržavaju svi glavni preglednici.

Osim stila boje pozadine, možete koristiti 'highlightme’ klase za označavanje teksta u vašem HTML dokumentu. Stil boje pozadine podržavaju svi preglednici. Također možete koristiti riječ "žuto".’ umjesto oznake boje. Možete koristiti isti kôd za označavanje odlomka ili dijela teksta. Također možete koristiti CSS klase za označavanje teksta.

Korištenje html-a>-oznaku za izradu mini popisa

html>-oznaka se koristi za stvaranje popisa mini-uključivanja. Sadrži odgovarajuću završnu oznaku, a naziv elementa je malim slovima. HTML dokumenti su kodirani korištenjem UTF-8 kodiranja znakova, koji podržava uključivanje Unicode znakova. Kada koristite html>-označiti, svakako odaberite UTF-8 u “spremi-kao” dijaloški okvir.

Korištenje html-a>-oznaku za dodavanje popisa mini-includes na HTML stranicu je jednostavno. Ovu oznaku možete koristiti za bilo koji element koji podržava nesređeni popis. Možete čak koristiti i neuređeni popis za navigacijski izbornik. Element dl obuhvaća popis parova pojmova i opisa. Stavke na uređenom popisu prikazane su s eskalirajućim brojačem s lijeve strane. Također možete izostaviti dl element ako iza stavke popisa odmah slijedi drugi element.

Drugi način za umetanje popisa mini-includes 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 poveznice na povezane dokumente. Korištenje html-a>-oznaku za stvaranje popisa mini-uključivanja na HTML stranici

Korištenje html-a>-oznaku za isticanje pojedinačnih blokova teksta

HTML5 označava pojedinačne tekstualne blokove oznakom> element. Ova HTML5 oznaka mijenja boju sadržaja u izvoru u određenu nijansu žute ili crne, omogućujući čitatelju da razlikuje važan tekst. Također se može koristiti za označavanje odjeljaka sadržaja kojima treba posvetiti više pažnje od drugog teksta. Oznaka> 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.

Standard HTML4 odbacuje oznake na razini znakova fizičkog stila. Bave se prezentacijom, te je za te svrhe bolje koristiti CSS. HTML5 ih je ponovno uveo. Više nisu zastarjeli, ali još uvijek nisu jedini način za isticanje pojedinih blokova teksta. Koristite CSS za označavanje pojedinačnih blokova teksta pomoću HTML5! Ova jednostavna metoda će istaknuti pojedinačne tekstualne blokove unutar dijela sadržaja.

Plutati: Ovo svojstvo CSS-a možete koristiti za postavljanje elementa na lijevi ili desni rub elementa koji ga sadrži. Može se koristiti za izradu mreže ili stupaca. Također možete upotrijebiti CSS svojstvo pod nazivom float za pomicanje iframea ili slike na lijevu ili desnu marginu preglednika. Ovi atributi olakšavaju isticanje pojedinačnih blokova pomoću CSS-a.