curs html ultimul
Post on 21-Feb-2018
316 Views
Preview:
TRANSCRIPT
-
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
-
7/24/2019 Curs HTML Ultimul
2/26
Curs HTML - ianuarie 2013
Prof. Mirela Irimia
2
Tagul
............................................................................................................................................... 9
Tagul
........................................................................................................................................... 10Tagul .................................................................................................................................... 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
-
7/24/2019 Curs HTML Ultimul
3/26
Curs HTML - ianuarie 2013
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 -
7/24/2019 Curs HTML Ultimul
4/26
Curs HTML - ianuarie 2013
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/ -
7/24/2019 Curs HTML Ultimul
5/26
Curs HTML - ianuarie 2013
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:
-
7/24/2019 Curs HTML Ultimul
6/26
Curs HTML - ianuarie 2013
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/24/2019 Curs HTML Ultimul
7/26
Curs HTML - ianuarie 2013
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
-
7/24/2019 Curs HTML Ultimul
8/26
Curs HTML - ianuarie 2013
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.
-
7/24/2019 Curs HTML Ultimul
9/26
Curs HTML - ianuarie 2013
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.
-
7/24/2019 Curs HTML Ultimul
10/26
Curs HTML - ianuarie 2013
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
-
7/24/2019 Curs HTML Ultimul
11/26
Curs HTML - ianuarie 2013
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
-
7/24/2019 Curs HTML Ultimul
12/26
Curs HTML - ianuarie 2013
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
-
7/24/2019 Curs HTML Ultimul
13/26
Curs HTML - ianuarie 2013
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.
-
7/24/2019 Curs HTML Ultimul
14/26
Curs HTML - ianuarie 2013
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
-
7/24/2019 Curs HTML Ultimul
15/26
Curs HTML - ianuarie 2013
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:
-
7/24/2019 Curs HTML Ultimul
16/26
Curs HTML - ianuarie 2013
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
-
7/24/2019 Curs HTML Ultimul
17/26
Curs HTML - ianuarie 2013
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 nouaInformatie 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)
-
7/24/2019 Curs HTML Ultimul
18/26
Curs HTML - ianuarie 2013
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
-
7/24/2019 Curs HTML Ultimul
19/26
Curs HTML - ianuarie 2013
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
-
7/24/2019 Curs HTML Ultimul
20/26
Curs HTML - ianuarie 2013
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
-
7/24/2019 Curs HTML Ultimul
21/26
Curs HTML - ianuarie 2013
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
-
7/24/2019 Curs HTML Ultimul
22/26
Curs HTML - ianuarie 2013
Prof. Mirela Irimia
22
TAG EXPLICATIE ATRIBUT EXPLICATIE ATRIBUT
-
7/24/2019 Curs HTML Ultimul
23/26
Curs HTML - ianuarie 2013
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
-
7/24/2019 Curs HTML Ultimul
24/26
Curs HTML - ianuarie 2013
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
-
7/24/2019 Curs HTML Ultimul
25/26
Curs HTML - ianuarie 2013
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"
-
7/24/2019 Curs HTML Ultimul
26/26
Curs HTML - ianuarie 2013
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
top related