CATEGORII DOCUMENTE |
Structura unui document HTML
Un document HTML este impartit in trei sectiuni:
Sectiunea de informatii HTML
Sectiunea de antet a documentului
Corpul documentului
Controalele <HTML> si <HTML> incadreaza antetul si corpul documentului . Ele comunica interpretorului HTML ca blocul de text cuprins intre ele este scris si formatat in limbajul HTML standard. Prezenta acestor etichete in document este optionala.
Exemplu: Structura explicata a unui document HTML
<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.0 Transitional//EN'>
<html>
<head>
<!--Sectiunea de
antet a documentului cuprinde titlul documentului
si definirea tipului si a setului de caractere
folosit --> <title>Structura
Documentului HTML</title>
<META http-equiv='Content-Type'
content='text/html;
charset=iso-8859-1'>
</head>
<body>
<!--Acesta este corpul documentului. Aici va fi
plasat
continutul paginii pe care o creati-->
Salut. Aceasta este o pagina Web cat se poate de simpla.
</body>
</html>
a. Sectiunea de informatii HTML ofera
informatii asupra versiunii limbajului HTML folosit. Multe editoare de HTML
insereaza automat textul necesar la inceputul documentului
Exemplu:
<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.0 Transitional//EN'>
b. Sectiunea de antet a documentului este incadrata
de controalele <HEAD> si </HEAD>. Prezenta celor doua controale in
document este optionala, insa ea ajuta la o impartire mai clara a documentului
pe sectiuni.
Antetul documentului cuprinde,
in general, informatii precum titlul
documentului (pentru a fi afisat pe baza de sus a ferestrei programului de
navigare sau pentru ca documentul sa poata fi mai usor identificat de catre
utilizator), cuvinte-cheie care folosesc motoarelor de cautare de documente,
precum si alte informatii legate de documentul creat. Informatiile folosite in
aceasta sectiune nu sunt afisate de catre browser, ele avand doar rol
informativ. Astfel:
<TITLE> si </TITLE> indica titlul documentului. Textul aflat aici va fi - de obicei - afisat pe bara de titlu al programului de explorare sau va putea fi folosit de utilizatori pentru pastrarea documentului in listele specifice ale acestui program.
c. Corpul documentului este locul unde se
plaseaza continutul efectiv al documentului si este incadrat de controalele <BODY> si </BODY>.
Chiar daca marcarea corpului documentului cu cele doua etichete este optionala,
folosirea lor va determina o mai mare claritate in impartirea documentului pe
sectiuni.
Controlul <BODY> poate sa contina atribute referitoare la
fondul si marginile documentului sau culoarea textului. Astfel:
In cazul in care ambele sunt prezente, browser-ul cauta fisierul mentionat ca imagine de fond. Daca acesta exista, el va fi afisat si multiplicat pentru a acoperi intreaga suprafata a documentului, culoarea de fond fiind vizibila numai daca fondul imagini este transparent. Daca nu, fondul documentului va fi dat de culoarea setata de catre bgcolor.
Pentru a seta dimensiunile marginilor din stanga si de sus ale documentului se folosesc atributele:
Pentru Internet Explorer:
topmargin - pentru marginea de sus
leftmargin - pentru marginea din stanga
Pentru Netscape Navigator:
marginheight - pentru marginea de sus
marginwidth - pentru marginea din stanga
Pentru Internet Explorer exista posibilitatea de a atasa unui document un fond sonor. Aceasta se poate realiza prin folosirea in antetul documentului a elementului BGSOUND. Doua dintre atributele acestuia sunt foarte importante:
src - determina fisierul audio care va fi rulat de catre browser la incarcarea documentului in fereastra
loop - determina de cate ori va fi repetata secventa de sunet respectiva. O valoare egala cu -1 determina repetarea continua a sunetului
Exemplu: Document cu setari de sunet si imagine de fundal.
<html>
<head>
<title>Document
cu imagine si sunet de fundal</title>
<BGSOUND src = '../Sunet/spacemusic.au' loop = -1>
</head>
<body background='../Imagini/fond.jpg' bgcolor='#00FFFF'
text='#800080'>
Acest document are o imagine in fundal. De asemenea, daca folositi Internet Explorer,
puteti auzi sunetul de fond.
</body>
</html>
Exemplu: Document cu setarea culorii fundalului si a dimensiunii marginilor
<html>
<head>
<title>Document
cu culoare de fond</title>
</head>
<body bgcolor='#00FFFF' text= marginwidth=0 marginheight=0 leftmargin=0 topmargin=0>
Aceasta pagina are culoarea de fond 'aqua'. Textul va fi
tiparit cu culoare albastra <br>
Marginile documentului au fost fixate la <b>'0'</b> prin setari care vor fi acceptate si de
Internet Explorer si de Netscape Navigator
</body>
</html>
OBS: In cazul in care in corpul documentului interpretorul HTML gaseste o eticheta pe care nu o recunoaste (o eticheta scrisa gresit, inexistenta sau o eticheta de sfarsit care nu are eticheta de inceput corespunzatoare) el nu o va lua in considerare, tiparind doar eventualul continut marcat de eticheta respectiva. Insa aceste etichete 'scapate' in corpul documentului pot provoca diferente semnificative intre forma dorita si cea obtinuta a continutului afectat!
Politica de confidentialitate | Termeni si conditii de utilizare |
Vizualizari: 1270
Importanta:
Termeni si conditii de utilizare | Contact
© SCRIGROUP 2024 . All rights reserved