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

Muzica| Radio Live | Filme Adulti Online | ProDj Radio | TV Online | Manele | Statusuri EXTREMEZONE | FILME PORNO | phonesex | horny amateurs | Manele noi | FILME TARI | Manele Noi | tv online | muzica.filme | MINIMAL MP3 | cycki | Mp3 Search | Filme tari | Filme Moca | Manele | House | FAN MUZICA | magic taxi | Targoviste.Com | cycki | darmowe porno | sex | sex filmy | erotyka | Muzica noua | Filme Gratis | adult dating | Gay VOD | Pornstars | Adult DVD | hikaye | Muzica Noua | Jocuri Fotbal | sex shop | cipki | Porno | sex | Free-Sound.us | erotik shop | Aluminiu | RADIO CU MANELE | Manele noi | Manele noi | seks shop | Muzica | Chatten | Sex Toys | *MUZICA MP3* | House Music | Download Porno | Muzica Free | Manele Noi | FilmuletePorno | Jocuri3 Gratis | Chat | Manele noi | Manele noi 2008 | DANYKENT-MUZICA | Videoclipuri | sex shop | freeDDL | Radio Unic FM. | Filme2008 | Jocuri | Videochat | Search Engine | Muzica | Tv Online | Videoclipuri | FILMULETE ADULTI | Fan Bux | Conquiztador | Conquiztador | sex | Muzica JustMp3 | Jocuri Adulti | Manele | Muzica noua | Radio ManeIe | Statusuri | Zuma-Zuma.Ro.Im | Free electronic music | Versuri ManeIe | Downloaduri Gratuite | Comezi Cs Adminmod * Plugins Cs Care Fac Lag * Addons Cs Gata Facut * Descarca Counter Strike 1.6 Free * Pluginuri Adminmod Extreme * Metamod Cstrike * Download Precache Cs * Doenloads Counter Strike 1.6 Pgl * Download Valve Hammer Editor Cs 1.6 * Download Poze Motd * Coduri Counter Strike 1.5 * Bhop Script For Hns * Serverele Pgl * Download Program Pentru Admini * Warcraft Respawn Server * No Steam Cu Buti * C.s 1.6 Download * Addons Amx Mode * Cel Mai Bun Aim Cs1.6 * Server Cs Resurse * Clanuri Disponibile De Cs * Cum Instalez Super Hero La Counter Strike * Cfg A Lui Snk * F0rest Config Cfg * Config Pentru Deagle * Cele Mai Noi Coduri Pentru Counter-strike * Descarca Program Pt Modificat Poze * Sv Gungame * Counter Strike 16 Free * Servare Cs 1.6 Hero Mod * Addons Linux * Sk Fisker.cfg Download * Cfg Maker + Downloads * Program Sa-ti Faca Srv De Cs * 100 Lvl Hero Mod Cs1.6 * Paintball Counter Strike Addons * Icoane Cstrike * Wav Pentru Counter * Counter Super Hero Mode * C.s.1.6 Extrem * Dowloand Cunter-strike * Server.cfg Amx * Counter Strike 1.6 Surs Free Download * Toate Hartile De La Cs 1.6 * Arme Modificate Pentru Cs * Joebot Dowload * Download Servere Cu Plugins Instalate Automat In Serverul De Cs * Servare Cs 1.6 Gratis * Download Program Cs Anti-lag * Mibr.cfg *