Curs HTML Ultimul

7/24/2019 Curs HTML Ultimul

1/26

Curs HTML - ianuarie 2013

Prof. Mirela Irimia

1

Pagini Web - HTML

Pagini Web - HTML ........................................................................................................................................ 1

1. WWW ................................................................................................................................................ 3

2. Pagini WEB ........................................................................................................................................ 3

3. Editoare HTML .................................................................................................................................. 3

4. Limbajul HTML - definire ................................................................................................................... 4

5. Elementele unui document HTML .................................................................................................... 4

1. Structura unei pagini ......................................................................................................................... 5

2. Tagul ................................................................................................................................... 5

3. Tagul ..................................................................................................................................... 5

Elementul ................................................................................................................................... 5

4. Tagurile meta .................................................................................................................................... 6

Tagul Keyword ....................................................................................................................................... 6

Tagul Description .................................................................................................................................. 6

5. Tag-ul .................................................................................................................................... 6

6. Sintaxa elementelor HTML ................................................................................................................ 7

7. Atribute HTML ................................................................................................................................... 7

1. Exemple de atribute .......................................................................................................................... 7

Atributul bgcolor ................................................................................................................................... 8

Atributul align ....................................................................................................................................... 8

Atributele "class" si "id" ........................................................................................................................ 8

Atributul "name" ................................................................................................................................... 8

Atributul width si heigh ......................................................................................................................... 9

8. Text in HTML ..................................................................................................................................... 9

Tagurile antet (titluri ingrosate) ............................................................................................................ 9


2/26


Prof. Mirela Irimia

2

Tagul

............................................................................................................................................... 9

Tagul
........................................................................................................................................... 10

Tagul .................................................................................................................................... 10

Tagul ........................................................................................................................................... 10

Tagul ........................................................................................................................................ 10

Caractere speciale ............................................................................................................................... 10

Comentarii HTML ................................................................................................................................ 10

Vizualizarea codului sursa ................................................................................................................... 11

9. Culori HTML..................................................................................................................................... 11

1. Fundal.............................................................................................................................................. 11

2. Valori pentru culori ......................................................................................................................... 11

10. Imagini HTML .................................................................................................................................. 11

11. Linkuri HTML ................................................................................................................................... 12

12. Tabele in HTML ............................................................................................................................... 13

13. Liste HTML ....................................................................................................................................... 14

14. Cadre HTML ..................................................................................................................................... 14

15. Formulare HTML ............................................................................................................................. 15

Text ..................................................................................................................................................... 15

Buton radio: ........................................................................................................................................ 16

Checkbox: ............................................................................................................................................ 16

16. ANEXA 1 - Taguri (marcaje) in HTML............................................................................................... 16

3. Marcaje pentru liste ........................................................................................................................ 18

4. Formatarea caracterelor ................................................................................................................. 18

5. Marcaje pentru tabele .................................................................................................................... 19

6. Adaugarea imaginilor ...................................................................................................................... 21

7. Marcaje pentru formulare .............................................................................................................. 22

8. Marcaje pentru cadre ..................................................................................................................... 23

9. Caractere speciale ........................................................................................................................... 25

10. Includerea scripturilor ................................................................................................................. 25


3/26


Prof. Mirela Irimia

3

webografie .................................................................................................................................................. 26

1. WWW

WWW= World Wide Web , adesea numit Web. Web-ul este o retea de computere din

toata lumea. Toate computerele folosesc un standard de comunicare numit HTTP.

Browsere WEB

Browser-ele sunt programele care interpreteaza codul HTML. Acestea transforma codul

HTML intr-o pagina web care poate fi citita. Cele mai folosite browsere sunt:

- Internet Explorer

- FireFox

- Opera

- Chrome

- Safari

Un browser citeste absolut tot ceea ce este scris in documentul HTML, ca de exemplu un

paragraf, un titlu un tabel sau orice altceva. De fiecare data cand gaseste un tag il va trata ca

atare si il va reda.

2. Pagini WEB

Informatia Web este stocata in documente numite pagini html. Paginile html sunt fisiere

stocate in computere numite servere web. Computerele care citesc paginile html sunt numite

clienti web. Clientii web vad paginile cu ajutorul browser-ului web.

Toate paginile html contin instructiuni despre cum sa fie afisate. Browser-ul afiseazapagina citind aceste instructiuni. Cele mai obisnuite instructiuni de afisare sunt numite taguri

HTML (sau etichete).

Un website (pagina Web) poate sa fie doar o pagina sau un anumit numar de pagini.

Toate paginile trebuiesc sa fie legate intre ele. Pentru acest lucru se folosesc linkurile. Un tag de

link care duce catre alta pagina este urmatorul:

Link Google

3. Editoare HTML

Paginile sau fisierele HTML pot fi create sau editate cu diferite editoare specializate in

formatul HTML si CSS. Un editot HTML genereaza automat cod html. Unele pot edita mai multe

limbaje de programare.

Editoarele HTML au anumite avantaje: vin cu mai multe template-uri, pentru un inceput

mai usor in crearea de documentelor; pot edita in mod grafic pagini sau intregi siteuri statice

fara sa trebuiasca sa cunosti cod HTML; anticipeaza codul pe care il scrii oferindu-ti o viteza mai

mare de programare, precum si vizualizarea anumitor proprietati in crearea documentelor.
http://tutoriale-html-incepatori.blogspot.ro/2011/11/editoare-html.htmlhttp://tutoriale-html-incepatori.blogspot.ro/2011/11/editoare-html.html


4/26


Prof. Mirela Irimia

4

Lista celor mai folosite editoare HTML:

*NetBeans IDE este un editor gratuit foarte performant. Contine o multime de optiuni, avand si

suport pentru pluginuri prin care se pot mari abilitatile sale.

*Adobe Dreamweaver este un editor HTML comercial foarte bun, avand si modul grafic de

creare/editare fisiere.*CoffeCupeditor HTML gasit si in varianta free si foarte eficient;

*Notepad++ este un editor simplu, insa cunoaste o multime de limbaje de programare.

Acestuia ii lipseste modul de editare grafic. Are o interfata simpla dar foarte eficienta si rapida.

*PhpEdit este un editor comercial, insa cu foarte multe capabilitati.

*Microsoft FrontPage este un editor grafic HTML si este continut in suita Microsoft Office.

4. Limbajul HTML - definire

HTML este prescurtarea de la HyperText Markup Language si este un standard folosit in

toata lumea. Practic fisierul HTML-ul este un fisier text, unde prin folosirea tagurilor HTML

se pot afisa diferite informatii utilizatorului, precum texte, imagini, clipuri video si audio,

aplicatii flash, etc.

Paginile HTML pot fi stilizate (aplicare culori, dimensiuni, stiluri elementelor gen texte,

imagini, etc) cu ajutorul CSS-urilor. CSS-urile, prescurtare de la Cascading Style Sheets, este

un limbaj folosit strict pentru stilizarea paginilor.

Editarea fisierelor HTML se poate face cu diferite editoare, unele putand edita strict codul

html si css in format text, genNotepad++ sauPHPEdit,iar altele, cum ar fi Microsoft

FrontPage sauMacromedia Dreamweaver pot edita si in format grafic WYSIWYG (What You

See Is What You Get = ceea ce vezi este ceea ce vei obtine).Primele specificatii de baza ale Web-ului au fost HTML, HTTP si URL. HTML a fost dezvoltat

initial de Tim Berners-Lee la CERN in 1989. HTML a fost vazut ca o posibilitate pentru

fizicienii care utilizeaza computere diferite sa schimbe intre ei informatie utilizind

Internetul. Erau prin urmare necesare citeva trasaturi :independenta de platforma,

posibilitati hypertext si structurarea documentelor.

Hipertext inseamna ca orice cuvint, fraza, imagine sau alt element al documentului vazut de

un utilizator ( client ) poate face referinta la un alt document, ceea ce usureaza mult

navigarea intre multiple documente sau chiar in interiorul unui aceluiasi document.

sStructurarea riguroasa a documentelor permite convertirea acestora dintr-un format in

altul precum si interogarea unor baze de date formate din aceste documente.

Limbajul HTML nu tine cont de litere marisau miciin cadrul tag-ului , astfel

incat sausau chiar vor fi interpretate identic.

5. Elementele unui document HTML
http://netbeans.org/downloads/http://www.adobe.com/products/dreamweaver.htmlhttp://notepad-plus-plus.org/http://www.phpedit.com/http://office.microsoft.com/http://notepad-plus-plus.org/http://www.phpedit.com/http://www.adobe.com/products/dreamweaver.htmlhttp://www.adobe.com/products/dreamweaver.htmlhttp://www.phpedit.com/http://notepad-plus-plus.org/http://office.microsoft.com/http://www.phpedit.com/http://notepad-plus-plus.org/http://www.adobe.com/products/dreamweaver.htmlhttp://netbeans.org/downloads/


5/26


Prof. Mirela Irimia

5

Documentele HTML sint definite prin taguri html (etichete sau elemente html). Un

element htmlreprezinta tot ce se afla intre inceputul unui tag si sfarsitul acestuia.

- Tag- reprezinta o comanda in cod HTML care indica modul in care va fi interpretata informatia

la care ea se refera . Comanda numita tag este inscrisa intre semnele .

- Element- este un tag complet, avand un de deschidere si unul de inchidere .

1.

Structura unei pagini

O structura a unei pagini HTML :

2.

Tagul

Acest tag transmite browser-ului ca documentul respectiv este de fapt un document

HTML , dand astfel indicatii asupra modului in care vor fi interpretate diferite partitii ale

fisierului ASCII..

3. Tagul

Elementul este cel care urmeaza. Se afla intre htmlsi body."Head" nu are nici o

functie vizibila, asa ca vom discuta despre acest aspect in tutorialeleulterioare.Tagul

poate oferi browser-ului informatii foarte utile. Se pot insera aici printre altele coduriJavascript

sau CSS.

Elementul

Tag-ul title se pune inauntrul celui de head. Ceea ce este scris intre cele doua tag-uri

title(si ) va putea fi vizualizat ca si numele browser-ului, de obicei in partea din

stanga sus. Codul sursa:


6/26


Prof. Mirela Irimia

6

Prima mea pagina web!

Textul de mai sus introdus intr-un fisier Notepad si salvat cu extensia .html va fi deschis

cu ajutorul browser-ului. Titlul va fi vizualizat in partea din stanga sus, la marea majoritate a

browser-elor. Numele descriptivesunt cele mai usor de gasit ulterior.

Exemplu un paragraf

4. Tagurile meta

Tagurile metasunt folosite pentru a genera informatii aditionale motorului de cautare.

Aceste informatii nu vor fi vizibile unui vizitator decat daca acesta va selecta view "Source" din

meniul "View".

Tagul Keyword

Vor fi puse aici cele mai importante cuvinte cheie care pot face vizibil situl. Exemplu:

Tagul Description

In acest tag se va face o descriere a site-ului:

5. Tag-ul

Este cel care defineste inceperea continutului pagini propriu-zise (titluri, paragrafe,

fotografii, muzica si orice altceva). Tagul bodyincapsuleaza tot continutul paginii.

Este astfel structurat:

Actioneaza ca o capsula asupra continutului.

Paragraf

Titlu (heading)

Ingrosat (bold)

Inclinat (italic)


7/26


Prof. Mirela Irimia

7

6. Sintaxa elementelor HTML

Un element HTML se deschide cu un inceput de tag si se inchide cu un sfarsit de tag.

Continutul unui tag HTML este tot ce se afla intre inceputul unui tag si sfarsitul acestuia. Unele

taguri HTML nu au continut. Elementele fara continut se inchid in acelasi tag. Majoritatea

elementelor HTML pot avea mai multe atribute.

Un element are trei parti: un tag de deschidere, continutul elementului si tag-ul de

inchidere.

-

- tag-ul pentru deschiderea unuiparagraf.

- Continutul elementului -paragrafulpropriu-zis.

-
- tag-ul de inchidere.
In interiorul elementului html sunt incluse atributele. Sintaxa includerii acestora este:

-Atributul- este folosit pentru a modifica valoarea unui element in HTML. De obicei un element

are mai multe atribute.

Toate paginile web vor avea cel putin elementele de baza: html, head, titlesi body.

Exista sute de taguri HTML. Absolut toate elementele care vor fi redate de un browser au

nevoie de un tag sau doua:

Continut

7.Atribute HTML

Atributelesunt folosite pentru a personalizatag-urile ca de exemplu: redimensionarea

unei imaginisau a unui tabelsau schimbarea culorii de fond. Toate acestea sunt posibile cu

ajutorul atributelor.

Cele mai multe elemente-uri au propriile lor atribute.

Atributele se introduc intre parantezele unghiulare () aleelementului. Atributele au

nume si o valoare.

De retinut ca:

-un tag (element) poate sa aiba oricate atribute;

-unele taguri suporta doar anumite atribute;-atributele au valori standard;

-browserele vad atributele diferit, de exemplu Mozilla Firefox poate afisa pagina

diferit de IE sau de alte browsere.

1.

Exemple de atribute


8/26


Prof. Mirela Irimia

8

Atributul bgcolor

La tagul body putem sa adaugam atributul bgcolorcu valoarea yellowsub forma:

Atributul bgcolorschimba fundalul unei pagini. Poate lua ca valoare orice culoare in

limba engleza.

Atributul align

Atributul alignpozitioneaza un element. Ex: - pune un text antet pe

centru

Valori pentru atributul align:

align="center" - aliniaza in centru

align="left" - aliniaza la stanga

align="right" - aliniaza la dreaptaTitlu aliniat la stanga

Titlu centrat

Titlu aliniat la dreapta

Atributele "class" si "id"

Atributele classsi idsunt foarte asemanatoare. Ele nu au un rol direct in formatarea

elementelorsi mai degraba sunt utile in spatele scenei cu ajutorul CSS.

Acestea sunt utile pentru a creea o clasa de tag-urisi a fi folosite mai tarziu cu ajutorul

CSS. Introducerea acestor atribute face posibila diferentierea a doua tag-uri identice dar cu

atribute diferite.

Paragraph type 1, inclinat

Paragraph type 2, ingrosat

Atributul "name"

"name" este ceva diferit fata 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 informularesi alte

campuri de textinteractive.


9/26


Prof. Mirela Irimia

9

Atributul width si heigh

Width=valoare specifica latimea unui table sau celule a acestuia;

Heigh=valoarespecifica inaltimea unui table sau celule.

8. Text in HTML

Textul se poate introduce si fara taguri. Dar daca dorim sa avem un text de o anumita

forma atunci in bagam in taguri ca si cele de mai jos:

-intre ele se pune textul (acest tag nu va schimba deloc forma textului)

-defineste test ingrosat sau- -defineste test mare;

-defineste test accentuat;

-defineste test italic;

Tagurile antet (titluri ingrosate)

-defineste un antet de cea mai mare marime;

-defineste antetul de cea mai mica marime;

Tagul

Acest tag-ul comanda trecerea la un alt paragraf in cadrul paginii ; mai exact tag-ul

comanda trecerea la linie noua si lasarea unei linii libere . Mai trebuie mentionat ca folosirea in

serie a tag-ului

nu va duce la lasarea libera a trei linii, browser-ul va interpreta tag-

urile ca pe unul singur . Folosit sub aceasta forma, tag-ul nu necesita si complementarul de

inchidere .

In cazul folosirii unor atribute ale tag-ului va apare si necesitatea utilizarii tag-ului

complementar de inchidere
.
In cadrul tag-ului

se pot folosi atribute pentru alinierea textului la stanga (

pozitionarea default ) , la dreapta sau central . De exemplu :

Acest text va fi aliniat la dreapta.


10/26


Prof. Mirela Irimia

10

Tagul

Forteaza o rupere de linie oriunde este asezat . Poate fi folosit pentru a lasa un rand

liber . El este nepereche , neavand nevoie de tag de inchidere .

Tagul

Tagurile si centreza textul dintre ele la nivel de linie .

Tagul

( horizontal rule ) este un tag foarte folosit in cadrul paginilor web . Comanda duce

la trasarea unei linii orizontale de-a lungul paginii . Acest tag poate primi mai multe atribute ce

pot configura pozitia, culoarea, dimensiunea liniei .

Tagul

Cu acest element, , puteti modifica aspectul textului, cum sunt tipul fontului folosit,

marimea si culoarea textului.

Marimea textului poate fi modificata cu elementulul FONTsi atributul SIZE. Atributul SIZEpoate lua valorile numerice de la 1 la 7 si pe langa acestea poate folosi, ca valoare relativa, semnele

"+" sau. Textul normal (daca nu este specificat acest atribut) are valoarea 3.

Exemplu :

Doua mrimi mai mare

Tipul fontului poate fi modificat cu elementul FONTsi atributul FACE. Exemplu :

Acesta este tipul de font Arial Black

Culoarea textului poate fi modificata cu elementul FONTsi atributul COLOR. Exemplu :

Acest text are culoarea verde

Caractere speciale

-este folosit ca spatiu

Unul dintre cele mai folosite caractere speciale pentru HTML este spatiul ! In cazul in

care in textul pe care dorim sa-l publicam in pagina noastra lasam un numar de 5

spatii intre doua cuvinte browser-ul va afisa doar un singur spatiuintre ele . Pentru a

putea afisa mai multe spatii trebuie introdus caracterul special : -copyright-

-marca inregistrata-

Comentarii HTML

Comentariile in HTML au acelasi rol ca in orice limbaj de programare. Ele sunt folosite

pentru a pune o descriere unei sectiuni din cod, pentru a explica ce face acea sectiunea. Multi

programatori le folosesc pentru a comenta un intreg fragment de cod. De exemplu avem o


11/26


Prof. Mirela Irimia

11

sectiune cod care nu ne mai foloseste, dar nici nu vrem sa o stergem, pentru ca este posibil sa o

folosim in viitor sau in cazul in care ne razgandim.

-cu acest tag se scrie un comentariu in html. Comentariul

este ignorat de browser.

Vizualizarea codului sursaPentru a vedea html source codese apasa right click pe o pagina web si se selecteaza "page

source".

9. Culori HTML

1.

Fundal

Tagul are doua atribute unde puteti specifica fundalurile. Acestea

pot fi o culoare sau o imagine.Atributul bgcolor seteaza fundalul drept o culoare.

Atributul background seteaza fundalul drept o imagine.

2.

Valori pentru culori

Cateva culori:

Color Cod Color

#000000#FF0000

#00FF00

#0000FF

#FFFF00

#00FFFF

#FF00FF

#C0C0C0

#FFFFFF

10. Imagini HTML

Cu HTML se pot afisa imagini intr-un document. In HTML, imaginile se definesc cu tagul

. Tagul nu are tag de inchidere. Pentru a afisa o imagine pe o pagina, se foloseste


12/26


Prof. Mirela Irimia

12

atributul src. Src inseamna "sursa". Valoarea acestui atribut este adresa imaginii afisata in

pagina. URL-ul este locatia unde imaginea este stocata.

Atributul altindica ce se afla in locul imaginii daca browser-ul nu poate incarca imagini.

11.

Linkuri HTML

HTML foloseste un hiperlink pentru a se lega de alt document web. HTML foloseste

tagul ancora sau pentru a crea un link catre alt document . O ancora poate duce catre orice

resursa de pe Web: o pagina HTML, o imagine, un fisier sunet, un film etc .

Textul ce va fi afisat

text ce va fi afisat

Cu atributul target, puteti indica unde sa se deschida documentul catre care se face link-ul.

Linia de mai jos va deschide documentul intr-o noua fereastra de browser:

Textul ce va fi afisat

target= "_self"Incarca noul document in aceeasi fereastra cu ancora (implicit).

target= "_parent"Incarca noul document in cadrul cadrul de baza .

target= "_top"Incarca noul document in intreaga fereastra de browser.

target= "_blank"Incarca noul document intr-o fereastra noua.

Se poate combina tag-ul imagine cu cel de ancora si se poate pune un link pe imagine. Se poate

creea astfel un buton.

Ancora:

Paragrafele (se pune unde este sectiunea pt a marca sectiunea

cu paragrafe

Mail link:

Send Mail


13/26


Prof. Mirela Irimia

13

12. Tabele in HTML

Cu HTML se pot crea tabele. Tabelele se definesc cu tagul . Un tabel este divizat

in randuri (cu ajutorul tagului ) si fiecare rand este impartit in celule de date (cu ajutorul

tagului ). Td inseamna "table data" si este continutul unei celule de date. O celula de date

poate contine text, imagini, liste, paragrafe, formulare, linii orizontale, tabele etc.

randul 1, celula 1

randul 1, celula 2

randul 2, celula 1

randul 2, celula 2

randul 1, celula 1 randul 1, celula 2

randul 2, celula 1 randul 2, celula 2

Daca border="0"tabelul va exista dar va avea border-ul invizibil. Si cu cat nr border-ului va

creste border-ul va fi mai ingrosat.

Defineste un tabel.

Defineste o celula cap de tabel.

Defineste un rand de tabel.

Defineste o celula din tabel.

Defineste un camp asociat tabelului pentru introducerea unei explicatii.Defineste grupuri de coloane ale tabelului.

Defineste valorile atributului pentru una sau mai multe coloane dintr-un tabel.

Defineste un cap de tabel care nu se va derula.

Defineste corpul unui tabel care se desfasoara in interiorul unui cap de tabel

fixat si subsolul tabelului.

Defineste un subsol de tabel care nu se va derula.


14/26


Prof. Mirela Irimia

14

13. Liste HTML

Html suporta liste neordonate si ordonate.Exemplu de lista neordonata:

element1

element2

Prin semnul din fata poate fi modificat.

, ,

Exemplu de lista ordonata:

element1

element2

Initial in fata va aparea 1. , 2. .Prin:

type"A"se va schimba in A. , B. , C. ,etc.

type"a"se va schimba in a. , b. , c. ,etc.

type"I"se va schimba in I. , II. , III. ,etc.

type"i"se va schimba in i. , ii. , iii. ,etc.

14. Cadre HTML


15/26


Prof. Mirela Irimia

15

Cu ajutorul cadrelor, se poat afisa mai multe pagini web in aceeasi fereastra de browser.

Fiecare document HTML poarta numele de cadru (frame) si fiecare cadru este independent de

celelalte.

Defineste un set de cadre.

Defineste o sub-fereastra (un cadru).

Defineste o sectiune noframei.

Defineste o sub-fereastra inline.

15. Formulare HTML

Formularele HTML sunt folosite pentru a selecta diferite moduri de introducere a

datelor de catre utilizator.

Username:

Se pot introduce informatii sub forma de:

campuri text

meniuri ce se pot derula

butoane radio

casute de validare, etc.

Un formular se defineste cu tagul .

Text

Nume:

Prenume:


16/26


Prof. Mirela Irimia

16

Buton radio:

Male

Female

Checkbox:

Am un caine:

Am o pisica:

16. ANEXA 1 - Taguri (marcaje) in HTML

TAG EXPLICATIE TAG Atributespecifice

EXPLICATIE ATRIBUT

Defineste un fisier in format

Web

Antetul documentului

Tilul documentului

Corpul paginii HTML

BGCOLOR =

culoare

Culoarea de fond a paginii

TEXT=culoare Culoarea textului pe paginii

LINK=culoare Culoarea legaturiilor

nevizitate din paginii

VLINK=culoare Culoarea legaturiilor vizitate

din paginii


17/26


Prof. Mirela Irimia

17

ALINK=culoare Culoarea legaturiilor pe

durata clicului exacutat de

utilizator

BACKGROUND =

url

Imaginea de fond pentru

pagina

Paragraf

Nivel de subtitlu al

documentului (n= 1-6)

Specifica atribute ale textului incadrat

SIZE=n Dimensiunea textului este 1-7

FACE="a,b" Specifica fontul: a, daca este

disponibil, sau b

COLOR=s Culoarea textului: fie un

nume de culoare , fie o

valoare RGB

Linie noua

Informatie preformatata

Comenatriu HTML

Centreaza materialul in pagina

Rigla orizontala

SIZE=x Inaltimea riglei in pixeli

WIDTH=x Latimea riglei in pixeli sau in

procente

NOSHADE Dezactiveaza afisarea umbrei

pentru rigla orizontala

ALIGN=x Alinierea riglei orizontala in

pagina (left, center, right)


18/26


Prof. Mirela Irimia

18

COLOR=x Culoarea riglei

orizontale(numai pentru IE)

Marcaj de tip ancora HREF=url Referinta hipertext

HREF=#nume Referinta catre o ancora

interna

Name=nume Definitia unei ancore intern

3. Marcaje pentru liste

TAG EXPLICATIE TAGATRIBUT

SPECIFIC

EXPLICATIE ATRIBUT

Descriere definitie

Lista de tip definitie

Termen de definitie

Element de lista


19/26


Prof. Mirela Irimia

19

Text cu font monospatiu

Citare bibliogarfica

Listing de program

Stil logic de evidentiere

Text de la tastatura

Evidentiere logica puternica

Program sau variabila

5.

Marcaje pentru tabele

TAG EXPLICATIE TAG ATRIBUT SPECIFIC EXPLICATIE ATRIBUT

Tabel HTML

BORDER=x Chenarul tabelului

CELLPADDING=x Spatiul suplimentar in

cadrul celulelor

tabelului

CELLSPACING=x Spatiul suplimentarintre celulele tabelului

WIDTH=x Latimea impusa

tabelului

FRAME=valoare Ajustarea fina a

tabelului

RULES=valoare Ajustarea fina a riglelor

tabelului

BORDERCOLOR =culoare Specifica culoareachenarului tabelului

BORDERCOLORLIGHT

= culoare

Cea mai deschisa

culoare din cele doua

culori specificate

BORDERCOLORDARK Cea mai inchisa culoare


20/26


Prof. Mirela Irimia

20

= culoare din cele doua culori

specificate

ALIGN=left Aliniaza tabelul la

marginea din stanga a

paginii, iar textul curgein partea dreapta

ALIGN=right Aliniaza tabelul la

marginea din dreapta a

paginii, iar textul curge

in partea stanga

HSPACE=x Spatiu suplimetar pe

orizontala in jurul

tabelului

VSPACE=x Spatiu suplimetar peverticala in jurul

tabelului

COLS=x Specifica numarul de

coloane ale unui tabel

Defineste un set de

definitii de coloane

cu ajutorul

marcajului

Defineste latimeaunei coloane

exprimata in pixeli

Defineste titlul

tabelului

Defineste corpul

tabelului


21/26


Prof. Mirela Irimia

21

date

COLSPAN=x Numarul de coloane pe

care se intinde celula

curenta de date

ROWSPAN=x Numarul de linii pe

care se intinde celula

curenta de date

ALIGN=aliniere Alinierea materialului

din cadrul celulei de

date.Valori posibile:

(left, right, center)

VALIGN=aliniere Alinierea pe verticala a

materialului din cadrul

celulei de date.Valoriposibile: (top, bottom,

middle)

BACKGROUND=url Specifica imaginea de

fond pentru celula

tabelului

NOWRAP Nu permite despartirea

textului pe linii in

cadrul unei celule

ALIGN=baseline Aliniaza celule de datecu linia de baza a

textului adiacent

ALIGN=caracter Aliniaza o coloana fata

de un anumit carcater

(caracterul prestabilit

este ".")

ALIGN=justify Aliniaza atat marginea

din stanga cat si

marginea din dreapta aunui text

6.

Adaugarea imaginilor


22/26


Prof. Mirela Irimia

22

TAG EXPLICATIE ATRIBUT EXPLICATIE ATRIBUT


23/26


Prof. Mirela Irimia

23

CHECKED= optiune Buton/caseta marcata in mod prestabilit

SIZE=x Numarul de caractere al unui camp de

text

SIZE=x Numarul maxim de caractere acceptate

Grup de casete de validare

NAME=nume Numele simbolic al valorii campului

SIZE=x Numarul de articole de meniu care se

afiseaza odata (prestabilit=1)

MULTIPLE=x Permite selectia unor articole de meniu

multiple


24/26


Prof. Mirela Irimia

24

TAG EXPLICATIE ATRIBUT EXPLICATIE ATRIBUT

Definirea redactarii paginii

COLS=x Numarul si marimea

relativa a coloanelorROWS=x Numarul si marimea

relativa a liniilor

BORDER=x Specifica starea "on"

(activa) sau "off"

(inactiva) pentru

chenarul cadrului

FRAMESET (1 sau 0)

FRAMEBORDER =x Specifica marimea

chenarului

FRAMESPACING =x Marimea spatiului dintre

doua cadre adiacente

SRC=url URL-ul sursa pentru

cadru

NAME=nume Numele cadrului (utilizat

impreuna cu

TARGET=nume ca parte

componenta a

marcajului de tip ancora

SCROLLING=scrl Defineste optiunea barei

de derulare.Valori

posibile: on(activa),

off(inactiva), auto

(automat)

FRAMEBORDER=x Marimea chenarului din

jurul cadrului

MARGINHEIGHT=x Spatiul suplimentar dedeasupra si dedesubtul

unui anumit cadru

MARGINWIDTH=x Spatiu suplimetar la

stanga si la dreapta unui

anumit cadru


25/26


Prof. Mirela Irimia

25

Sectiunea de

pagina afisata

pentru

utilizatorii

care nu pot

vedea un

cadru

Cadru intern (numai pentru (IE)

SRC=url Sursa cadrului

NAME=s Numele ferestrei (util

pentru TARGET)

HEIGHT=x Inaltimea cadrului

inglobat

WIDTH=x Latimea cadrului inglobat

9.

Caractere speciale

& & ampersand

tilda

< mai mic (less than)

> mai mare (greater than)

simbolul de copyright

simbolul pentru marca

inregistrata

a mic cu accent ascutit (acute)

a mic cu accent circiumflex

n mic cu tilda

o mic barat (slash)

10.

Includerea scripturilor

TAG EXPLICATIE TAG ATRIBUT EXPLICATIE ATRIBUT

Specifica informatii

referitoare modelul de

TYPE=val Tipul modelului de stiluri. De

regula "text/css"


26/26


Prof. Mirela Irimia

26

stiluri

Include un script de regula Javascript, in

pagina Web

LANGUAGE=limbaj Limbajul utilizat

EVENT=eveniment Eveniment care declanseaza

executia unor scripturi specifice

FOR=numeobiect Numele obiectului din pagina

asupra caruia actioneaza scriptul

webografie

http://www.tutorialehtml.com/htmlt/atribute.php

http://www.lucian0308.com/tutorial-html/
http://www.tutorialehtml.com/htmlt/atribute.phphttp://www.tutorialehtml.com/htmlt/atribute.phphttp://www.lucian0308.com/tutorial-html/http://www.lucian0308.com/tutorial-html/http://www.lucian0308.com/tutorial-html/http://www.tutorialehtml.com/htmlt/atribute.php

Documents

Curs HTML Ultimul