Scrigroup - Documente si articole

Username / Parola inexistente      

Home Documente Upload Resurse Alte limbi doc  
AccessAdobe photoshopAlgoritmiAutocadBaze de dateCC sharp
CalculatoareCorel drawDot netExcelFox proFrontpageHardware
HtmlInternetJavaLinuxMatlabMs dosPascal
PhpPower pointRetele calculatoareSqlTutorialsWebdesignWindows
WordXml


Bazele limbajului HTML

html



+ Font mai mare | - Font mai mic



Bazele limbajului HTML

HTML (Limbajul de Marcare HiperText) este alcatuit dintr-un set de marcaje, coduri speciale inserate in continutul unui text, care ofera unui program numit interpretor de HTML informatii despre modul de formatare a continutului unui document si despre legaturile acestuia cu alte fisiere.



a. Elemente de marcare

Elementele de marcare sunt principalele componente ale limbajului HTML. Ele apar in document sub forma de etichete (tag-uri) sau controale HTML. Numele elementului apare in controlul de inceput (sub forma <nume-element>) si in cel de sfarsit (sub forma </nume-element>) (Ex. <BODY> </BODY>

Portiunea din document incadrata de controalele HTML se mai numeste continutul elementului marcat si este partea de document asupra caruia actioneaza respectivul mod de formatare.
Anumite elemente nu necesita etichete de sfarsit (Ex: P), iar altele nu au etichete de sfarsit, in general pentru ca nu au un continut pe care sa-l incadreze (Ex: BR). Exista, de asemenea, elemente prezente in document care pot sa nu fie marcate cu ajutorul etichetelor, prezenta lor in cadrul documentului fiind implicita (Ex: BODY).
Limbajul HTML nu face distinctie intre literele mari si literele mici ale alfabetului. De aceea formularile <BR>, <br> sau <Br> desemneaza acelasi control.

b. Atribute

Atributele reprezinta proprietati ale elementelor de marcare scrise sub forma unor perechi de nume si valori in interiorul etichetei de inceput, dupa numele elementului referit. Exemplu:

<H1 id = 'Paragraful 1' color = 'blue'>

Prezenta ghilimelelor la valorile atributelor este optionala.

c. Comentariile

Reprezinta texte care apar in fisierul sursa HTML, dar care nu vor fi afisate de catre browser catre utilizator. Ele au rolul de a expune diferite aspecte legate de document in vederea realizarii unui fisier sursa cat mai clar si mai usor de inteles si corectat. Comentariile sunt incadrate de marcajele '<!--' si '-->'. E foarte important ca in interiorul comentariului sa nu existe secventa de caractere '--' deoarece aceasta genereaza confuzie.
Exemplu:

<-- Acesta este un comentariu
care ocupa doua linii de text. -->

d. Alinierea pe orizontala si pe verticala

Pentru a specifica modul in care un element (antet, imagine, tabel, etc) va fi pozitionat pe orizontala relativ la elementul 'container ' care il contine se foloseste atributul align. Valorile acordate acestui atribut pot fi:

  • left - pentru alinierea la stanga
  • center - pentru pentru pozitionarea centrata
  • right - pentru alinierea la dreapta

Implicit, alinierea se realizeaza la stanga.

Pentru a determina alinierea pe verticala a unui element in cadrul elementului container se foloseste atributul valign cu urmatoarele valori posibile:

  • middle - pentru pozitionarea centrata
  • top - pentru alinierea la partea de sus a containerului
  • bottom - pentru alinierea la partea de jos a containerului

e. Culorile

Valorile atributelor referitoare la culorile textului, fondului sau ale altor elemente se pot exprima fie prin codul hexazecimal al culorii respective, fie prin numele uneia dintre cele 16 culori 'sigure', adica acele culori care vor fi recunoscute si afisate de majoritatea calculatoarelor.
Exprimarea numerica se realizeaza prin codul RGB ( adica RED-GREEN-BLUE ) al culorii. Codul este alcatuit din 3 numere cuprinse intre 0 si 255 scrise in baza 16, fiecare exprimand prezenta cantitativa a uneia dintre cele trei nuante care definesc codul culorii respective.
Este de preferat ca atunci cand utilizam culori sa apelam la una din cele 16 culori numite 'sigure'. Iata un tabel cu numele si codul lor:

Aqua
#00ffff

Black
#000000

Blue
#0000ff

Fuchsia
#ff00ff

Gray
#808080

Green
#008000

Lime
#00ff00

Maroon
#800000

Navy
#000080

Olive
#808000

Purple
#800080

Red
#ff0000

Silver
#c0c0c0

Teal
#008080

White
#ffffff



Yello
#ffff00

d. Dimensiunile

Dimensiunile unor elemente prezente in documentul HTML se pot preciza in trei moduri:

1.Dimensiunea absoluta este referita in pixeli. De exemplu o exprimare de forma 'width = 300' denota ca un anumit element are latimea de 300 pixeli

2.Dimensiunea relativa (procentuala) este referita in procente. Astfel textul 'width = 50%' exprima faptul ca elementul referit va avea ca latime jumatate din latimea disponibila a elementului in care este incadrat.

3.Dimensiunea proportionala (multidimensiunea) este folosita atunci cand doua sau mai multe elemente impart un anumit numar de pixeli disponibili. Ea se exprima sub forma 'i*', unde i este un numar care arata cate 'parti' din total sunt revendicate. De exemplu, pe un spatiu de 60 de pixeli disponibili, dimensiunile notate 1*, 2*, 3* insumeaza 6 unitati in care spatiul disponibil va fi impartit. Fiecare unitate contine 10 pixeli. Astfel ca cele trei dimensiuni exprimate mai sus reprezinta 10 pixeli, 20 pixeli si respectiv 30 pixeli.

e. Valori data-ora

Formatul pentru scrierea acestor valori este : YYYY - MM - DD T hh:mm:ssTZD

unde

  • YYYY - reprezinta anul scris cu 4 cifre
  • MM - reprezinta luna (Ianuarie = 01, .., Decembrie = 11)
  • DD - reprezinta ziua din luna, cu valori de la 01 la 31
  • T - ramane caracter scris cu litera mare pentru a marca inceputul scrierii orei
  • hh - reprezinta ora scrisa cu doua cifre, de la 00 la 23. Nu se admit formulari care contin AM sau PM.
  • mm - reprezinta minutele cu valori intre 00 si 59.
  • ss - reprezinta secundele cu valori intre 00 si 59.
  • TZD - reprezinta precizarea fusului orar si poate lua urmatoarele valori:
    • 'Z' pentru Coordinated Universal Time (UTC)
    • +hh:mm pentru un fus orar in avans cu hh ore si mm minute fata de UTC.
    • -hh:mm pentru un fus orar in devans cu hh ore si mm minute fata de UTC.

Exemplu:

1994-11-05T08:15:30-05:00

f. Referinte de entitati

Pentru a introduce in continutul documentelor HTML unele caractere care nu fac parte din alfabetul limbii engleze, numite si caractere speciale, (cum ar fi è, sau ) se folosesc marcaje speciale numite referinte de entitati sau referinte de caracter. Spre deosebire de controalele de marcaj, referintele de entitate nu sunt incadrate de caracterele '<' si '>'. Ele incep intotdeauna cu caracterul amplasand '&' urmat de un text in stransa legatura cu caracterul pe care il reprezinta sau un cod numeric si se termina cu caracterul ';'.
De asemenea, caracterele folosite in marcajele HTML (<, >, &) se pot insera in cadrul documentului numai cu ajutorul referintelor de entitate.
Iata cateva din caracterele speciale, impreuna cu marcajele care le reprezinta:

Caracter

Referinta de entitate

&

&amp; sau &#32

<

&lt; sau &#60

>

&gt; sau &#62

&quot; sau &#34

&reg;

à

&agrave;

&szlig;

å

&aring; sau &#229;





Politica de confidentialitate | Termeni si conditii de utilizare



DISTRIBUIE DOCUMENTUL

Comentarii


Vizualizari: 1181
Importanta: rank

Comenteaza documentul:

Te rugam sa te autentifici sau sa iti faci cont pentru a putea comenta

Creaza cont nou

Termeni si conditii de utilizare | Contact
© SCRIGROUP 2024 . All rights reserved