- Prima Pagina
- Download Counter-Strike 1.6
- Programe Counter-Strike
- Servere Cs 1.6
- Tutoriale Server CS 1.6
- Cum sa faci o comunitate...
- Download Jocuri New
- Servici oferite de noi
- Jocuri Online
- Dictionar Limba Engleza Online
- Tutoriale Diverse
- Tutorial PHP
- Tutorial HTML
- Cum poti face bani pe net
- Schimb de Banner
- Bannere Pubilcitare
- Adauga site-ul tau
- Promovare Web
- Video Sexy
- Download Manele etc..
- Unelte SEO
- Video Zilei
Tutoriale HTML
Prima pagina html
Pe desktop se da new text document si i se schimba numele in index.html . Prima pagina a unui site se numeste index.html (Nu este obligatoriu ca extensia sa fie .html . daca de exemplu folositi PHP in pagina de index pagina se va numi index.php ) . Pagina se deschide cu Notepad unde se scrie codul html (poti copia exemplul cu structura de mai jos), salveaza fisierul, inchide-l, apoi deschide-l cu internet explorer. Internet Explorer = IE (prescurtat)
---------------------------------------------------------------------------------------------------------------------------
Structura unei pagini
Orice pagina incepe si se sfarseste cu tagurile:
O pagina trebuie sa aiba tagurile:
-contine informatii despre pagina respectiva;
-contine corpul paginii;
O structura a unei pagini HTML :
<html>
<head>
<title>Aici se pune titlul pagini </title>
</head>
<body>
Acesta este corpul paginii.
</body>
</html>
Daca ai copiat exemplul de mai sus vei observa ca pagina html deja are un titlu si ca in corpul ei apare un mesaj.
---------------------------------------------------------------------------------------------------------------------------
* Despre tags HTML
-Html tag-urile sunt folosite pentru a marca elementele html.
-Au inainte si inapoi doua paranteze unghiulare(eng.angle brakets) < si > .
-De obicei tag-urile sunt perechi;adica tag de deschidere si tag de inchidere (ex.:<b>Text oarecare</b>).
-Textul care se afla intre tag-ul de deschidere si tag-ul de inchidere este continutul elementului.
-tag-urile in html nu fac diferenta intre litere mici si litere mari(adica nu sunt eng.case sensitive)
-va recomandam sa scrieti codul cu litere mici totusi; de ce?
-Pentru a va prepara pentru urmatoare versiune de HTML W3C sau World Wide Consortium recomanda folosirea literelor mici avind in vedere ca ultimul standard de html se scrie cu litere mici :este vorba despre XHTML.
* Despre elemente HTML
- Acesta este un element html:.
<i>Acesta este primul meu text formatat cursiv</i>
-<i> este tag-ul de deschidere al elementului.
-textul Acesta este primul meu text formatat cusiv este continutul elementului.
-</i> este tag-ul de inchidere al elementului.
-scopul tag-ului <i> este de a spune browser-ului sa afiseze textul in format cursiv.
* Despre atributurile tag-urilor?
-Fiecare tag poate avea anumite atributuri.
-Atributurile furnizeaza informatii aditionale browser-ului despre elementule paginii.
-Acest tag defineste elementul body(unde se afla continutul paginii) <body>;
-Atributul bgcolor spune browser-ului ce culoare de fundal trebuie sa aiba pagina;
<body bgcolor="white">
-Acest atribut al tag-ului <p> (care formeaza elementul paragraf) si anume align="center" spune browser-ului sa afiseze textul din elementul paragraf in centru
<p align="center">Un text oarecare</p>:
-Tot timpul veti avea atributurile in forma urmatoare :
numeatribut=valoareatribut(ex.:in cazul nostru numeatribut era align iar valoarea era center)
-Un atribut poate avea mai multe valori de exemplu atributul align mai poate avea valorile left,right etc...
-Atributurile sunt puse tot timpul in tag-ul de deschidere al unui element;
-Nota:Valorile atributurilor pot fi scrise si intre apostroafe nu numai intre ghilimele dar va recomandam sa folositi numai ghilimele deoarece noile versiuni de HTML accepta numai ghilimele(ex.XHTML.)
------------------------------------------------------------------------------------------------------------------------------
Tutorial Formulare HTML
Formularele HTML sunt folosite pentru a selecta diferite moduri de introducere a datelor de catre utilizator. Se pot introduce informatii ca: (campuri text, meniuri ce se pot derula, butoane radio, casute de validare, etc.).
Un formular se defineste cu tagul <form>.
Text:
<form>
Nume: <input type="text" name="nume">
<br>
Prenume: <input type="text" name="prenume">
</form>
Radio buton:
<form>
<input type="radio" name="sex" value="male"> Male
<br>
<input type="radio" name="sex" value="female"> Female
</form>
Checkbox:
<form>
Am un caine:
<input type="checkbox" name="animal" value="caine">
<br>
Am o pisica:
<input type="checkbox" name="animal" value="pisica">
</form>
Formular cu actiune:
<form name="input" action="html.php" method="get">
Username:
<input type="text" name="user">
<input type="submit" value="Submit">
</form>
------------------------------------------------------------------------------------------------------------------------------
Tutorial Liste HTML
*Liste HTML
Listele sunt un mod simplu de organizare a informatiei si pot fi neordonate, ordonate si de definitii.
2.1 Liste neordonate
Aceste liste sunt delimitate de etichetele <ul> si </ul> iar elementele de <li> si </li>.
Exemplu
HTML Afisare
Exemple de fructe:
<ul>
<li>mere</li>
<li>pere</li>
<li>struguri</li>
</ul> Exemple de fructe:
* mere
* pere
* struguri
Elementele listei pot fi particularizate folosind atributul type care poate lua valorile square, circle si disc.
Exemplu
HTML Afisare
Exemple de legume:
<ul>
<li type="square">rosii</li>
<li type="circle">cartofi</li>
<li type="disc">morcovi</li>
</ul> Exemple de legume:
* rosii
* cartofi
* morcovii
2.2 Liste ordonate
Aceste liste sunt delimitate de etichetele <ol> si </ol> iar elementele de <li> si </li>.
Exemplu
HTML Afisare
Exemple de combustibili:
<ol>
<li>benzina</li>
<li>motorina</li>
<li>gaz lichefiat</li>
</ol> Exemple de combustibili:
1. benzina
2. motorina
3. gaz lichefiat
Elementele listei pot fi particularizate folosind atributul type care poate lua valorile A (litere mari), a (litere mici), I (cifre romane mari), i (cifre romane mici), 1 (optiunea default):
Exemplu
HTML Afisare
Medii de stocare:
<ol>
<li type="I">HDD-ul</li>
<li type="I">discheta</li>
<li type="I">CD-ROM-ul</li>
</ol> Medii de stocare:
1. HDD-ul
2. discheta
3. CD-ROM-ul
2.3 Liste de definitii
Aceste liste sunt delimitate de etichetele <dl> si </dl>.
Termenii listei sunt delimitati de etichetele <dt> si </dt> iar definitiile termenilor de <dd> si </dd>.
Exemplu
HTML Afisare
Legenda:
<dl>
<dt>HTML</dt>
<dd>Hyper Text Mark-ul Language</dd>
<dt>IP</dt>
<dd>internet protocol</dd>
</dl> Legenda:
HTML
Hyper Text Mark-ul Language
IP