Scrigroup - Documente si articole

Username / Parola inexistente      

Home Documente Upload Resurse Alte limbi doc  

CATEGORII DOCUMENTE





AccessAdobe photoshopAlgoritmiAutocadBaze de dateCC sharp
CalculatoareCorel drawDot netExcelFox proFrontpageHardware
HtmlInternetJavaLinuxMatlabMs dosPascal
PhpPower pointRetele calculatoareSqlTutorialsWebdesignWindows
WordXml


Structura unui document HTML

html

+ Font mai mare | - Font mai mic







DOCUMENTE SIMILARE

Trimite pe Messenger
Editarea unei pagini HTML
SOLUTII HTML PENTRU CREAREA SITE-URILOR WEB
Tag-uri utilizate pentru afisarea listelor
Inserarea unui script java
Liste ordonate - <li>
Culori, RGB, exprimarea culorilor in hexazecimal
Formatarea documentelor - Formatarea fonturilor
Inserare unui link
Tag-uri utilizate pentru afisarea listelor
Example HTML

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:

  • background = 'Imagini/fond.jpeg' seteaza imaginea de fond a documentului.
  • bgcolor = '#0000ff' seteaza culoare fondului documentului (Aqua).

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.

  • text = '#ff0000' seteaza culoarea textului existent in document.

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

DISTRIBUIE DOCUMENTUL

Comentarii


Vizualizari: 456
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 2020 . All rights reserved

Distribuie URL

Adauga cod HTML in site