Category Archives: HTML

Compozitia culorilor

Compozitia culorilor

Aceste culori pot fi utilizate pentru a selecta culoarea de background sau sa selectati culoarea textului.

Sunt 16 culori standard care sunt recomandate de HTML 4.01 si care sunt implementate in toate browserele: aqua, black, blue, fuchisia, gray, lime, maroon, navy, olive, purple, red, silver, teal. whilw si yellow.

Culorile se obtin prin amestecarea celor trei culori fundamentale, care sunt : rosu, verde si albastru ( red, green si blue ).

Codul este urmatorul : #rrggbb , r, g si b sunt cifre din sistemul de numeratie cu baza 16: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a sau A, b sau B, c sau C, d sau D, e sau E, f sau F.

Cateva exemple:

– white (alb) – #ffffff

– black (negru) – #000000

– gray (gri) – #080808

– red (rosu) – #ff0000

– green (verde) – #00ff00

– blue( albastru) – #0000ff

Coduri HTML

Coduri HTML

Pentru incepatorii in HTML am facut acest post in care voi in care va voi prezenta cele mai utilizate coduri HTML, cel mai probabil ati mai vazut site-uri in care va sunt explicate codurile HTML, dar aceste coduri pot difera de la o persoana la alte, depinde de modul in care ii place sa le scrie, asa ca puteti vedea si alte coduri HTML prin alta parde deoarece ele pot diferi de la o persoana la alta.

1. Coduri pentru alinierea obiectelor in HTML:

<div style=”margin: 0 auto;”>text</div> – Aliniaza obiectele in centrul paginii.
<div align=”left”>text</div> – Aliniaza obiectele in stanga paginii.
<div align=”right”>text</div> – Aliniaza obiectele in dreapta paginii.

2. Coduri pentru link-uri in HTML:

Codul HTML de mai jos va deschide o fereastra ” Pop-up “.

<a href=”link-ul tau aicit”>text</a>
<a href=”link” onClick=”javascript:window.open(‘link’, ‘pop1win’, ‘toolbar=no scrollbars=yes,width=500,height=200′)”>Text</a>

<a href=”aici puneti link-ul catre imaginea pe care doriti sa apara”>

<img src=”puneti link-ul catre imaginea dorita, un mic exemplu: “www.site.com/imagine.jpg” width=”aici puneti latimea pozei prin PX.” height=”aici puneti inaltimea pozei” alt=”in acest loc puneti textul dorit sa apara cand puneti cursorul pe poza in Internet Explorer” title=”in acest loc puneti textul care doriti sa apara cand puneti cursorul pe imagine” border=”0″/></a>

3. Efecte pentru text in HTML:

<blink>text</blink> – adauga un efect de palpaiala a textului
<marquee>Text</marquee> – adauga un efect de miscare in stanga si in dreapta a textului
<marquee scrollamount=1 direction=”down” loop=true>text</marquee> – adauga un efect de miscare in sus si in jos al textului
<marquee scrollamount=3 direction=right loop=true behavior=alternate>text</marquee> – adauga un efect de miscare a textului dintr-o parte in alta

4. Coduri pentru adaugarea imaginilor in HTML:

<img src=”Link-ul unde se afla imaginea” width=”aici adaugati latimea imaginii (masura e in PX)” height=”aici adaugati inaltimea imaginii(masura e in PX)” alt=”aici introduceti textul care vreti sa apara cand puneti cursorul peste imagine pentru Internet Explorer” title=”aici introduceti textul care doriti sa apara cand puneti cursorul pe imagine” border=”0″/>

<img src=”link-ul de unde vreti sa apara imaginea”/> – varianta simpla a codului HTML

5. Coduri pentru culoare in HTML:

<span style=”color: codul culorii care o vreti”>Text</span>

Codurile le luati din liste de coduri dar daca doriti, puteti vedea codurile la culori vizitand urmatorul site: Generator Culor HEX.

6. Coduri pentru spatiu in HTML:

&nbsp; – lasa spatiu intre cuvintele dorite
<br> – treceti pe un nou rand

7. Coduri HTML pentru text:

<b>text</b> – scrie ingrosat
<i>text</i> – scris inclinat
<u>text</u> – subliniati textul

8. Coduri pentru adaugarii imaginii de background:

Atribute si valori HTML

Atribute si valori HTML

Tag-urile in HTML au cateva atribute sau propietati care sunt stabilite standard.
Ele pot avea diferite valori, unele pot avea valori fixe iar unele pot avea valori care programatorul le hotareste.

Un mic exemplu aveti putin mai jos cu :

* background color – atribut cu o lista de valori predefinita

* background image – atribut la care programatorul isi alege propriile valori

Sa fiti atenti, deoarece <body></body> se poate pune doar o data intr-o pagina web.

I-ar ” align ” va ajuta sa pozitionati elementele unde foriti, un mic exemplu : <hi align=”center”> , acesta o sa va centreze text-ul la mijloc.

* align=”center” – va aliniaza elementele dorite in centru.

* align=”left” – va aliniaza elementele dorite in stanga.

* align=”right” – va aliniaza elementele dorite in dreapta.

Tutorial HTML

Browserul tau reprezinta textul tau in format HTML prin ajutorul tagurilor pe care la introduci, el v-a deschide si v-a reda in formatul corespunzator : tablel, titlu, backgound etc…
Ele au trei parti principale: deschidere, continut si inchidere.

Sunt sute de TAG-uri pentru HTML care va da fiecare element redat de browser, aceste tag-uri se scriu cu litere mici.

Sunt si anumite tag-uri care nu au nevoie de incheiere, putin mai sus ati avut un mic exemplu in care tag-urile au avut nevoie de ingheiere.

Putin mai jos aveti o lista de tag-uri care sunt cele mai frecvent utilizate in paginile HTML.

< body bg color> stabileste culoare de fond a paginii
TEXT=culoare – culoarea textului
LINK=culoare – culoarea link-urilor care nu sunt vizibile in pagina
VLINK=culoare – culoarea link-urilor care sunt vizibile in pagina
ALINK=culoare – culoarea link-urilor cand ducem mouse-ul pe ele
BACKGROUND = url – imaginea de fundal de pe pagina
<P> – paragraf
<Hn> </Hn> nivel de subtitlu al documentului (n = 1-6)
<FONT> </FONT> – specifica atribute ale textului incadrat
SIZE=n – dimensiunea textului, care poate fi intre 1-7
FACE=”a,b” – alegi fontul: a, daca este disponibil, sau b
COLOR=s – alegi culoarea textului, ea poate fi scrisa sub un nume sau o valoare RGB
<BR> – rand nou
<PRE> </PRE> – informatie preformatata
<!– –> – comenatriu HTML
<CENTER> </CENTER> – va pune obiectul dorit in centrul paginii
<HR> – rigla orizontala
SIZE=x – inaltimea riglei in pixeli
WIDTH=x – latimea riglei in pixeli sau in procente
NOSHADE – dezactiveaza umbra
ALIGN=x – clinierea riglei orizontala in pagina, care poate fi: left, center, right
COLOR=x – culoarea riglei orizontale (numai pentru IE)
<A> </A> – marcaj de tip ancora
HREF=url – referinta hipertext
HREF=#nume – referinta catre o ancora interna
Name= nume – definitia unei ancore interne

Cum fac o pagina web in HTML

Cum fac o pagina web in HTML

Hyper Text Markup Language, mai bine cunoscut ca HTML este unul dintre cele mai vechi limbaje de programare care exista.
El sta la baza tuturor site-urilor, mai bine spus, nu poti lucra in alte limbaje de programare daca nu cunosti principiile paginilor HTML.

Acest cod de mai sus il puteti scrie intr-un fisier ” Notepad ” si il salvati cu urmatoarea extensie : ” .html ” sau ” .htm “, in acest fel va puteti crea pagina dumneavoastra de internet.