Pagini Web Limbajul HTML

A realizat: Cebotari Laurentiu
A verificat: Turcan Aurelia

a)World Wide Web (WWW) – parte din Internet constând dintr-un
număr foarte mare de documente memorate pe discurile unor
calculatoare, accesibile prin Internet folosind un program de navigaţie
(browser).
b)Pagină Web – fişier (document) aparţinând WWW. O pagină poate
conţine text, imagini, sunete, secvenţe animate şi filme.
c)Site Web – o colecţie de pagini Web întreţinută de o firmă, o
instituţie de învăţământ, o agenţie guvernamentală sau de o persoană.
d)Server Web – calculator care memorează pagini Web şi le pune la
dispoziţia utilizatorilor reţelei.
e)Hypertext Markup Language (HTML) – este un limbaj cu ajutorul
căruia se scriu pagini pentru Wold Wide Web.
f)Referinţe (hyperlinks) – şiruri de caractere sau imagini a căror
selectare provoacă afişarea unei alte pagini.
g) URL (Uniform Resource Locator) – fiecare document
existent pe Internet are o adresă unică folosită pentru
accesarea sa de către programul de navigaţie. Ea se scrie fără
spaţii şi este compusă din 3 părţi: protocolul folosit, numele
calculatorului gazdă şi cale http://www.edu.ro/preuniv
URL poate folosi diferite protocoale cum ar fi: FTP şi HTTP

 FTP (File Transfer Protocol) – este un protocol ce permite
schimbul de fişiere între două calculatoare
 HTTP (Hipertext Transport Protocol) – este un
protocol prin care paginile Web sunt transferate în
reţea.
h) ISP (Internet Service Provider) – firmă care oferă servicii

de acces la Internet
i) Program de navigaţie (Web browser) – aplicaţie destinată
afişării paginilor web (Internet Explorer, Opera, Netscape
Navigator)
3. Descrierea limbajului HTML
HTML – Hypertext Markup Laguage – limbajul în care sunt

scrise paginile web.
Un document HTML este un fişier care conţine text şi coduri de
control numite marcaje (tags). Marcajele sunt sunt delimitate de
caracterele < şi >. Aceste caractere încadrează un text şi
specifică browser-ului că textul dintre ele este un cuvânt cheie al
limbajului (o comandă care trebuie executată).
Marcajele HTML sunt de două tipuri:
 marcaje de sine stătătoare - < cuvânt cheie >
 marcaje pereche - <cuvânt cheie >……< /cuvânt cheie >.
1. Editaţi în Notepad textul de mai jos:
< HTML >
< HEAD > <TITLE>Pagina mea</ TITLE> </ HEAD>
<BODY>
Prima pagina WEB!
Acesta este un exemplu perfect pentru simplitatea creării unei pagini
Web!
</ BODY>
</ HTML>
2. Salvaţi fisierul sub numele : fisa1_numele_clasa.html
3. Deschideţi fişierul în browserul Internet Explorer

Caracter Cod
spaţiu
semnul de copyright &copy
< <
> >
& &
” "
+ +
/ /
î î
â â
ă ã
ş ş
Ş Ş
ţ ţ
Ţ Ţ
1. Creati o pagina Web cu titlul „Caractere speciale” care sa
contina urmă torul text:
Un document HTML este un fişier care conţine text şi

coduri de control numite marcaje (tags).
Marcajele sunt delimitate de caracterele < şi >.
Aceste caractere încadrează un text şi specifică browser-
ului că textul dintre ele este un cuvâ nt cheie al limbajului.
2. Textul să fie scris cu caractere de culoare albă pe fond

albastru.
3. Introduceţi coduri pentru caracterele speciale.
4. Salvaţi fiţierul sub numele: fisa2.html

<HR > - comanda trasează o linie orizontală de-a lungul
paginii (se utilizează pentru a separa diferite secţiuni ale
unei pagini web).
Acest marcaj poate primi mai multe atribute ce pot
configura poziţia, dimensiunea şi grosimea liniei
Ex:
<HR width=100 size=8 align=”right” color=”green” noshade >
- linia va avea lungimea de 100 pixeli, grosimea de 8 pixeli,
va fi aliniată la dreapta, culoarea verde; atributul noshade
face linia să devină solidă .
1. Creati o pagina Web cu titlul „Marcaje uzuale” care sa conţină:
Bine ai venit să-l vezi pe GOGUTZA!
(00)
\/| |\/
_| |_
2. Textul să fie scris cu caractere de culoare galbenă pe fond verde.
3. Introduceţi în pagină cinci linii orizontale de culori, lungimi şi grosimi

diferite.
4. Salvaţi fiţierul sub numele: fisa3.html

8. Marcaje pentru formatarea textului
In documentele pe care la veti creea veti

folosi diferite stiluri de text pentru a pune in
evidenta anumite cuvinte sau pentru a le
acorda o seminficatie dorita (citate, nume,
etc). Pentru aceasta veti specifica explicit
valori pentru unele din atributele ale unui
font:
•corpul de litera
•culoare fontului
•stilul fontului
•dimensiunea fontului
9.MARCAJE pentru stilul fontului
Cel mai usor mod de a marca un anumit stil corespunzator unui text in
document este de a folosi controalele care modifica stilul fontului dupa
cum urmeaza:

se foloseste pentru scrierea cu caractere ingrosate (Bold).

se folooseste pentru scrierea cu caractere inclinate (Italics).

este folosit atunci cand se doreste ca un anumit pasaj din text sa fie
subliniat.
<TT>
indica folosirea fontului monospatiu, adica acea forma de scriere in care
fiecare caracter ocupa pe latime acelasi spatiu. Acest tip de font este
asemanator cu cel utilizat se catre masinile de scris.

se foloseste pentru scrierea indicilor inferiori.

se foloseste pentru scrierea indicilor superiori.
<STRIKE>
este folosit pentru scriere unui text "taiat" cu o linie orizontala.
MARCAJUL 
Acest marcaj permite specificare atributelor care privesc tipul caracterelor,
dimensiunea si culoarea lor. Atributele pe care le avem la indemana sunt:
Face - folosit pentru alegerea corpului de litera utilizat. Valoarea atribuita acestei
proprietati trebuie sa fie un nume de font valid. Este recomandabil sa folositi
fonturile "clasice" pentru a va asigura ca browserul va recunoaste tipul de font
specificat.
Exemplu: 
Size - folosit pentru a specifica dimensiunea fontului utilizat si poate lua valori de la
1 la 7. Valoarea imlicita a dimensiunii fontului este, de obicei, 3.
Color - este atributul cu ajutorul caruia se poate stabili culoarea textului marcat.
Valorile acestei proprietati se pot scrie fie cu ajutorul codului hexazecimal al culorii,
fie cu ajutorul numelui celor 16 culori de baza.
Exemplu:


Daca dorim sa alegem un anumit tip de font, o anumita
dimensiune sau culoare a fontului care sa fie valabile pe
intreg continutul documentului, se va utiliza marcajul
BASEFONT.
Exemplu:
<body>
<basefont color=blue size=5>
...
</body>
Astfel textul continut in documentul de mai sus

va fi afisat cu culoarea albastra si va avea dimensiunea
de 5 unitati. Exceptie fac doar tabelele si acele pasaje
de text care au controale HTML de formatare a textului
care impun alte atribute de afisare.
Stiluri logice de formatare a textului
Exista cateva stiluri predefinite de punere in evidenta a unui text:
 - pentru evidentiere puternica
 - pentru scriere cu caractere italice
<Cite> - pentru inserare de citate
<Code> - pentru listing de program
<Dfn> - pentru definitie de cuvant
<Blockquote> - pentru a pune in evidenta un bloc de text. Blocul
de textul va fi indentat spre dreapta fata de marginea stanga a
elementului care il contine.
<Pre> - folosit pentru afisarea textului "preformatat". Textul
marcat de etichetele de inceput si sfarsit ale acestui control va fi
afisat de catre browser intr-o forma aproape identica cu aceea in
care a fost scris in sursa documentului HTML. Astfel, se vor
respecta spatiile libere si trecerea la linie noua, dar caracterele
vor fi afisate cu font de tip monospatiu.
Ecuatia de gradul al II-lea
Exercitiu:
Fiind data ecuatuia x2 - 3x + 2 = 0 ,
solutiile acestei functii ecuatii sunt:
x1 = 1, x2 = 3
sau
x1 = 1, x2 = 2 ? Aplicaţie 2 – Marcajul FONT
<html>
<head> <title>Folosirea elementului FONT</title><head>
<body>
101 DALMATIANI Dr.Pavlov era un extraordinar
psihanalist.
Daduse dovada de mare maiestrie in schimbarea comportamentului animalelor,
reusind chiar sa imprieteneasca o vulpe cu o gasca. 
Cea mai mare realizare a lui a fost insa schimbarea
comportamentului nesuferitei 
Cruella de Vil. 
Dupa trei ani de
inchisoare 
, pentru ca furase pui de dalmatian, a vindecat-o pe
Cruella de dorinta ei nesabuita de a
avea
haina din blanite de dalmatieni.
Aplicaţie 2 – Marcajul FONT
<html>
<head> <title>Folosirea elementului FONT</title><head>
<body>
101 DALMATIANI Dr.Pavlov era un extraordinar
psihanalist.
Daduse dovada de mare maiestrie in schimbarea comportamentului animalelor,
reusind chiar sa imprieteneasca o vulpe cu o gasca. 
Cea mai mare realizare a lui a fost insa schimbarea
comportamentului nesuferitei 
Cruella de Vil. 
Dupa trei ani de inchisoare

, pentru ca furase pui de dalmatian, a vindecat-o pe
Cruella de dorinta ei nesabuita de a avea
haina din blanite de dalmatieni.
</body>
</html>
Imaginile introduse în paginile web pot proveni din
diferite surse: alte pagini web, scanate sau desenate cu
ajutorul unor aplicaţii. Introducerea unei imagini (de tip GIF
sau JPG) într-o pagină web se face cu ajutorul marcajului:
<IMG SRC =”imagine.jpg”>
unde imagine.jpg este fişierul care conţine imaginea iar
atributul SRC specifică sursa de unde serverul încarcă
imaginea respectivă.
Obs: dacă fişierul care conţine imaginea nu se află în
dosarul în care se află pagina trebuie specificată calea.
1. Mărimea unei imagini introdusă într-o pagină web se
stabileşte prin aributele WIDTH şi HEIGHT. Acestea determină
dimensiunea în pixeli a zonei ocupată de imagine.
Ex: <IMG SRC=”imagine.jpg” WIDTH=100 HEIGHT=100>
2. Încadrarea unei imagini (adăugarea unui cadru) se indică

prin adăugarea atributului BORDER=n, n fiind lăţimea cadrului în pixeli.
Ex: <IMG SRC=”imagine.jpg” BORDER=50>
3. Dispunerea textului în raport cu o imagine se indică prin

atributul ALIGN. Acesta poate lua valorile LEFT sau RIGHT
Ex. <IMG SRC=”imagine.gif” ALIGN=left>
imagine text
4. Pentru a intrerupe dispunerea textului – la dreapta figurii

se va include cu marcajul 
5. Stabilirea spaţiului dintre imagine si text se stabileşte cu
atributele HSPACE (spaţiul orizontal) şi VSPACE (spaţiul vertical)
Ex: <IMG SRC=”imagine.gif” HSPACE=50 VSPACE=50>
text
VSPACE
HSPACE
imagine
text
6. Poziţionarea textului în raport cu imaginea se face folosind

atributul ALIGN cu valorile top, bottom şi middle
Ex: <IMG SRC=”imagine.gif” ALIGN=bottom>
imagine
text

Pagini Web Limbajul HTML

Î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

Pagini Web Limbajul HTML

Încărcat de

Drepturi de autor:

Formate disponibile

A realizat: Cebotari Laurentiu

A verificat: Turcan Aurelia

URL poate folosi diferite protocoale cum ar fi: FTP şi HTTP

h) ISP (Internet Service Provider) – firmă care oferă servicii

HTML – Hypertext Markup Laguage – limbajul în care sunt

2. Salvaţi fisierul sub numele : fisa1_numele_clasa.html

3. Deschideţi fişierul în browserul Internet Explorer

Un document HTML este un fişier care conţine text şi

2. Textul să fie scris cu caractere de culoare albă pe fond

3. Introduceţi coduri pentru caracterele speciale.

4. Salvaţi fiţierul sub numele: fisa2.html

Bine ai venit să-l vezi pe GOGUTZA!

2. Textul să fie scris cu caractere de culoare galbenă pe fond verde.

3. Introduceţi în pagină cinci linii orizontale de culori, lungimi şi grosimi

4. Salvaţi fiţierul sub numele: fisa3.html

In documentele pe care la veti creea veti

Astfel textul continut in documentul de mai sus

2. Încadrarea unei imagini (adăugarea unui cadru) se indică

3. Dispunerea textului în raport cu o imagine se indică prin

4. Pentru a intrerupe dispunerea textului – la dreapta figurii

6. Poziţionarea textului în raport cu imaginea se face folosind

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