Author Topic:  [XHTML] Tag-uri si atributele lor  (Read 1571 times)

0 Members and 1 Guest are viewing this topic.

Offline ActiON_

  • Legend
  • High-Roller
  • *
  • Posts: 3187
  • Reputation: 17
  • Gender: Male
  • Real Name: Cozmiuc Alexandru Andrei
[XHTML] Tag-uri si atributele lor
« on: 29 November 2015, 13:31:02 »
XHTML - Tag-uri si atributele lor

  In aceasta pagina gasiti o lista, clasificata pe grupe de elemente cu tag-urile XHTML si atributele ce pot fi folosite pentru fiecare TAG.
Aceasta lista poate fi de folos mai ales cand doriti sa creati pagini web valide XHTML (Transitional), oferind o referinta la ce atribute pot fi folosite cu un anume TAG.

Structura

Quote
<html> </html> - Tag-ul radacina, ce contine toate celelalte tag-uri si indica browser-ului ca acesta este inceputul /sfarsitul documentului (X)HTML.
-xmlns
-dir
-lang
-xml:lang
<head> </head> - Contine meta informatii (meta-tags), tag-ul "<title> </title>" si alte tag-uri pt. scripturi si stiluri CSS. Toate acestea, cu exceptia Titlului, nu sunt afisate de navigatorul web.
-xml:lang
-profile
<body> </body> - In acest tag se adauga continutul ce va fi afisat in pagina web. Acest continut poate fi alcatuit si din alte tag-uri, prezentate in continuare.
-class
-id
-style
-title
-onmousedown
-onmouseover
-onkeypress
-onkeyup
-onmouseup
-onload

Tag-uri ce pot fi incluse in zona <head>

Quote
<title> </title> - Contine Titlul ce va fi afisat in bara de sus a browser-ului.
-xml:lang
<meta /> - Adauga meta informatii despre document, precum: descriere, cuvinte cheie, autor, si altele.
-name
-content
-http-equiv
-xml:lang
-scheme
<link /> - Este folosit in tag-ul <head> pentru a face legatura cu (sau a include) o resursa externa, in general CSS (Cascading Style Sheet).
-class
-id
-style
-title
-href
-xml:lang
-hreflang
-charset
-type
-rel
-rev
-media
<style> </style> - Este folosit pentru a defini proprietati de stil CSS pentru elementele din pagina.
-type
-media
-dir
-title
-lang
-xml:lang

Text

Quote
<span> </span> - O sectiune in document, fara linie noua la inceput si sfarsit. Singur nu face nimic, de aceea este adesea folosit cu un "id" sau "class" pentru ca sa-i fie aplicate proprietati CSS.
-class
-id
-style
-title
-xml:lang
<div> </div> - O sectiune in document, un cadru cu linie noua inainte si dupa el. Singur nu face nimic, de aceea este adesea folosit cu un "id" sau "class" pentru ca sa-i fie aplicate proprietati CSS.
-class
-id
-style
-title
-xml:lang
<p> </p> - Un paragraf cu o linie noua in plus inainte si dupa el.
-class
-id
-style
-title
-xml:lang
<h1> </h1>, <h2> </h2>, <h3> </h3>, <h4> </h4>, <h5> </h5> si <h6> </h6> - Folosit in general pentru titluri si sub-titluri in pagina web. Textul apare ingrosat si mare pt. "<h1>", descrescand treptat pana la "<h6>".
-class
-id
-style
-title
-xml:lang
<br /> - Adauga o linie noua dupa el.
-class
-id
-style
-title
<blockquote> </blockquote> - Acest Tag poate fi folosit pentru citate /fraze lungi. Cadrul definit de acesta lasa un anumit spatiu in exterior (stanga si dreapta).
-class
-id
-style
-title
-xml:lang
-cite
<q> </q> - In acest tag se adauga de obicei fraze scurte, citate, ce vor fi afisate intre ghilimele.
-class
-id
-style
-title
-xml:lang
-cite
<code> </code> - Poate fi folosit pentru a prezenta coduri de program, textul fiind afisat distinct pt. acest tip.
-class
-id
-style
-title
-xml:lang
<u> </u> - Afiseaza textul subliniat.
-class
-id
-style
-title
-xml:lang
<i> </i> - Afiseaza textul inclinat.
-class
-id
-style
-title
-xml:lang
<b> </b> - Afiseaza textul ingrosat.
-class
-id
-style
-title
-xml:lang
<strong> </strong> - Afiseaza textul ingrosat (similar cu <b>).
-class
-id
-style
-title
-xml:lang
<em> </em> - Afiseaza textul inclinat (similar cu <i>).
-class
-id
-style
-title
-xml:lang
<sup> </sup> - Afiseaza textul in partea de sus a liniei randului, si mai mic.
-class
-id
-style
-title
-xml:lang
<sub> </sub> - Afiseaza textul in partea de jos a liniei randului, si mai mic.
-class
-id
-style
-title
-xml:lang
<a> </a> - Creaza o legatura catre alta pagina web sau zona din pagina curenta (link intern).
-class
-id
-style
-title
-xml:lang
-accesskey
-charset
-type
-href
-hreflang
-onblur
-rev
-rel
-shape
-coords
-tabindex
-onfocus
-onclick

Liste

Quote
<ol> </ol> - Tag folosit pentru afisarea unei liste ordonate, numerotate.
-class
-id
-style
-title
-xml:lang
<ul> </ul> - Tag utilizat pentru afisarea unei liste neordonate numeric, ci cu simboluri gen: disc, cerc, patrat.
-class
-id
-style
-title
-xml:lang
<li> </li> - Defineste un element in liste <ol> sau <ul>, fiind adaugat in cadrul acestora.
-class
-id
-style
-title
-xml:lang
<dl> </dl> - Creaza o lista de definitii. Trebuie sa contina tag-urile <dt> si <dd>.
-class
-id
-style
-title
-xml:lang
<dt> </dt> - Defineste un termen pentru lista de definitii.
-class
-id
-style
-title
-xml:lang
<dd> </dd> - Se adauga in cadrul tag-ului <dt> si prezinta lista de definitii pentru termenul definit de acel tag.
-class
-id
-style
-title
-xml:lang

Obiecte

Quote
<object> </object> - Folosit pentru a include in pagina elemente multimedia.
-class
-id
-style
-title
-xml:lang
-usemap
-name
-height
-width
-classid
-codebase
-data
-type
-codetype
-standby
-tabindex
-archive
<param /> - Este adaugat in cadrul tag-ului <object> si e folosit pentru a trimite parametri la obiectul respectiv, inclus in pagina XHTML.
-value
-type
-valuetype
-id
-name

Tabele

Quote
<table> </table> - Defineste un tabel in care pot fi adaugate randuri, coloane, titluri, celule de tabel.
-class
-id
-style
-title
-xml:lang
-border
-align
-summary
-width
-dellpadding
-cellspacing
-frame
-rules
<thead> </thead> - Defineste zona de Header (Antet) a tabelului, unde se pot include linii si coloane.
-class
-id
-style
-title
-xml:lang
-char
-charoff
-align
-valign
<tfoot> </tfoot> - Defineste zona de subsol a tabelului, unde se pot include linii si coloane.
-class
-id
-style
-title
-xml:lang
-char
-charoff
-align
-valign
<tbody> </tbody> - Defineste corpul tabelului, unde se pot include linii si coloane.
-class
-id
-style
-title
-xml:lang
-char
-charoff
-align
-valign
<tr> </tr> - Creaza o linie noua in tabel, in care se includ coloane.
-class
-id
-style
-title
-xml:lang
-char
-charoff
-align
-valign
<th> </th> - Se foloseste pt. celule cu titlu pentru coloane. Afiseaza un scris mai ingrosat.
-class
-id
-style
-title
-xml:lang
-axis
-abbr
-headers
-rowspan
-colspan
-scope
-char
-charoff
-align
-valign
<td> </td> - Se foloseste pt. a crea coloane si celule in randurile tabelului. Trebuie adaugat in cadrul tag-ului <tr>.
-class
-id
-style
-title
-xml:lang
-axis
-abbr
-headers
-rowspan
-colspan
-scope
-char
-charoff
-align
-valign
<caption> </caption> - Defineste un titlu pentru tabel. Acest tag trebuie adaugat imediat dupa eticheta <table> si poate fi adaugat doar unul singur.
-class
-id
-style
-title
-xml:lang

Formular

Quote
<form> </form> - Incepe crearea unui formular in care pot fi incluse diferite casute si butoane.
-class
-id
-style
-title
-xml:lang
-action
-enctype
-method
-onsubmit
-onreset
-accept
-accept-charset
<label /> - Defineste o eticheta ce va corespunde unei casute de formular a carui "id" e adaugat in atributul "for". Cand se da click pe textul din eticheta sa, comuta controlul la acea casuta de formular.
-class
-id
-style
-title
-xml:lang
-for
-accesskey
-onfocus
-onblur
<input /> - Adauga o casuta in formular, specificata la atributul "type".
-class
-id
-style
-title
-xml:lang
-name
-value
-checked
-disabled
-readonly
-size
-maxlenght
-src
-alt
-usemap
-tabindex
-accesskey
-accept
-onfocus
-onblur
-onselect
-onchange
<select> </select> - Creaza o lista de selectare optiuni. Aceste optiuni sunt adaugate cu tag-ul <option>.
-class
-id
-style
-title
-xml:lang
-name
-disabled
-multiple
-size
-tabindex
-onfocus
-onblur
-onchange
<option> </option> - Adauga lista cu optiuni in tag-ul <select>.
-class
-id
-style
-title
-xml:lang
-disabled
-selected
-label
-value
<textarea> </textarea> - Creaza un camp pentru adaugare de text.
-class
-id
-style
-title
-xml:lang
-name
-disabled
-rows
-cols
-readonly
-tabindex
-accesskey
-onfocus
-onblur
-onchange
-onselect

Alte tag-uri

Quote
<img /> - Include o imagine in documentul XHTML.
-class
-id
-style
-title
-src
-alt
-height
-width
-xml:lang
-longdesc
-usemap
-ismap
<script> </script> - Folosit pentru a adauga un script in document, de obicei JavaScript.
-type
-src
-defer
-charset
-xml:lang
<noscript> </noscript> - Afiseaza textul din el daca browserul nu stie sa lucreze cu un anumit script.
-class
-id
-style
-title
-xml:lang

Sursa: marplo.net


Ai vreo problema/nelamurire in legatura cu forumul nostru? Citeste acest topic si daca nu ai gasit raspunsul potrivit, da un reply!

Offline AroWn.xD

  • Expert HTML & CSS
  • High-Roller
  • *
  • Posts: 4483
  • Reputation: 1
  • Gender: Male
  • Full stack Developer(Node.JS)
  • Real Name: Robert Silviu
  • Steam ID: AroWnD
Re: [XHTML] Tag-uri si atributele lor
« Reply #1 on: 04 December 2015, 09:11:06 »
In mare parte le stiam .. meh . Apreciabil ;) .



 

SimplePortal 2.3.7 © 2008-2024, SimplePortal