Atribute Valoarea Atribtului Efectul Atributelor Etichetelclor Htmlpentru Afişarea Elementuluiîn Pagină Web

Tabelul 2.3.
Atribute utilizate cu mai multe tag-uri HTML
Orice d o c u m e n t H T M L ncepe cu eticheta <html> i c s finiseaz cu o </html>. Prin convenie, toate informaiile Tag-urile browser a afia vom HTML ncep cu o parantez unghiular deschis " < " i se termin cu ntre aceste parantez unghiular paranteze transmit aceste nchis " > " . comenzi comenzi, <html> i ctre pentru
Atribute
Valoarea atribtului
Efectul atributelor etichetelclor H T M L pentru afiarea elementului n pagin Web.
align valign bgcolor
right, left, c e n t e r top, middle, bottom
aliniaz orizontal
clemetele
pe
(Internet Exporer, Mozilla Firefox, Opera, Google C h r o m e ) . Browserul Intre intrerpreteaz cele dou pagina ntr-un anumit mod. marcaje </html> introduce dou seciuni: 1. s e c i u n e a de a n t e t ( e n . h e a d e r ) < h e a d > . . . < / h c a d > ; 2. seciunea dect n corpului de titlu codului al <body>...</body>. de exemplu de date A n t e t u l p o a t e c o n i n e i n f o r m a i i c a r e nu v o r fi a f i a t e bara documentului,
aliniaz clemetele pe vertical
d e n u m i r e a c u l o r i i o c u l o a r e de fundal n s p a t e l e sau o v a l o a r e numeric hexidecimal, RGB unui e l e m e n t
background id
URL d e f i n i t e de utilizator
p l a s e a z o i m a g i n e de fundal n s p a t e l e u n u i e l e m e n t n u m e de c l e m e n t p e n t r u a fi u t i l i z a t e cu C a s c a d i n g Style Sheets. Clasific c l e m e n t e l e p e n t r u a fi u t i l i z a t e cu C a s c a d i n g Style Sheets. specific limea unui tabel, i m a g i n i , sau c e l u l e din t a b e l . Specific nlimea unui tabel, i m a g i n i , sau c e l u l e din t a b e l . " P o p - u p " , titlul pentru clemente definite de utilizator o component Exemple de fundamental elemente a
despre s c r i p t u r i , f u n c i i , e t c , . Corpul fereastra codului cuprinde elementele coninut p r o p r i u - z i s a l e p a g i n i i H T M L , a d i c c e e a ce va fi afiat n browser-ului. lipsi iar n a l t e c a z u r i Not: n u n e l e c a z u r i a t r i b u t e l e p o t
class
d e f i n i t e de utilizator
poate lipsi t a g - u l d e n c h i d e r e : < / T A G > 2.3. Formatul general al unui document <html> < head > >antetul documentului < Ihead > J < body > > coninutul paginii < / body > J </html> Codurile informai i Prelucrare a HTML ale paginilor de
33
HTML
width hcight title
valoare numeric valoare numeric d e f i n i t e de utilizator Un element unui este
Structura fundamentala a unui document H T M L este:
sitc-ului a
pot
conine timpului,
structurii
document.
sunt:
o p i o n a l e , cum ar fi titlul paginii Web, funcii de informaiei, afiare datei
t i t l u r i l e , t a b e l e l e , p a r a g r a f e l e , listele, e t c .
32
scripturi,
informaii p e n t r u m o t o a r e de c u t a r e , etc. Astfel
 - o d a t cu a c e s t t a g n c e p e coninutul pagin Web. T o t ce v o m s c r i e n t r e t a g - u r i l e i \ fi afiat, de c t r e b r o w s e r , pe e c r a n u l m o n i t o r u l u i . </body> ii c o m u n i c m b r o w s e r - u l u i c am t e r m i n i de scris c o n i n u t u l paginii, tot ceea ce vom scrie d u p ace:
s t r u c t u r a d o c u m e n t u l u i H T M L p o a t e fi: <html> < head > < title >... < / title > < meta >... </head > < body > Elelemete... < Ibody > </htmI> unde: <html> - e s t e t a g u l de n c e p u t al oricrui document H T M L . P r i n f o l o s i r e a a c e s t u i t a g i s p u n e m b r o w s e r - u l u i cj a v e m un f i i e r h t m l p e n t r u a al p u t e a afia. <head> titlul paginii, Internet, ntre diverse aceste tag-uri sunt trecute, pe lng informaii u t i l e p e n t r u b r o w s c r - u l dej coninutul paginii antetul documentului
tag nu va m a i fi a f i a t . </html> - e s t e t a g - u de In de tipul nchidere al t a g - u l u i <html> posibilitatea HTML le d v codul o r i c r u i d o c u m e n t s e t e r m i n a c u a c e s t t a g . seciunea <body>...</body> <" sau >" atunci avem a scrie d i f e r i t e t e x t e . D a c n t e x t nu e x i s t nici un m a r c a interprctorul i n t e r p r e t a ca t e x t e s i m p l e i le va afia pe m o n i t o r . D u p n s u i r e a m o d u l e l o r eseniale din s t r u c t u r a unu cod astfel HTML, nct S s vom mbina experiena ct pagin de de asimilare posibil : cunotinelor cu noastr. executarea practic a operaiilor eficientizm o mult Web, conform indicate munci codulu
elaborm 1. A l g o r i t m u l va utiliza de
ilustrat n f i g u r a 2 . 1 . a : Note: practice Web. 2. P a g i n a de start a o r i c r u i site de r e g u l este salvate cu n u m e l e i n d e x . h t m l . 2.4. Algoritmul de lucru individualcu H T M L Copiem Salvm
s
de l u c r u i n d i v i d u a l cu e x e m p l e l e fiecare d a t la c r e a r e a paginiloi
informaii pe care cu ajutorul
le vom descoperi pe parcursul] acestei perechi de tag-uri vomj
se
acestui curs. <title> putea atribui un titlu paginii Web. Astfel, textul pe care q v o m scrie ntre aceste tag-uri va fi afiat n bara de titlu a| documentului. </title> - e s t e t a g - u l de <meta> - conine </head> </iead> nchidere al t a g - u l u i <title>-\ arata sfritul titlului d o c u m e n t u l u i . cuvinte cheie, descrierea paginii, al e t i c h e t e ^ date despre autor, informaii utile motoarelor de cutare. a c e s t a e s t e t a g - u de n c h i d e r e
coninutul documentul
codului cu
(figura
2.1.a.,) n
ntr-un dosarul utiliznd Explorcr,
fiier d e t i p t e x t ( e d i t o r u l N o t c p a d ) ; extensia paginii *.html create (Internet 'te-ului pregtit anterior ( S i t e m c u ) ; Vizualizm browser-ul instalat coninutul pe calculator
^ o z i l l a Fircfox, G o o g l e C h r o m e , O p e r a . ) (figura 2.1.b).

1 A
<html> <head> </hcad> <body> Bine pagina mea </body> </html> a) Codul HTML HTML Figura 2.1. C o d u l ati venit Web! n
C-X3-
- : . ' J f f S " ^ 1 " .,
navigatorului 2.2).
este cel
inclus ntre
etichetele
<title>(figura
Bine ati venit n pagina mea Web!
Etichetele de tip meta c o n i n cuvinte cheie, d e s c r i e r e a paginii, date despre autor, informaii utile motoarelor de cutare i au u r m t o r u l format:
b)
Rezultatul
<meta name="nume" content="continut"> 2.5. Coninutul paginii Web.
fiierului
index.html
a f i a r e a cu b r o w s e r -
ul c u r e n t
In titlu titlu
seciunea browser-ului
antetului cruia (Figura
se 2.2,b). In
adaug cazul numele n
blocul bara de care
Eticheta Tag-ul web. coninutul doar este <body> paginii s indispensabil este locul imagini, c pentru unde tabele, orice etc). pagin tot Vom Elementul este plasat
< t i t l e > . . . < / t i t l e >, a ferestrei a acest bloc (Figura

<html> <head> <titlc> Aceasta este prima mea pagina </titlc> <body> B i n e ati v e n i t n pagina mea dc W e b ! </body> </html> a) Codul HTML 2.2. Figura Web
coninutul
va a p r e a n
lipsete dintr-un d o c u m e n t H T M L , browser-ului va aprea
n bara de fiierului
(paragrafe, se
ferestrei 2.2).
studia toate aceste e l e m e n t e pe p a r c u r s . Pentru m o m e n t , este important neleag elementul <body> ncapsuleaz tot coninutul paginii vizibile Web. Eticheta poate fi utilizat n modul prezentat
-i
.=5
n exemplele utilizarea imagine dc
de
mai
sus,
ns tagul pentru
<body>
accept de active
i sau
unor
atribute
care
specific culoarea hiperlegturi
fundal,
as
:t vii MMEUI FV<OX
fundal,
culori
vizitate culori de fonturi, etc. 2.5.1.

V
Sintaxa etichetei <body>
Sintaxa tagului este:

cu diferite brows-ere
b)
rezultatul
afiat
<body
background="culoare
sau
imagine"
link="culoare" numeric"
alink="culoare"
Codul HTML fiierului pag_titlu.html i afiarea]
vlink="culoare" valoare
text="culoare" " leftmargin="valoare
bgproperties="fixed" bottommargin=" numeric" >
topmargin="valoare numeric
cu browser-ul curent
Executnd individual) pag titlu.html.
aceleai din
operaii nou de bara 36
{algoritmul creat titlu cu a
de
lucrui numele]
salvm Textul
fiierul
Unde fiecare din a t r i b u t e r e p r e z i n t : Background specific culoarea de fundal; Link- s e t e z c u l o r i p e n t r u h i p e r l e g t u r i a c t i v e ; 37
ferestrei

Atribute Valoarea Atribtului Efectul Atributelor Etichetelclor Htmlpentru Afişarea Elementuluiîn Pagină Web

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Atribute Valoarea Atribtului Efectul Atributelor Etichetelclor Htmlpentru Afişarea Elementuluiîn Pagină Web

Încărcat de

Drepturi de autor:

Formate disponibile

Tabelul 2.3.

Atribute utilizate cu mai multe tag-uri HTML

Efectul atributelor etichetelclor H T M L pentru afiarea elementului n pagin Web.

align valign bgcolor

right, left, c e n t e r top, middle, bottom

aliniaz clemetele pe vertical

d e n u m i r e a c u l o r i i o c u l o a r e de fundal n s p a t e l e sau o v a l o a r e numeric hexidecimal, RGB unui e l e m e n t

width hcight title

valoare numeric valoare numeric d e f i n i t e de utilizator Un element unui este

Structura fundamentala a unui document H T M L este:

o p i o n a l e , cum ar fi titlul paginii Web, funcii de informaiei, afiare datei

informaii p e n t r u m o t o a r e de c u t a r e , etc. Astfel

informaii pe care cu ajutorul

le vom descoperi pe parcursul] acestei perechi de tag-uri vomj

ntr-un dosarul utiliznd Explorcr,

^ o z i l l a Fircfox, G o o g l e C h r o m e , O p e r a . ) (figura 2.1.b).

- : . ' J f f S " ^ 1 " .,

Bine ati venit n pagina mea Web!

<meta name="nume" content="continut"> 2.5. Coninutul paginii Web.

antetului cruia (Figura

adaug cazul numele n

blocul bara de care

< t i t l e > . . . < / t i t l e >, a ferestrei a acest bloc (Figura

lipsete dintr-un d o c u m e n t H T M L , browser-ului va aprea

n exemplele utilizarea imagine dc

specific culoarea hiperlegturi

vizitate culori de fonturi, etc. 2.5.1.

Sintaxa etichetei <body>

Sintaxa tagului < b o d y > este:

text="culoare" " leftmargin="valoare

bgproperties="fixed" bottommargin=" numeric" >

Executnd individual) pag titlu.html.

operaii nou de bara 36

{algoritmul creat titlu cu a

Unde fiecare din a t r i b u t e r e p r e z i n t : Background specific culoarea de fundal; Link- s e t e z c u l o r i p e n t r u h i p e r l e g t u r i a c t i v e ; 37

S-ar putea să vă placă și