Crearea Paginilor Web cu Ajutorul Limbajului HTML

Previzualizare seminar:

Extras din seminar:

Configurarea cadrului de lucru HTML

Toate fişierele HTML trebuie cuprinse între o pereche de etichete HTML de deschidere/închidere. Aceste etichete indică browserului că textul cuprins între ele este de tip HTML. Se recomandă plasarea fiecăreia dintre aceste două etichete pe un singur rând.

<HTML> - eticheta de deschidere

textul nostru

</HTML> - eticheta de închidere

Fiecare pagină HTML este divizată în două secţiuni: secţiunea antet (head) şi secţiunea corp (body). Antetul şi corpul paginii sunt identificate de etichetele <HEAD> </HEAD> şi <BODY> </BODY>.

Structura documentului HTML:

<HTML>

<HEAD>

Antetul documentului

</HEAD>

<BODY>

Corpul documentului

</BODY>

</HTML>

Observaţie – Unele browsere adaugă automat aceste etichete, totuşi se recomandă plasarea acestor etichete deoarece ajută la păstrarea acestor secţiuni distincte şi uşor de găsit.

Fiecare document Web trebuie să aibă un titlu, pentru a fi în conformitate cu specificaţiile HTML.

Observaţie – Titlurile sunt folosite pentru a fi reţinute în listele de pagini marcate cu semn de carte şi sunt afişate deasupra barei de meniu în browserele grafice. De asemenea, când se utilizează un motor de căutare, titlul este folosit în pagina cu răspunsuri.

Crearea unui titlu de pagină se realizează prin adăugarea etichetelor <TITLE> între etichetele <HEAD> şi plasarea titlului între etichetele <TITLE> de început şi sfârşit.

<HTML>

<HEAD>

<TITLE> Titlu pagină </TITLE>

</HEAD>

<BODY>

Corpul documentului

</BODY>

</HTML>

Antetul documentului conţine, opţional, titlul acestuia şi informaţii despre autor, tipul documentului etc.

Etichetele de început pot conţine atribute (informaţii suplimentare care modifică efectul unei etichete la afişare). De exemplu, eticheta <BODY> poate cuprinde atribute pentru stabilirea culorilor:

- bgcolor – stabileşte culoarea pentru fundalul întregii pagini

- text – stabileşte culoarea textului obişnuit din pagină (text care nu este hiperlegătură)

- link - stabileşte culoarea hiperlegăturilor din pagină

- alink - stabileşte culoarea hiperlegăturilor active în procesul de conectare

- vlink - stabileşte culoarea hiperlegăturilor vizitate

<BODY bgcolor=”culoare” text=”culoare” link=”culoare” alink=”culoare” vlink=”culoare” >

Exemplu:

<BODY bgcolor =”FFFFFF” text = "000000” link=”0000FF” alink = ”FF0000”

alb negru albastru roşu

vlink = ”800080” >

mov

Culorile sunt specificate prin numerecare reprezintă niveluri diferite de lumină roşie, albastră şi verde. Fiecare culoare este reprezentată printr-un triplet de perechi hexazecimale, fiecare pereche de cifre reprezentând o culoare elementară (mai întâi roşu, apoi verde şi în final albastru).

Stabilirea structurii paginii

- Structurarea cu subtitluri (headings) se realizează cu etichetele <Hn>.

<Hn> Titlu </Hn> , n=1 6.

Cu cât cifra este mai mare, cu atât titlul respectiv se afişează scris cu caractere mai mici. HTML oferă şase nivele de titluri, numerotate de la 1 la 6. titlurile sunt afişate cu caractere mai mari, eventual întărite (bold), şi sunt distanţate prin câte o linie atât de textul de deasupra cât şi de cel de dedesubt.

- Structurarea cu ajutorul preformatării

Aşezarea textului în pagină se face de către browser, repectând marcajele de formatare din textul HTML. În consecinţă, dacă se modifică dimensiunile ferestrei, se modifică şi aşezarea în pagină. Spaţiile şi caracterele speciale din textul HTML, cum ar fi caracterul de trecere la linie nouă sau de întoarcere a carului, sunt ignorate de browser şi nu au efect la afişarea pe ecran. Există un marcaj care impune ca textul să fie aşezat pe ecran aşa cum este el în pagina HTML. Acest marcaj este <PRE>.

<PRE> Text preformatat </PRE>

Exemplu:

<PRE>

Un exemplu de text

preformatat

scris pe trei linii.

</PRE>

Acest text va apare pe ecran exact sub forma în care se află în pagina HTML.

- Structurarea cu paragrafe

Fiecare paragraf este cuprins între marcajele <P> </P>. Totuşi, folosirea marcajului de sfârşit de paragraf , </P>, nu este obligatorie.

Observaţie – Atunci când documentul este vizualizat în browser, fiecare paragraf începe de la capăt de linie. În interiorul paragrafului, trecerea la linie nouă se face automat, când se ajunge la marginea din dreapta a paginii. Se poate forţa trecerea la linie nouă prin marcajul <BR>.

În marcajul >P> se pot introduce şi indicaţii privind culoarea de fond, culoarea caracterelor şi forma caracterelor paragrafului respectiv.

Download gratuit

Documentul este oferit gratuit,
trebuie doar să te autentifici in contul tău.

Structură de fișiere:
  • Crearea Paginilor Web cu Ajutorul Limbajului HTML.doc
Alte informații:
Tipuri fișiere:
doc
Nota:
8/10 (1 voturi)
Nr fișiere:
1 fisier
Pagini (total):
10 pagini
Imagini extrase:
10 imagini
Nr cuvinte:
3 246 cuvinte
Nr caractere:
17 834 caractere
Marime:
17.84KB (arhivat)
Publicat de:
NNT 1 P.
Nivel studiu:
Facultate
Tip document:
Seminar
Domeniu:
Calculatoare
Predat:
la facultate
Materie:
Calculatoare
Profesorului:
Stan Ioana
Sus!