»EGE.«

NEAM MUTAT PE : www.allfiction.net/ege , Va asteptam cu DNS !
 
AcasaCalendarFAQCautareMembriGrupuriInregistrareConectare

Distribuiţi | 
 

 Lectia 2 - Tag-uri, Elemente si Atribute

In jos 
AutorMesaj
seXsosul
Desinger
Desinger


Mesaje : 12
Reputatie : 0
Data de inscriere : 14/07/2011

MesajSubiect: Lectia 2 - Tag-uri, Elemente si Atribute   Joi Iul 14, 2011 11:28 pm

In lectia trecuta am invatat despre tag-uri care sunt citite de browser si il ajuta la afisarea continutului dintre tag-ul de deschidere si tag-ul de inchidere.

Pentru inceput vom invata cateva tag-uri noi:
<p> Se foloseste pentru afisarea unor paragrafe </p>
<a href="index.html"> Apasa aici pentru a fi redirectat pe prima pagina (creeaza link spre pagina index.html) </a>
<img src="images/poza1.jpg" /> Se foloseste pentru afisarea imaginii poza1.jpg din folderul images
<b> Se foloseste pentru ingrosarea textului </b>
<i> Se foloseste pentru afisarea textului inclinat </i>
<u> Se foloseste pentru afisarea textului subliniat </u>
<span> Se foloseste pentru afisarea unui text simplu </span>
<center> Se foloseste pentru centrarea textului </center>
<div> Este un element foarte important pentru designeri. Se foloseste pentru crearea unor diviziuni a paginilor cu ajutorul css-ului. Vom invata mai multe despre el in lectiile ce vor urma. </div>
Deocamdata e foarte bine daca ati memora aceste taguri, pe parcursul lectiilor vom invata mai multe.

Tot ce contine un tag de la inceputul lui la sfarsit se numeste element.

Exemplu:


Code:
<p>Tag-ul acesta afiseaza un paragraf</p>


<p> este tag-ul de inceput (inceputul elementului)
"Tag-ul acesta afiseaza un paragraf" este continutul elementului
</p> este sfarsitul tagului. (sfarsitul elementului)

Atentie! Toate tag-urile au nevoie de un tag de sfarsit.

Exemplu Incorect:


Code:
<p> Acest exemplu este
<br>
<p> Incorect

Exemplu Corect


Code:
<p> Acest exemplu este </p>
<br />
<p> Corect </p>


Majoritatea elementelor pot avea atribute.
Dupa cum ati observat la inceputul lectiei aveam tagul <a href="index.html"> , tot ce contine inceputul unui element se numesc atribute.
Atributul "href" redirecteaza pagina catre o alta pagina care o specificam intre ghilimele duble ( " " ).

Mai jos o sa prezint cateva atribute care pot fi folosite in majoritatea elementelor din HTML.
"class" specificam clasa din care face parte (folositor pentru designeri)
"id" specificam un id unic pentru un element (folositor designerilor si javascripterilor)
"style" specificam stilul unui tag (folositor desigenrilor pentru alinieri in pagina / culori textelor)
"title" specificam o informatie despre element

Ca tema:
Creati un fisier index.html si ajutandu-va de tag-urile de la inceputul lectiei, personalizati un text.
In acelasi folder cu index.html creati un folder "images" care sa contina o imagine.
In index.html puneti o imagine cu ajutorul tag-ului <img> care atunci cand o apasati sa va trimita spre http://rophotoshop.com.



Vino tare
Vino incet
Pentru seXsosul n-ai talent
Razz
Sus In jos
Vezi profilul utilizatorului
Pu$t!U # eGe.
Administrator
Administrator
avatar

Mesaje : 108
Reputatie : 2
Data de inscriere : 13/07/2011
Varsta : 26
Localizare : Constanta

MesajSubiect: Re: Lectia 2 - Tag-uri, Elemente si Atribute   Joi Iul 14, 2011 11:44 pm

Gj !!
Sus In jos
Vezi profilul utilizatorului http://egecom.omgforum.net
Africanu
Member
Member
avatar

Mesaje : 33
Reputatie : 0
Data de inscriere : 15/07/2011
Varsta : 22
Localizare : Deva , House of the Hell !

MesajSubiect: Re: Lectia 2 - Tag-uri, Elemente si Atribute   Vin Iul 15, 2011 2:50 am

Nu ar trebui sa existe cnva kre sa lucreze in photoshop si sa nu stie tag-urile [ ele sunt baza ]
Sus In jos
Vezi profilul utilizatorului
Continut sponsorizat




MesajSubiect: Re: Lectia 2 - Tag-uri, Elemente si Atribute   

Sus In jos
 
Lectia 2 - Tag-uri, Elemente si Atribute
Sus 
Pagina 1 din 1

Permisiunile acestui forum:Nu puteti raspunde la subiectele acestui forum
»EGE.« :: ▄▀● EGE | Link-uri ●▀▄ :: ▄▀● EGE | PhotoShop ●▀▄ :: •» Tutoriale «•-
Mergi direct la: