FinTech @fintecheu - Tumblr Blog

INPUT ELEMENTI

Input elementi omogućavaju nam, ovisno o vrijednosti atributa type, definiramo nekoliko različitih vrta polja obrasca. ELEMENT <INPUT> ATRIBUTI Id- identifiktor Style – liniski stil Type – obvezan atrubut koji određuje tip polja u našem obrascu (text, password, checkbox, radio, submit, reset, file, hidden, image, button) Value- vrijednost koju šaljemo na obradu Disabled – onemogućuje unos vrijednosti Readonly – polje samo za čitanje Size – veličina polja Maxlenght - max broj znakova koje je moguće unijeti Checked – označava polje Src –putanja do slike Tabindex – redni broj polja unutar obrasca.

#html #form #htmlform #css #php

•18+ Adults Only

Watch Anya Live on Cam

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.

✓ Live Streaming✓ Interactive Chat✓ Private Shows✓ HD Quality

Anya is LIVE right now

FREE

Free to watch • No registration required • HD streaming

OBRASCI

Što je obrazac? Realno gledajući to je zasebni dio HTML stranice, u većini slučajeva se prikazuje kao cjelina ili odvojena stranica. Može biti sastavljen o različitih tipova polja u koja se ubrajaju tekstualni okviri i polja za unos Vašeg teksta, kružni izbornici, kontrolni kvadratići, gumbi i padajući izbornici. Obrazac započinje i završava s <form></form> Njegovi Atributi su;

ID – IDENTIFIKATOR STYLE –LINIJSKI STILOVI NAME – IME OBRASCA ACTION – PUTANJA DO SKRITPE KOJA ĆE OBRADITI PODATKE POSLANE S OBRASCA METHOD – HTTP METODA KOJOM SE PODATI PROSLJEĐUJU DO ODREDIŠTA (GET I POST) ENCTYPE – OPISUJE TIP PODATKA KOJI SE ŠALJE TARGET – INFORMACIJE O OKVIRU U KOJI SE PODACI PROSLJEĐUJU.

www.codejob.eu

#html #form #htlmform

Uvod u CSS

CSS (Cascading Style Sheets) ili bolje reći tehnologija za dizajn. U CSS-u najčešće koristimo elemente <DIV> i <SPAN>, DIV je element tipa bloka, dok SPAN označava red.

Stilove možemo primijeniti na širok spektar HTML elemenata, a liste stilova sastoje se od slijedećih komponenti.

SELEKTOR- služi za određivanja elemenata na koji će se stil primijeniti.

SVOJSTVO – određuje svojstvo koje ćemo primijeniti za određeni sektor, kao što je npr. boja slova, font ili slično.

VRIJEDNOST- nju dodajemo svojstvu. Ukoliko želimo promijeniti boju slova u crvenu

DEKLARACIJA: Predstavlja cjelinu koja čini svojstvo i njegovu vrijednost i zajedno su zaokruženi vitičastim zagradama, a međusobno su odvojeni ;(točka zarez).

Primjer:

<html> <head> <title>Uvod u CSS</title> <style> p { color:#ffffff; font-family:arial; font-size: 10 px; text-align: center; }

div { border-bottom:5px; } </style> </head> <body> <h1>Uvod u CSS</h1> <div></div> <p>Sadržaj paragrafa</p> </body> </html>

#Css #css3 #HTML

Još koja fotka....

#sportinus #rukomet #handball

Moja prva aplikacija je uskoro gotova...

Sportinus.net

#sportinus #sportinus.net #handball #sport

•18+ Adults Only

Watch Anya Live on Cam

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.

✓ Live Streaming✓ Interactive Chat✓ Private Shows✓ HD Quality

Anya is LIVE right now

FREE

Free to watch • No registration required • HD streaming

GENERATOR STRINGOVA KAO FUNKCIJA (php)

function generateRandomString($len = 40) { $seed = "abcdefghijklmnopqrstuvzxy0123456789!#$%&/()=?*;:,.'"; $shuffled = str_shuffle($seed); $hashed = sha1($shuffled); $token = substr($hashed,0,$len); return $token; }

#php #string #seed #hashed #token #php funkcije #php funkction

Novi prijmjer jednostavne HTML tablice

Kad se već igramo s tablicama, evo još jedan primjer što se sve može s tablicom... Ništa spektakularno, no dobro je znati..

Evo i code za nju... <table width="50%" border="2" align="center" bgcolor="#FF0000"> <caption> Moja Prva Tablica </caption> <tr> <th>Kolona 1</th> <th>Kolona 2</th> <th>Kolona 3</th> </tr> <tr> <td align="center">Polje 1</td> <td align="center" rowspan="3">Polje 2</td> <td align="center">Polje 3</td> </tr> <tr> <td align="center" bgcolor="#00CCFF">Polje 1</td> <td align="left" bgcolor="#0099FF">Polje 2</td> </tr> <tr> <td colspan="2">Polje 1</td> <td>Polje 2</td> </tr> </table>

#html #table #rowspan #colspan #align

Naslov Tablice

U sljedećem primjeru pokazati ću kako se dodaje naslov u tablic pomoću <caption></caption>

Kao što vidimo u prvom prijmeru postavili smo ga iznad tablice.

<table border="5" cellpadding="10" cellspacing="0" align="center"> <caption align="top"> Moja Prva Tablica </caption> <tr> <td> Polje 1 </td> <td> Polje 2 </td> <td> Polje 3 </td> </tr> <tr> <td> Polje 1 </td> <td> Polje 2 </td> <td> Polje 3 </td> </tr>

<tr> <td> Polje 1 </td> <td> Polje 2 </td> <td> Polje 3</td> </tr> </table>

Možemo ga i postaviti ispod tablice u tom slučaju caption bi izgledao ovako

<caption align="bottom"> Moja Prva Tablica </caption>

#html table #caption table #caption #bottom #top #tablica

HTML LEKCIJA 7 (Hipertekstualne veze)

U HTML svijetu postoje 4 vrste hipertestualnih veza i to: UNUTARNJE, VANJSKE, VEZE PREMA ELEKTRONIČKOJ POŠTI I VEZE UNUTAR SAMOG DOKUMENTA.

UNUTARNJE VEZE:

Kada se HTML dokument na koji želimo ostvariti vezu nalazi unutar skupine stranica na koji se naziva internetskim lokacijama, takav oblik veze naziva se unutarnjom vezom.

VANJSKE VEZE

Ukoliko želimo povezati dvije stranice koje se nalaze na fizički odvojenim domenama ili serverima tj. poslužiteljima, u takvom slučaju govorimo o vanjskim vezama.

VEZA PREMA ELEKTRIČNOJ POŠTI

Ovdje govorimo o vezi kada želimo klikom otvoriti e-mail i odmah nam na našoj e-mail aplikaciji stoji upisan e-mail osobe kojoj želimo poslati poštu.

VEZA UNUTAR SAMOG HTML DOKUMENTA – SIDRA

Sidra koristimo kada želimo jednostavnim klikom otići na točno određeni dio našeg HTML dokumenta.

Element koji koristimo kod ovih veza je <a>

Primjer veza:

<p id=“diostranice“>sadržaj odlomka</p>

<a href=“kontakt.html“ target=“_blank“>Unutrašnja veza </a>

<a href=http://sportinus.net/contact.php> vanjska veza</a>

<a href=“kontakt#vrhstranice“> Ovo je primjer veze unutar stranice</a>

< href=mailto:[email protected]> E-mail veza </a>

Napomenimo da uz ovo možemo povezati i bilo koji drugi dokument, kao što su jpg. Gif. Zip itd.

Postoji i mrtvi link, tj link koji nas ne vodi nigdje.

< a href=“#“> Mrtvi link </a>

#htlm #html veze #anchor #sidra #unutarnjveza #vanjska #mrtvilink

•18+ Adults Only

Watch Anya Live on Cam

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.

✓ Live Streaming✓ Interactive Chat✓ Private Shows✓ HD Quality

Anya is LIVE right now

FREE

Free to watch • No registration required • HD streaming

HTML - LEKCIJA 4( grafički formati)

Postoji nekoliko grafičkih formata koje koristimo za prikaz grafike na računalu. U većini slučajeva mi koji se bavimo webdizajnom koristimo sljedeće formate gif.,jpg.,png..

#html #png #jpg #gif

HTML - LEKCIJA 3 (Liste)

Lista nam služe kada želimo nešto nabrojati te postoje brojčane, simboličke i definicijske liste.

BROJČANA LISTA

- elementi su označeni rednim brojem ili slovima, a za njihovu primjenu koristimo element <ol>, a za definiranje pojedinih elemenata liste koristimo element <li>.

npr.

<li> element 1</li>

<li> element 2</li>

<li> element 3</li>

</ol>

SIMBOLIČKA LISTA

- koristimo je kad želimo elemente označiti kružićem ili nekim drugim simbolom i pritom koristimo se elementom <ul>.

npr.

<li> element 1</li>

<li> element 2</li>

<li> element 3</li>

<li type="circle">element 4</li>

</ul>

DEFINICIJSKA LISTA

kod ove vrste liste svaki element sastoji se od dva podelementa: definicijskog izraza <dt> i same defincije <dl>

npr.

<dl>

<dt>element 1</dt>

<dd> opis elementa 1</dd>

<dt> element 2</dt>

<dd> opis elemnta 2</dd>

</dl>

#html #html lists #lista #dt #dl #li #ul

HTML – LEKCIJA 2 (UVOD U HTML)

PREDFORMATIRANI TEKST

Ova vrsta teksta razlikuje se od običnog teksta po tome što je svaki znak jednake širine. U većini slučajeva koristimo ga kad želimo prezentirati dio računalnog koda ili ukoliko želimo zadržati novi red, razmak i sl.

Njegova oznaka je <pre>

Npr. <pre>

Sadržaj s puno razmaka i sl.

</pre>

HTML STILOVI

Stilske elemente upotrijebljavamo kad želimo promjeniti grafički izgled sadržanog teksta. Dijelimo ih na logičke i fizičke.

LOGIČKI HTML STILOVI

<em> naglašeni tekst

<strong> jače naglašeni tekst

<cite> citat

<dfn> definicija termina

<code> dio računalnog coda

<samp> primjer rezultata računalnog coda

<kbd> tekst unesen putem tipkovnice

<var> programska varijabla

<ins> ubačeni tekst

<abbr>skraćenica

<acronym> akronom

<del> brisani tekst

<small> tekst pisan smanjenim fontom

<big> tekst pisan povećanim fontom

<sub> indeks

<sup> eksponent

FIZIČKI HTML stil

<b> bold

<i> ukošen tekst

<u> podcrtan tekst

<strike> precrtani tekst

KOMENTAR

U programiranju ili pisanju bilo koje vrsta coda, pišu su komentari koji su dosta korisni. Preporučujem da ih redovito pište kako bi se mogli lakše snaći u vlastitom codu.

<!—ovo je oznaka za komentar i sve što se nalazi u njemu se neće prikazati u pregledniku -->

#html #html comments #pre #b #sub #del

HTML - LEKCIJA 1 (UVOD U HTML)

HTML započinje s <HTML> a završava s </HTML>. Ono što se nalazi u dijelu <head> </head> predstavlja zaglavlje HTML dokumenta.

<body> Nam služi kako bismo prikazali stvarni sadržaj u pregledniku</body>

DA PONOVIMO:

<html>

<head>ZAGLAVLJE</head>

<body>sadržaj koji vidimo u pregledniku</body>

<html>

SINTAKSNA PRAVILA KOJIH SE MORAMO PRIDRŽAVATI

Svi elementi i atributi HTML coda pišu se malim slovima (npr. align“center“

Vrijednosti atributa moraju biti pod dvostrukim navodnicima (npr. <img src=“naslov.jpg“ height=“55“ widht=“55“ alt=“Naziv fotke“

Također još jedna stvar da svi atributi moraju biti zatvoreni (npr. <p></p> <hr></hr> )

!DOCTYPE je prva instrukcija HTML dokumenta, a služi kako bi korisniku pojasnila u kojoj se verziji HTML izrađen.

Npr.

<!DOCTYPE HTML PUBLIC '' -// W3C//DTD HTML 4.01//EN'' ''http://www.naslov.com/TR/html4/strict.dtd''>

ODLOMAK

Odlomak obično predstavlja određene logičke cjeline sadržaja i obično su to elementi tipa blok. Za odlomak koristimo paragraf tj. element <p>. Odlomak je moguće ostvariti i uz pomoć drugih elemenata kao što su <table> ili <div>.

Primjer odlomka u HTML codu.

<html>

<head>

<title> Naslov</title>

</head>

<body>

<p align=“centar“> Sadržaj onoga što stavljamo u paragraf </p>

</body>

</html>

PARAGRAF

Oznaka za paragraf je <p>

KLASIČAN PRIMJER ODLOMKA U OBLIKU PARAGRAFA

<html>

<head>

<title> Naslov</title>

</head>

<body>

<p align=“centar“> Sadržaj onoga što stavljamo u paragraf </p>

</body>

</html>

STRUKTURNI ELEMENT

Ovo je strukturni element <div>

Najbolje ćemo ga objasniti u primjeru odlomka s div elementom

<div> Sadržaj teksta</div>

NOVI RED

Element <br/> označava novi red

Npr.

<p align=“center“>Danas je baš lijep dan <br/>

Nažalost sutra su najavili kišu.

</p>

U ovom primjeru možemo vidjeti kako smo tekst centrirali na sredinu stranice

NASLOV

HTML podržava čak šest razina naslova koji su predstavljeni oznakama h1,h2,h3,h4,h5,h6

Primjer

<h1 align="left"> Naslov Prve razine </h1>

<h2>Naslov druge razine</h2>

<h3> Naslov treće razine </h3>

<h4> Naslov četvtre razine </h4>

<h5> Naslov pete razine </h5>

<h6> Naslov šeste razine </h6>

Isprobajte navedeni code u Vašem DreamWeaver i vidjeti ćete rezultate.

VODORAVNA LINIJA

Vodoravnu liniju možemo staviti kako bi smo odvojili tematsku cjelinu.

Primjer vodoravne linije.

Iz navedenog vidimo da smo s width=“55%“ odredili njegovu veličinu koja će se prikazivati u pregledniku, a pomoću align=“center“ smo definirali njegov položaj u već navedenom pregledniku.

#html #css #div #p #h6 #br/

Looking for a job in EU...

#programming #php. code #code #c #java #js

•18+ Adults Only

Watch Anya Live on Cam

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.

✓ Live Streaming✓ Interactive Chat✓ Private Shows✓ HD Quality

Anya is LIVE right now

FREE

Free to watch • No registration required • HD streaming

PDO povezivanje na bazu

function connectPDO() {

// započinje try/catch blok try {

// uspostava konekcije korištenjem konstanti iz config.php $db = new PDO( 'mysql:host='.DB_HOST.';dbname='.DB_NAME.';charset=utf8', // sastavljen DSN konektor string za MySQL bazu DB_USER, // korisničko ime za spajanje DB_PASS // lozinka za spajanje );

// postavi da je detekcija grešaka takva da lovi ama baš sve greške $db->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

// postavi da je komunikacija sa // bazom u UTF-8 obliku $db->setAttribute(PDO::MYSQL_ATTR_INIT_COMMAND , "SET NAMES utf8");

// vrati $db varijablu koja sadrži PDO objekt return $db;

} catch (PDOException $e) { // ako je došlo do greške - pozovi funkciju za detaljan ispis showPDOErrors($e);

} }

// funkcija za zatvaranje konekcije na bazu // šalje joj se varijabla koja je PDO objekt kojeg želimo zatvoriti function closePDO($db) { // gašenje konekcije i oslobađanje memorije $db = null; // poslanu varijablu koja je PDO objekt postavi na null jer se tada događa zatvaranje konekcije i oslobađanje memorije }

#pdo #php #programming #sql #databes #connection

HTML tablica s Foreach Petljom

function showHTMLTable($header_arr, $data_arr) { echo '<table border="1">';

echo '<thead>'; echo '<tr>'; echo '<th>Rbr.</th>'; foreach($header_arr as $naziv_stupca) { echo '<th>', $naziv_stupca, '</th>'; } echo '</tr>'; echo '</thead>';

echo '<tbody>'; $rbr = 1; foreach($data_arr as $polja) { echo "<tr>"; echo "<td>", $rbr++, ".</td>"; foreach ($polja as $pozicija => $vrijednost) { if ( is_integer($pozicija) ) { echo "<td>", $vrijednost, "</td>"; } } echo "</tr>"; } echo '</tbody>';

echo '</table>'; }

Trending Blogs

Last Seen Blogs

FinTech