Category Archives: Limbajul HTML

Curs de realizare pagini Web folosind limbajul HTML

Capitolul VIII – Despre imagini

Prezentarea imaginilor in pagini HTML se face folosind tag-ul <IMG SRC=nume>, unde nume este numele unui fisier gif sau jpg. Exemplu:

<IMG SRC=sigla.gif>, va afisa (presupunand ca avem deja fisierul sigla.gif):

Tag-ul IMG poate primi si atributul BORDER cu formele BORDER=0 (implicit) sau BORDER=n – pentru un chenar in jurul pozei de dimensiune n pixeli. O poza intr-un chenar arata mai bine:

 

<IMG SRC=sigla.gif BORDER=1>, va afisa: Read more …

Curs de realizare pagini Web folosind limbajul HTML

Capitolul VII – Ultimile retusuri

Suntem foarte aproape de a da o forma finala fisierului nostru index.html deschis in Notepad si care a servit ca exemplu pana acum. Mai intai vom introduce si tag-ul <HR>. Acesta are un rol foarte simplu si anume – de a trasa o linie orizontala pe toata latimea ferestrei. Acest tag functioneaza la fel ca si BR (adica, nu se foloseste </HR>). Tag-ul HR primeste si atributul WIDTH sub forma WIDTH=x sau WIDTH=x% care specifica lungimea liniei in pixeli sau ca procent din latimea totala a ferestrei. Exemplu:

<HR WIDTH=600>
Read more …

Curs de realizare pagini Web folosind limbajul HTML

Capitolul VI – Link-uri si pozitionare

Un element important al oricarei pagini web il constituie link-urile catre alte pagini. Acestea pot fi link-uri externe, care fac referire catre un alt site, sau link-uri interne care fac referire catre alte pagini ale aceluiasi site. Ambele tipuri se codifica asemanator prin folosirea unui tag de tipul <A HREF=link.html>…</A> (pentru un link intern) sau
<A HREF=http://www.abc.abc>…</A> pentru un link extern. Astfel codul de mai jos va afisa textul “Apasati aici pentru pagina 2″ care prin apasare va incarca fisierul pag2.html:
Read more …

Curs de realizare pagini Web folosind limbajul HTML

Capitolul V – Exemple de tabele

In continuare vom da doua exemple de tabele care pot fi incarcate si in fisierul index.html desxhis in Notepad:

<TABLE WIDTH=700 BORDER=0 CELLPADDING=5 CELLSPACING=5>
<TR>
<TD WIDTH=30% BGCOLOR=#006666 ALIGN=LEFT>
<FONT FACE=VERDANA,ARIAL SIZE=2 COLOR=#FFFFFF>
<B> Adresa: </B></FONT></TD>
<TD BGCOLOR=”#CCEEEE” ALIGN=LEFT>
<FONT FACE=VERDANA,ARIAL SIZE=2>
<I> Bulevardul Independentei nr. 0, Bloc 0, Ap 0, Sector 0, Bucuresti </I></FONT></TD>
</TR>
<TR>
<TD WIDTH=30% BGCOLOR=#006666 ALIGN=LEFT>
<FONT FACE=VERDANA,ARIAL SIZE=2 COLOR=#FFFFFF>
<B> Activitate: </B></FONT></TD>
<TD BGCOLOR=”#CCEEEE” ALIGN=LEFT>
<FONT FACE=VERDANA,ARIAL SIZE=2>
<I> ABC SRL va ofera o gama larga de produse si servicii necesare dezvoltarii activitatii societatii Dumneavoastra. Ne recomandam prin structura deosebita a ofertei noastre precum si prin politica de preturi practicata. </I></FONT></TD>
</TR>
</TABLE>

Read more …

Curs de realizare pagini Web folosind limbajul HTML

Capitolul IV – Despre tabele

Tabelele se utilizeaza folosind tag-ul <TABLE>…</TABLE>. Imaginati-va un tabel simplu deschis in Word care cuprinde mai multe casute. In fisierul HTML, casutele sunt organizate pe randuri (rows – linii orizontale de casute). La randul lor, randurile sunt organizate in elemente (casute). Read more …

Curs de realizare pagini Web folosind limbajul HTML

Capitolul III – Despre culori

Am vazut in capitolul anterior ca textele din paginile HTML pot avea diverse culori cu un tag de tipul <FONT COLOR=#00FF00>…</FONT>. Vom prezenta in continuare sistemul de codificare a culorilor pentru paginile web. Read more …

Curs de realizare pagini Web folosind limbajul HTML

Capitolul II – Despre texte

Cel mai important element al unei pagini internet este, desigur, textul. Intr-o forma simpla, acesta poate fi scris efectiv intr-o pagina HTML, dupa cum am vazut in exemplul anterior: am scris in fisierul HTML textul “…aici se completeaza informatia de prezentat in pagina…” si acesta s-a incarcat in mod identic in browser.
Read more …

Curs de realizare pagini Web folosind limbajul HTML

CAPITOLUL I – structura paginii

Paginile pe internet sunt, de regula, realizate intr-un limbaj numit HTML – HyperText Mark-up Language. Editarea acestora se poate face in orice program de editare texte, pornind chiar cu banalul Notepad din Windows. Toate notiunile prezentate in acest ghid pot fi puse in practica utilizand Notepad, astfel incat poti deschide Notepad acum.
Fisierul pe care il vom edita se va numi index.html. In general fisierul principal al unui site internet (cel care se incarca atunci cand tastam o adresa de genul www.abc.abc) este numit index.html.
Instructiunile pe care le folosim intr-o pagina HTML se numesc tag-uri si acestea indica browser-ului (Netscape, Internet Explorer, etc) modul de prezentare a informatiei din pagina. Tag-urile se scriu intre semnele < si >. Tag-urile nu trebuie scrise respectand reguli foarte stricte (nu e nevoie sa scrii numai cate un tag pe rand sau sa foloseti numai litere mari, etc).Un exemplu de utilizare a tag-ului FONT este:

<FONT FACE=ARIAL COLOR=#FF0000>ABC SRL – lider pe piata serviciilor</FONT>

Instructiunea de mai sus va determina afisarea textului “ABC SRL – Lider pe piata serviciilor” cu font arial si culoarea rosie. Dupa cum se poate observa, exista un tag inaintea textului si unul care incheie textul respectiv. Majoritatea tag-urilor functioneaza in acest mod: se pun inaintea informatiei pe care dorim sa o prezentam intr-un anume mod iar apoi la sfarsitul acesteia, ca in exemplul de mai sus.
Continutul oricarui fisier HTML trebuie inclus intre tag-urile <HTML> si </HTML>. Aceasta inseamna ca tag-ul <HTML> trebuie sa fie primul lucru care apare intr-un fisier HTML, iar tag-ul </HTML> trebuie sa fie ultimul:

<HTML>
…aici se completeaza informatia de prezentat in pagina…
</HTML>

Ca structura, o pagina HTML are doua parti: o parte delimitata de tag-urile <HEAD> si </HEAD> ce contine informatii de identificare a paginii si o parte delimitata de tag-urile <BODY> si </BODY> ce contine informatiile de prezentat efectiv in pagina. Asupra primei sectiuni nu vom insista prea mult. Cel mai important tag utilizat in sectiunea HEAD este cel care da titlul paginii. Acest titlu va fi incadrat de <TITLE> si </TITLE>. Un exemplu de pagina HTML foarte simpla, avand titlul “ABC SRL” este:

<HTML>
<HEAD>
<TITLE>ABC SRL</TITLE>
</HEAD>
<BODY>
…aici se completeaza continutul paginii…
</BODY>
</HTML>


Tag-urile <HTML>…</HTML>, <HEAD>…</HEAD>, <TITLE>…</TITLE> si <BODY>…</BODY> vor aparea o singura data in cadrul unui fisier HTML
.
Poti copia instructiunile de mai sus in Notepad, salva fisierul cu numele index.html si deschide acest fisier in Netscape sau Internet Explorer pentru acelasi rezultat. Pastreaza fisierul deschis in Notepad, intrucat in capitolele urmatoare vom realiza completari ale acestuia.