ITStuff.ro - Prima ta lectie de HTML (1)

Sâmbătă, 17 Octombrie 2009 08:49 Alex Marius

html Cu toti cunoastem cate ceva despre limbajul de prgramare web HTML sau Hyper Text Markup Language.In general, HTML este usor de utilizat, fiind bazat pe elemente numite tag-uri. HTML foloseste aceste elemente pentru introducerea imaginilor si a linkurilor, pentru a modifica fontul curent,etc. Obiectivul unui browser Web este acela de a citit documentele HTML si de a le afisa in pagini web.

Pentru inceput va pot spune ca orice document HTML incepe si se termina

cu : <html>...........</html>

Exemplu:

<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

Explicatia pentru cele de mai sus este urmatoarea :

<html> ....</html> textul care descrie pagina web

<body> ...</body> - continutulvizibil al paginii web

<h1> ... </h1> textul este afisat asemeni unui titlu

<p>... </p> textul este afisat sub forma unui paragraf nou.

Pentru a vedea rezultatul deschide-ti un notepad, copiati exemplul de mai sus salvati fisierul cu extensia "htm" sau "html" si obsevati pagina web.

Tipuri de titluri :

Exemplu :

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

- fiecare titlu (heading) h1-h6 - are o dimensiune diferita a textului.

Link-uri html :

Link-urile html sunt definite cu tagul <a>

Exemplu :

<a href="http://www.itstuff.ro">Acesta este un link catre ITstuff </a>

Imagini html :

Imaginile html sunt definite de tag-ul <img>

Exemplu:

<img src="/itstuff_log.jpg" width="104" height="142" />

nota : width resp height reprezinta atributele imaginii despre care vom invata mai multe in lectiile urmatoate

Acum ca o recapitulare va propun sa creem o pagina web in care sa folosim toate tag-urile invatate.

EXEMPLU :

<html>
<body>

<h1>Aceasta este prima mea pagina web</h1>

<h3>Partea I</h3>

<p>Este 0 pagina destul de simpla pentru ca sunt un incepator.</p>

<p>Sper sa va placa ! </p>

<a href="http://www.itstuff.ro">Acesta este un link catre ITstuff </a>

<img src="/itstuff_log.jpg" width="104" height="142" />

</body>
</html>

Nota :in loc de itstuff_logo.jpg puteti numi orice alta poza pe care o aveti in pc dar trebuie mentionata adresa intreaga.O alta varianta este sa puneti un link catre o iamgine de pe internet. EX: http://www.embeemobile.com/blog/images/send-free-sms.jpg in loc de itstuff_logo.jpg

Comentarii - 2

Comentariu nou

Cautare

Comentariu

Nume:

Email:

Web:

Titlu:

UBB:

bau	\|2010-02-05 02:35:17

Raspunde | Citeaza

Marius - Draga bau

|2010-05-31 02:48:24

@bau - poate ar trebui sa contribui tu cu informatia pe care o stii, la fel cum a facut autorul cu acest articol...
Nu inteleg ce te deranjeaza de fapt, si de ce nu lasi macar o adresa de blog sau site unde lumea isi poate face o parere despre
cat de genial esti

Raspunde | Citeaza