๑۩۞۩๑ » WEBTOOLS « ๑۩۞۩๑
WEBTOOLS FORUM - RECOMMENDED SETTINGS/SETARI RECOMANDATE: BROWSER=MOZILLA FIREFOX OR IE REZOLUTION=1280x1024| FORUMUL ESTE IN PLINA DEZVOLTARE VA RUGAM SA NE AJUTATI! ► DATA INFIINTARII: 19-07-2008 ► 		Lista Forumurilor Pe Tematici
๑۩۞۩๑ » WEBTOOLS « ๑۩۞۩๑ | Inregistrare | Login

POZE ๑۩۞۩๑ » WEBTOOLS « ๑۩۞۩๑

Nu sunteti logat. 		Nou pe simpatie:
beatrice17 Profile
Femeie
25 ani
Bucuresti
cauta Barbat
25 - 80 ani
๑۩۞۩๑ » WEBTOOLS « ๑۩۞۩๑ / » TUTORIALE HTML « / HTML - Atribute Moderat de AndreyNek, MadaLino
Autor
Mesaj Pagini: 1
AndreyNek
Moderator

Din: Undeva pe Terra
Inregistrat: acum 17 ani
Postari: 17443
Atribute HTML

Atributele sunt folosite pentru a personaliza tag-urile. Ce vreau sa spun? Ca la un moment dat vei vrea sa redimensionezi o imagine sau un tabel sau sa schimbi culoarea de fond. Toate acestea sunt posibile cu ajutorul atributelor.

Cele mai multe tag-uri au propriile lor atribute. Vom vorbi despre aceasta pe masura ce introducem in discutie un nou tag. Acum insa vom vorbi despre un set de atribute generice care se pot folosi cu majoritatea tag-urilor.

Atributele se introduc intre parantezele unghiulare (<> ) ale tag-ului de deschidere.

Modificat de AndreyNek (acum 17 ani)

_______________________________________
pus acum 17 ani
   
AndreyNek
Moderator

Din: Undeva pe Terra
Inregistrat: acum 17 ani
Postari: 17443
Atributele "class" si "id" in HTML

Aceste doua atribute sunt foarte asemanatoare. Ele nu au un rol direct in formatarea elementelor si mai degraba sunt utile in spatele scenei cu ajutorul CSS. Vom vorbi despre rolul acestora la momentul potrivit, atunci cand vom studia sintaxa si funcia lor in CSS

Idea este ca atunci cand vrei sa stabilesti o clasa de tag-uri pentru a fi folosite mai tarziu ca ajutorul CSS, sa poti diferentia intre doua tag-uri identice dar cu atribute diferite. Priveste exempul alaturat.

Code:

<p id="italicsparagraph">Paragraph type 1, inclinat </p>

<p id="boldparagraph">Paragraph type 2, ingrosat </p>

Vizualizare

Paragraph type 1, inclinat

Paragraph type 2, ingrosat

_______________________________________
pus acum 17 ani
   
AndreyNek
Moderator

Din: Undeva pe Terra
Inregistrat: acum 17 ani
Postari: 17443

HTML - Atributul "name"

"name" este ceva mai diferit fat de "id" si "class". Punand un nume unui element, acesta devine o variabila de script pentru Javascript, ASP si PHP. CEl mai des este intalnit in formularii si alte campuri de text interactive.

<input type="text" name="TextField" />


Acest atribut nu are nici un afect asupra redarii casutei de text, cu toate ca in background joaca un rol foarte important.


Modificat de AndreyNek (acum 17 ani)

_______________________________________
pus acum 17 ani
   
AndreyNek
Moderator

Din: Undeva pe Terra
Inregistrat: acum 17 ani
Postari: 17443

HTML - Atributul "title"

Acest atribut este folosit foarte putin fata de cat er trebuii, el adauga un titlu (un pop-up) oricarui continut al unui element. Acest atribut nu ar trebui uitat. Poti denumi aproape orice si oricum doresti. Vizualizarea titlului apare atunci cand ne oprim co mausul cateva secunde deasupra contnutului.

Code:

<h2 title="Eu sunt un atribut title!">Un Titlu Oarecare</h2>

Vizualizare

Un Titlu Oarecare



Treci cu mausul peste titlul de mai sus ca sa vezi magia atributului "title". Acest atribut va oferi site-ului tau putina interactiune cu ci ce te vor vizita. Nu il trece cu vederea.


_______________________________________
pus acum 17 ani
   
AndreyNek
Moderator

Din: Undeva pe Terra
Inregistrat: acum 17 ani
Postari: 17443
HTML - Atributul "align"

Daca vrei sa aliniezi in mod diferit anumite elemente ale pagini tale, atunci ai la dispozitie atributul align. Poti alinia la stanga (left(, dreapta (right) sau la la mijlocul (center) pagini aproape orice element. Prin default elementele se aliniaza la stanga, esceptand atuci cand se specifica o alta aliniere.

Code:

<h2 align="center">Titlu centrat </h2>

Vizualizare
Titlu centrat
Alete exemple:

Code:

<h2 align="left">Titlu aliniat la stanga </h2>
<h2 align="center">Titlu centrat </h2>
<h2 align="right">Titlu aliniat la dreapta </h2>

Vizualizare
Titlu aliniat la stanga
Titlu centrat
Titlu aliniat la dreapta

_______________________________________
pus acum 17 ani
   
AndreyNek
Moderator

Din: Undeva pe Terra
Inregistrat: acum 17 ani
Postari: 17443

Valori standard pt atribute

Multora dintere tag-uri li se atribuie, atribute standard. Asta inseamna ca daca nu specifici un alt atribut, browser-ul o va face pentru tine. De exemplu un paragraf se va alinia singur la stanga, exceptand atunci cand specifici altfel; la fel si elementele unui tabel. Pe masura ce vei exersa vei intelege mai multe despre valorile default ale unor tag-uri


_______________________________________
pus acum 17 ani
   
AndreyNek
Moderator

Din: Undeva pe Terra
Inregistrat: acum 17 ani
Postari: 17443
Atribute generice

Retine ca atributele sunt folosite pentru a personaliza elementele unei pagini web. Am alturat aici cateva dintre atributele cele mai comune, folosite in HTML:

Code:

Attribute     Options     Function
align     right, left, center     Aliniere orizontala
valign     top, middle, bottom     Aliniere verticala
bgcolor     numeric, hexidecimal, sau valoare RGB     Un background in spatele elementului
background     URL     O imagine in spatele elementului
id     Definit de user     Numeste un element care se va folosi cu CSS
class     Definit de user     Clasifica un element care sa vafolosi cu CSS
width     Valoare numerica     Specifica latimea unui tabel, imagine, sau casute de tabel.
height     Valoare numerica     Specifica inaltimea unui tabel, imagine, sau casute de tabel.
title     Definit de user     "Pop-up". Afiseaza un titlu pentru un element stabilit.



_______________________________________
pus acum 17 ani
   
Pagini: 1  

Mergi la