Bosna i Hercegovina



Anketa:Dali pratite teme html primjer i html tagovi
Samo pratim ali nisam probao
 
0 0%
Pratim i probao sam ali mi ne ide
 
0 0%
Pratim i probao sam i znam kako se koristi
 
3 100%
Ne pratim
 
0 0%
Vote count: 3

zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,203


Subject: Html primjeri-pitanja i nedoumice
Pitam se dali neko prati ovo sto je napisano u temi html primjeri i html tagovi.
Moguce da ima i onih koji nisu mozda dobro niti razumjeli kako to mogu isprobati.
Pozdrav
↑  ↓

Gjoreski Offline
Super Moderator
Registrovan/a od: 02.02.2009-22:24
Komentari: 1,128


Subject: Re: Html primjeri-pitanja i nedoumice
Jas imam edno prasajne.
Sto se kako se dodavaat i editiraat Div ovi vo html.
↑  ↓

zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,203


Subject: Re: Html primjeri-pitanja i nedoumice
<div> element je blok strukturni element.
Sadržaj blok elementa uvijek se ispisuje u novom retku. Mogu unutar sebe sadržavati druge blok ili linijske elemente. Primjer blok elemenata su html elementi <p>, <h1>...<h6>, <table>... Strukturni blok element je element <div> kojem dodajemo svojstva klase ili identifikatora kako bi ga povezali s CSS ili JavaScript kodom.
Unutar <div> elementa mogu se nalaziti ugniježđeni skoro svi html elementi.

Tri osnovna svojstva <div> elementa su:
style – definiranje css svojstava
class – određuje naziv klase za pristup elementu iz CSS-a ili JavaScripta
id - jedinstveni identifikator za pristup elementu iz CSS-a ili JavaScripta

Znaci div mozemo definisati u CSS fajlu.
Poziv tog fajla mozemo navesti u HEAD html
Primjer:
<link href="stil.css" rel="stylesheet" type="text/css">

Ako ne želite praviti poseban fajl za CSS syntax-e onda ih morate pisati u vaš HTML dokument i to na sljedeći način:
<HEAD>
<style type="text/css"></style>
>/HEAD>
ili ako ne zelimo css fajl praviti onda cemo napisati:
<HEAD>
<style type="text/css"></style>
>/HEAD>

Primjer jedne klase u CSS:
#ImeKlase{
//Osobine klase
color: gray;
    position: relative;
    height: 32px;
    margin-top: 5px;
    text-align: center;
    font-size:25px;
    font-weight: bold;
}

znaci ako sad stavimo <div class="Imeklase">

To je sad CSS ima jos toga da bi se detaljno objasnilo.
Pozdrav
↑  ↓

zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,203


Subject: Re: Html primjeri-pitanja i nedoumice
Nije moguce da vise niko ne prati ovu temu.
Taman sam mislio da to pokusam jos detaljnije objasniti.
Pozdrav
↑  ↓

mirsadz Offline
Moderator
Registrovan/a od: 26.05.2011-21:40
Komentari: 26


Ocjena: Ocjena:100 Subject: Re: Html primjeri-pitanja i nedoumice
U css imamo klase i tzv. objekte.
#ImeKlase - oznacava klasu koja ima određene atribute ili može posjedovati objekat ili više objekata.

primjer:

DownloadIzvorni kod (CSS):
  1. #ImeKlase{
  2. margin-left: 2px;
  3. margin-top: 10%;
  4. }

Navedeni primjer označava klasu sa određenim atributima: margin-left, margin-top itd...
Ako želimo da u određenu klasu dodamo objekat to radimo na slijedeći način.

Prvo u svom css. fajlu napravimo određeni objekat.

DownloadIzvorni kod (CSS):
  1. .bg {
  2.         text-align: center;
  3.         font-weight: bold;
  4. }

Nakon toga poziv klase i objekta u html fajlu ce izgledati ovako:

<div id="ImeKlase" class="bg"></div>

Znaći mi u klasu "ImeKlase" dodajemo objekat "bg" sa isto tako određenim atributima.

Ako ste primjetili u navedenim primjerima smo ispred klasa u css. fajlu stavljali ' # ' a ispred objekata ' . ' što znači da svi elemnti koji ispred sebe imaju znak ' # ' označavaju klase, a elementi koji imaju ' . ' označavaju objekte.

primjer:

#ImeKlase - klasa
.ImeObjekta - objekat


Mi naravno možemo vršiti razne kombinacije sa objektima i klasama. Ali je ovo lagani primjer kako da svatite css.
Ovaj komentar je mijenjan 1 puta. zadnja izmjena 07.02.2015-16:13 od strane mirsadz. ↑  ↓

zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,203


Subject: Re: Html primjeri-pitanja i nedoumice
Nije moguce da ovo vise niko ne prati.
Pozdrav
↑  ↓

 Podijeli  Dodaj odgovor Stranice (1): 1


All times are GMT +01:00. Current time: 27.03.2017-13:27.