Sunteți pe pagina 1din 62

Universitatea Constantin Brncui din Trgu-Jiu Facultatea de Inginerie Departamentul de Automatic, Energie i Mediu

Tehnologii Web

Lector univ. dr. Adrian Runceanu

Cteva precizri

Structura cursului

2 ore curs titular curs: Adrian Runceanu 2 ore laborator titular aplicaii practice: Constantin Cercel

Cteva precizri

Forme de examinare:
Examen

final 60% Evaluare pe parcursul semestrului a activitii de laborator 30% Prezen curs i laborator 10%
3

Cteva precizri
Bibliografia necesar cursului:
1. Brian Behlandorf , Running a Perfect Web Site with Apache, Second Edition, Macmillan Computer Publishing, http://www.acan.toya.net.pl/books/apache/ewtoc.html 2. Mihaela Brut, Sabin Buraga, Prezentri multimedia pe Web, Polirom, Iasi, 2003 3. Sabin Buraga, Aplicaii Web la cheie. Studii de caz implementate n PHP, Polirom, 2003 4. Sabin Buraga, Proiectarea siturilor Web ediia a doua, Polirom, Iasi, 2005 5. Traian Anghel, Programare Web, Editura Polirom, Iasi, 2007 6. Luke Welling, Laura Thomson, Dezvoltarea aplicatiilor Web cu PHP si MySQL, Editura Teora, Bucuresti, 2005 7. Larry Ullman, PHP si MySQL pentru site-uri dinamice, Editura Teora, Bucuresti, 2006

Cteva precizri

Bibliografia necesar cursului:


8. Adrian Runceanu, Mihaela Runceanu Tehnologii web ndrumar de laborator, Editura Academica Brncui, 2009, Tg-Jiu

Cteva precizri
Referine electronice:
9. ***, http://apache-server.com/store.html#Books 10. ***, http://www.bayes.co.uk/xml/index.xml?/xml/main.xml 11. ***, http://www.edusoft.ro/php.html 12. ***, http://www.rophp.net/ 13. ***, http://www.microsoft.com 14. ***, http://www.sun.com 15. ***, http://www.w3.org

Cteva precizri

Suportul de curs - varianta electronic disponibil pe site-ul: www.runceanu.ro/adrian

Not: Actualizarea site-ului se face sptmnal.


7

Curs 1

Limbajul Html (partea I)


8

Noiuni introductive
Tehnologiile utilizate n aplicaiile Web reprezint n general, acele limbaje de programare utilizate la crearea de site-uri web complexe, interactive, al cror concept presupune stpnirea ct mai detaliat a unor limbaje de scripting sau de programare i baze de date. n categoria tehnologii Web se pot include:
1.
2.

o multitudine de limbaje de programare, cum ar fi PHP, JavaScript, ASP, etc. iar ca baze de date pot fi utilizate MySQL, MsSQL, Access, ORACLE, etc.

Cteva aplicaii Web ntalnite mai des sunt:


portal-uri forum-uri magazine virtuale formulare de nscriere licitaii on-line, etc.

Acum civa ani, tehnologiile Web erau folosite doar de marile companii datorit, n principal, costurilor ridicate ale licenelor programelor de dezvoltare. n prezent, datorit dezvoltrii tot mai accentuate a soluiilor Open Source, oricine i poate permite realizarea de aplicaii web.

10

Se pot enumera o serie de tehnologii folosite mai des n programarea aplicaiilor web dinamice, i anume: html - Aprut la nceputul anilor '90, datorit lipsei unui limbaj universal care s permit publicarea informaiei la nivel global, html a determinat dezvoltarea spectaculoas a Internetului. Marcajele de tip html din cadrul documentului spun browserului cum s afieze coninutul util al fiierului; Xhtml - reprezint prescurtarea de la EXtensible HyperText Markup Language (denumirea oficiala a standardului). Practic este un nlocuitor modern al mai vechiului limbaj html; CSS - Fiierul CSS (cascading style sheet - foi de stil n cascad). Un fiier CSS este un fiier text cu extensia ".css" definind stiluri pentru paginile html. Fiierele CSS permit stilizarea n bloc a documentelor html cu un efort semnificativ mai mic dect n cazul stilizrii elementelor de pagin n cadrul fiecrui document html n parte, prin intermediul atributelor tagurilor.

11

JAVASCRIPT - este un limbaj de scripting dezvoltat la origine de Netscape, permind scrierea de secvene de program care se execut la apariia unui eveniment utilizator. FLASH - este un mediu de lucru dezvoltat de compania Macromedia; cu ajutorul FLASH-ului se poate realiza un design de calitate, coninut interactiv, animaii profesionale. MYSQL - este un sistem de gestiune a bazelor de date relaionale, fiind o component cheie a limbajului PHP. CGI - Common Gateway Interface - sunt script-uri scrise n orice limbaj de programare indiferent dac sunt compilate sau interpretate, script-uri care sunt executate pe server;

12

ISAPI - Internet Server API - reprezint alternativa celor de la Microsoft la CGI (Common Gateway Interface), rulabil bineneles pe platforme Windows. Acesta poate fi scris n orice limbaj cu suport pentru dll-uri. PHP i ASP aprute n 1994, respectiv 1996, sunt dou limbaje puternice care au adus o schimbare n design-ul aplicaiilor web. Acestea, dei sunt diferite, au totui o serie de similariti: ambele sunt interpretate, ambele genereaz scripturi (.php respectiv .asp), care pot fi combinate cu html, date de tip text, etc. Limbajele ofer suport i pentru lucrul cu baze de date (MySQL, MsSQL, PostgreSQL, Oracle) - de fapt sunt intens folosite n acest sens. Limbajul ASP nu este un concept nou ci se bazeaz pe limbajele VBScript i JScript. Principalul dezavantaj al acestor doua limbaje este viteza. Acestea sunt lente deoarece fiecare accesare presupune procesarea i interpretarea lor i nu pot construi controale reutilizabile.

13

JSP

- Java Server Pages - reprezint o tehnologie de design al aplicaiilor web ce permite crearea acestor aplicaii independente de platform. Tehnologia se bazeaz pe limbajul de programare Java i marcatori XML Avantajul JSP este reprezentat de administrarea facil, independent de platform, separarea logicii aplicaiei de partea de interfa utilizator, performana ASP.NET - este o nou tehnologie pentru aplicaii web elaborat de Microsoft, dar despre care nu se poate spune dac este o urmare a ASP-ului, cu toate c pstreaz compatibilitatea cu acesta.
14

Concluzii
Exist o serie de alte medii pentru proiectarea aplicaiilor web, fiecare cu avantajele i dezavantajele sale, dar cu un singur scop: crearea unor aplicaii web interactive, securizate cu timp de rspuns ct mai redus dar care s ofere i o interfa grafic plcut

15

Limbajul HTML
1. Limbajul html. Noiuni introductive 2. Formatarea textului 2.1. Formatarea paragrafelor 2.2. Utilizarea paragrafelor titlu 2.3. Formatarea la nivel de caracter 2.4. Aplicarea unor efecte asupra textului 2.5. Grosimea unui font

16

1. Limbajul html
html

este prescurtarea de la HyperText Markup Language, limbajul utilizat n World Wide Web pentru descrierea hipertextelor. nu este un limbaj de programare propriuzis, ci doar un limbaj de descriere, coninnd elemente ce permit construirea paginilor Web.

html

17

1. Limbajul html
Documentele

html sunt exclusiv de tip text (ASCII); prin urmare ele pot fi editate direct, prin comenzi specifice sistemului de operare folosit. De exemplu, pentru crearea unui document html n Windows XP se pot utiliza unul din editoarele de texte incluse n sistemul de operare (Notepad, Wordpad) sau orice alt editor de texte.
18

1. Limbajul html

Documentele descrise n html pot fi vizualizate cu ajutorul unor aplicaii speciale denumite browser-e, care lucreaz pe diferite tipuri de sisteme de calcul;

prin urmare, documentele html sunt independente de platforma de lucru.

html utilizeaz pentru descrierea documentelor Web etichete (denumite i tag-uri) specifice pentru fiecare element descris;

etichetele stabilesc att structura documentului, ct i aspectul acestuia.

19

1. Limbajul html
O

etichet (tag) este un identificator care furnizeaz browser-ului instruciuni de formatare a documentului. a fi delimitate, etichetele html sunt ncadrate ntre paranteze unghiulare (< >).

Pentru

20

1. Structura unui document html


Un document html este delimitat de perechea de etichetele <html> i </html> i este constituit din: a) Antetul documentului, delimitat de etichetele <head> i </head>, care conine informaii generale referitoare la document, cum ar fi titlul documentului, autorul acestuia etc. b) Corpul documentului, care conine textul propriuzis al documentului, precum i elementele specifice de descriere a formatului acestuia.

21

1. Structura unui document html


n

antet este recomandat s precizai titlul documentului, care va fi afiat n bara titlu a ferestrei browser-ului. Pentru a preciza titlul documentului, care nu poate depi 64 de caractere, se utilizeaz n seciunea antet etichetele pereche <title> i </title>, ntre care se scrie titlul documentului.

22

1. Structura unui document html


De exemplu: Putem scrie aceste etichete n aplicaia Notepad:

<html>

<head> <title> Introducere in limbajul html </title> </head> ....

23

1. Structura unui document html


Apoi putem vizualiza rezultatul n browser-ul Mozilla Firefox:

24

1. Structura unui document html


Corpul documentului poate fi delimitat de:
etichetele

<body> i </body>

sau

(n cazul n care este descris structura cadrelor din document) de etichetele pereche <frameset> i </frameset>.

25

1. Structura unui document html


Astfel, structura general a unui document html poate fi: <html> <head> . . . antetul documentului . . . </head > <body> . . . corpul documentului . . . </body> </html>
26

1. Structura unui document html


EXERCIIU: Pasul 1: Lansai n execuie editorul de texte Notepad i introducei urmtorul text, care reprezint descrierea n limbaj html a unei pagini Web foarte simple:
<html> <head> <title> Prima mea pagina Web </title> </head> <body bgcolor=GREEN text=RED> < i> < b > Scriu in fereastra browser-ului un text rosu pe fond verde... </i> </b> </body> </html>
27

1. Structura unui document html


Pasul 2: Salvai documentul cu numele Prim.html, utiliznd opiunea Save As din meniul File! Pasul 3: Lansai n execuie Internet Explorer. Vizualizai pagina Web creat, apelnd opiunea Open . . . din meniul File al ferestrei browser-ului (n fereastra de dialog care va aprea pe ecran trebuie s specificai complet pagina pe care dorii s o vizualizai - deci introducei calea, numele i extensia fiierului ce o conine).

28

1. Structura unui document html


Elementul <body> admite urmtoarele atribute
BACKGROUND=URL

URL este un ir de caractere ce reprezint adresa Web a unei imagini care va fi utilizat de ctre browser ca fundal (background) pentru document. Dac imaginea nu ocupa ntreaga zon din fereastra browser-ului destinat vizualizrii paginii respective, ea va fi multiplicat, ca ntr-un mozaic.

29

1. Structura unui document html


BGCOLOR=culoare Atributul BGCOLOR (BackGround COLOR) stabilete culoarea fundalului (culoarea zonei din fereastra browser-ului n care este vizualizat documentul). n html culorile se pot specifica n dou moduri: 1. utiliznd denumiri predefinite asociate unor culori (de exemplu RED semnificnd rou, GREEN verde, BLUE albastru etc.) ;

30

1. Structura unui document html


2. "construind" culori proprii prin combinarea a trei culori de baza - rou, verde i albastru (modelul RGB). n acest caz, specificarea unei culori se face indicnd n ordinea rou, verde, albastru trei valori hexazecimale cuprinse ntre 00 i FF, cte una pentru fiecare culoare de baz, astfel: #rrggbb. Se poate specifica culoarea roie fie prin denumirea predefinit: BGCOLOR=RED, fie utiliznd valoarea RGB: BGCOLOR=#FF0000.

31

1. Structura unui document html


TEXT = culoare

Atributul TEXT stabilete culoarea textului.


LINK = culoare

Atributul LINK stabilete culoarea cu care vor fi marcate n text link-urile nevizitate.

32

1. Structura unui document html


VLINK = culoare
Atributul

VLINK stabilete culoarea cu care vor fi marcate n text link-urile vizitate.


ALINK = culoare

Atributul

ALINK stabilete culoarea cu care va fi marcat n text link-ul activ (cel asupra cruia este plasat cursorul mouse-ului).

33

1. Structura unui document html


EXERCIIU:

Editai i vizualizai urmtoarea pagina Web, n care acelai text este scris pe un fond gri n nuane care variaz de la negru ctre alb.

34

<html> <head> <title> Test de culoare </title> </head> <body bgcolor=#777777> <font COLOR=#000000> Test de culoare </font> <font COLOR=#111111> Test de culoare </font> <font COLOR=#222222> Test de culoare </font> <font COLOR=#333333> Test de culoare </font> <font COLOR=#444444> Test de culoare </font> <font COLOR=#555555> Test de culoare </font> <font COLOR=#666666> Test de culoare </font> <font COLOR=#777777> Test de culoare </font> <font COLOR=#888888> Test de culoare </font> <font COLOR=#999999> Test de culoare </font> <font COLOR=#AAAAAA> Test de culoare </font> <font COLOR=#BBBBBB> Test de culoare </font> <font COLOR=#CCCCCC> Test de culoare </font> <font COLOR=#DDDDDD> Test de culoare </font> <font COLOR=#EEEEEE> Test de culoare </font> <font COLOR=#FFFFFF> Test de culoare </font> </body> </html>
35

1. Structura unui document html


Comentarii html n cadrul unui document este bine s inserati comentarii, pe care browser-ul nu le va afisa, dar care pot fi utile celor care citesc sau editeaza documenrul. Comentariile html incep cu <! i se termina cu ->. De exemplu, <! Acesta e un comentariu. Browser-ul nu l "vede"! ->

Comentariile pot fi inserate oriunde n document! Ce se ntmpl dac greim ? Nimic! Mai exact, nimic grav! Browser-ele ignor elementele care nu respect sintaza html i nu le interpreteaz.
36

Limbajul HTML
1. Limbajul html. Noiuni introductive 2. Formatarea textului 2.1. Formatarea paragrafelor 2.2. Utilizarea paragrafelor titlu 2.3. Formatarea la nivel de caracter 2.4. Aplicarea unor efecte asupra textului 2.5. Grosimea unui font

37

2. Formatarea textului
Formatarea textului care apare n corpul unui document html se poate face la: 1. nivel de bloc (block-level) 2. sau la nivel de caracter (text-level sau inline) Diferenele principale dintre cele dou tipuri de formatare sunt: elementele de formatare la nivel de bloc pot conine alte elemente de formatare (la nivel de bloc sau la nivel de caracter), n timp ce elementele de formatare la nivel de caracter conin doar text sau alte elemente de formatare la nivel de caracter; elementele de formatare la nivel de bloc ncep de obicei de la linie nou.
38

2. Formatarea textului
Gruparea mai multor elemente html la nivel de bloc se realizeaz cu ajutorul etichetelor <div> i </div>. Pentru gruparea mai multor elemente dintr-un bloc la nivel de caracter (inline) se utilizeaz perechea de etichete <span> i </span>. Gruparea mai multor elemente prin <div> sau <span> va fi deosebit de util dac vei apela la facilitile oferite de stilurile de formatare text (stilurile CSS), deoarece vei putea aplica acelai stil simultan tuturor elementelor din grup.

39

Limbajul HTML
1. Limbajul html. Noiuni introductive. 2. Formatarea textului 2.1. Formatarea paragrafelor 2.2. Utilizarea paragrafelor titlu 2.3. Formatarea la nivel de caracter 2.4. Aplicarea unor efecte asupra textului 2.5. Grosimea unui font

40

2.1.Formatarea paragrafelor
n tehnoredactare, prin paragraf se nelege o zon de text cuprins ntre dou caractere de trecere la linie noua denumite NewLine sau Enter). n html, delimitarea paragrafelor se realizeaz cu ajutorul etichetei <p>, eticheta de sfrit </p> fiind opional. Descriere: <p> Paragraful 1 </p>

<p> Paragraful 2 </p> ... Paragraful 1 Paragraful 2 ...

Efect:

41

2.1.Formatarea paragrafelor

Cel mai utilizat atribut admis de eticheta <p> este align, care stabilete modul de aliniere stnga - dreapta a textului paragrafului.
align = LEFT | CENTER | RIGHT | JUSTIFY

42

2.1.Formatarea paragrafelor
Se observ c atributul align admite patru valori predefinite : LEFT - textul este aliniat la marginea din stnga RIGHT - textul este aliniat la marginea din dreapta CENTER - textul este centrat (plasat la egal distan de marginea din stnga i cea din dreapta) JUSTIFY - textul este aliniat i la stnga i la dreapta (prin mrirea spaiului ntre cuvinte) Valoarea implicit a modului de aliniere a textului depinde de direcia acestuia: dac textul este scris de la stnga la dreapta, valoarea implicit a modului de aliniere este LEFT; dac textul este scris de la dreapta la stnga, valoarea implicit a modului de aliniere este RIGHT.
43

2.1.Formatarea paragrafelor
Exemplu: Descriere:
<p align=CENTER> Alinierea paragrafelor </p> <p align=LEFT> Primul paragraf este aliniat la stnga </p> <p align=RIGHT> Al doilea paragraf este aliniat la dreapta </p> <p align=JUSTIFY> Al treilea paragraf este aliniat la stnga i la dreapta, prin mrirea spatiilor dintre cuvintele de pe aceeai linie. </p> <p> Ultimul paragraf utilizeaz modul implicit de aliniere - n cazul nostru stnga, deoarece direcia textului este LTR. </p>

44

2.1.Formatarea paragrafelor
Efect:
Alinierea paragrafelor Primul paragraf este aliniat la stnga Al doilea paragraf este aliniat la dreapta Al treilea paragraf este aliniat la stnga i la dreapta, prin mrirea spatiilor dintre cuvintele de pe aceeai linie. Ultimul paragraf utilizeaz modul implicit de aliniere n cazul nostru Stnga, deoarece direcia textului este LTR.

45

2.1.Formatarea paragrafelor
Pentru a stabili acelai mod de aliniere pentru mai multe paragrafe, trebuie s le grupm ntr-un singur bloc, cu ajutorul etichetei <div>:

<div align=RIGHT> <p> . . . Primul paragraf . . . </p> <p> . . . al doilea paragraf . . . </p> <p> . . . al treilea paragraf . . . </p> </div>

46

2.1.Formatarea paragrafelor Observatie: Nu utilizai etichete <p> </p> fr coninut, deoarece majoritatea browser-elor le ignor. Dac dorii s inserai ntr-un document html o linie vid, utilizai eticheta <br/>. Aceasta va genera un marcaj de sfrit de linie (caracterele ASCII Carriage Return /Line Feed).
47

Limbajul HTML
1. Limbajul html. Noiuni introductive 2. Formatarea textului 2.1. Formatarea paragrafelor 2.2. Utilizarea paragrafelor titlu 2.3. Formatarea la nivel de caracter 2.4. Aplicarea unor efecte asupra textului 2.5. Grosimea unui font

48

2.2. Utilizarea paragrafelor titlu


Documentele html pot fi structurate pe ase niveluri, existnd ase etichete care definesc nivelul paragrafului titlu n structura documentului: <h1>, <h2>, <h3>, <h4>, <h5>, <h6>. Etichetele de sfrit sunt obligatorii. Nivelul delimitat de etichetele <h1> i </h1> este cel mai important, iar nivelul delimitat de etichetele <h6> i </h6> cel mai puin important. Browser-ul vizualizeaz de obicei paragrafele titlu mai importante cu litere mai mari dect cele mai puin importante.
49

2.2. Utilizarea paragrafelor titlu


Exemplu <html> <head> <title> aaaaaaaaaaaa </title> </head> <body> <h1> Internet si retele de calculatoare </h1> <p> n acest document discutam despre INTERNET</p> <h2> Retele de calculatoare </h2> <p> n aceasta seciune analizam principalele tipuri de retele </p> <h3> Retea de tip BUS </h3> <p> Retea de tip TOKEN-RING</p> <h4> Retea de tip magistrala </h4> <p> Protocol TCP/IP </p> <h5> Configurarea modem-ului</h5> <p> Conectarea la distanta ca terminal </p> <h6> Aplicatia TELNET</h6> <p> Limbajul html </p> <p> . . . </p> </body> </html>
50

2.2. Utilizarea paragrafelor titlu


Efect:
Internet si retele de calculatoare Retele de calculatoare

h1

n acest document discutam despre INTERNET n aceasta sectiune analizam principalele tipuri de retele
Retea de tip BUS

Retea de tip TOKEN-RING


Retea de tip magistrala

Protocol TCP/IP
Configurarea modem-ului
Conectarea la distanta ca terminal

h6

Aplicatia TELNET
Limbajul html ...

51

Limbajul HTML
1. Limbajul html. Noiuni introductive 2. Formatarea textului 2.1. Formatarea paragrafelor 2.2. Utilizarea paragrafelor titlu 2.3. Formatarea la nivel de caracter 2.4. Aplicarea unor efecte asupra textului 2.5. Grosimea unui font

52

2.3. Formatarea la nivel de caracter Un font este caracterizat de urmatoarele atribute: culoare (stabilita prin atributul color) tipul sau stilul (stabilit prin atributul face) marimea (definita prin atributul size) marimea in puncte tipografice (stabilita prin atributul point-size) grosime (definita prin atributul weight) Toate aceste atribute apartin etichetei, care permite inserarea de blocuri de texte personalizate.
53

2.3. Formatarea la nivel de caracter

Precizarea informaiilor referitoare la fontul utilizat de browser pentru vizualizarea textului se realizeaz cu ajutorul etichetelor pereche <font> i </font>. Dac n document nu sunt precizate nici un fel de informaii referitoare la font, browser-ul va utiliza fontul su implicit.
54

2.3. Formatarea la nivel de caracter


Atributele admise de eticheta <font> sunt: SIZE = valoare stabilete dimensiunea caracterelor. Valoarea dimensiunii fontului poate fi specificat:

n mod absolut (un numr natural cuprins ntre 1 i 7) sau relativ la dimensiunea curent a caracterelor: dac valoarea este +n, caracterele vor fi cu n mrimi mai mari dac valoarea este -n, caracterele vor fi cu n mrimi mai mici

Dimensiunea efectiv cu care sunt vizualizate caracterele depinde de browser.

55

2.3. Formatarea la nivel de caracter


COLOR = culoare

stabilete culoarea textului.


FACE = list_fonturi

definete o list de fonturi separate prin virgul, dintre care browser-ul l va alege pe primul disponibil n ordinea preferinelor. Dac nici unul din fonturile din list nu este instalat pe calculatorul utilizatorului, browser-ul va utiliza fontul implicit.

56

2.3. Formatarea la nivel de caracter


<p align=center> Text de diferite dimensiuni cu fontul COURIER NEW </p> <p> <font SIZE=1 FACE=COURIER NEW> font COURIER NEW cu dimensiune 1 </font></p> <p> <font SIZE=2 FACE=COURIER NEW> font COURIER NEW cu dimensiune 2 </font></p> <p> <font SIZE=3 FACE=COURIER NEW> font COURIER NEW cu dimensiune 3 </font></p> <p> <font SIZE=4 FACE=COURIER NEW> font COURIER NEW cu dimensiune 4 </font></p> <p> <font SIZE=5 FACE=COURIER NEW> font COURIER NEW cu dimensiune 5 </font></p> <p> <font SIZE=6 FACE=COURIER NEW> font COURIER NEW cu dimensiune 6 </font></p> <p> <font SIZE=7 FACE=COURIER NEW> font COURIER NEW cu dimensiune 7 </font></p> <p> <font FACE=COURIER NEW> font COURIER NEW cu dimensiune implicita </font></p> <p> <font SIZE=+2 FACE=COURIER NEW> font COURIER NEW cu dimensiune cu 2 marimi mai mare decat dimensiunea implicita </font></p> <p align=CENTER> Text de diferite dimensiuni cu fontul Arial </font></p> <p> <font SIZE=3 FACE=Arial> font Arial cu dimensiune 3 </font></p> <p> <font SIZE=1 FACE=Arial> font Arial cu dimensiune 1 </font></p> <p> <font FACE=Arial> font Arial cu dimensiune implicita </font></p> <p> <font SIZE=-2 FACE=Arial> font Arial cu dimensiune cu doua marimi mai mica decat dimensiunea implicita </font></p>

57

Limbajul HTML
1. Limbajul html. Noiuni introductive 2. Formatarea textului 2.1. Formatarea paragrafelor 2.2. Utilizarea paragrafelor titlu 2.3. Formatarea la nivel de caracter 2.4. Aplicarea unor efecte asupra textului 2.5. Grosimea unui font

58

2.4. Aplicarea unor efecte asupra textului


Pentru

a aplica unei zone un anumit efect, se incadreaza textul ntre eticheta de nceput i cea de sfrit, corespunzatoare efectului respectiv. Cele mai utilizate efecte ce se pot aplica asupta textului n html sunt:
<I> Textul este scris cursiv </I> <U> Textul este scris subliniat </U> <B> Textul este scris ingrosat </B> <BIG> Textul este scris mai mare </BIG>

<SMALL> Textul este scris mai mic </SMALL>


59

<STRIKE> Textul este scris taiat </STRIKE>

Limbajul HTML
1. Limbajul html. Noiuni introductive 2. Formatarea textului 2.1. Formatarea paragrafelor 2.2. Utilizarea paragrafelor titlu 2.3. Formatarea la nivel de caracter 2.4. Aplicarea unor efecte asupra textului 2.5. Grosimea unui font

60

2.5. Grosimea unui font


Grosimea unui caracter poate fi definita cu ajutorul atributului weight al etichetei. Valorile posibile pentru acest atribut sunt 100, 200, 300, 400, 500, 600, 700, 800 si 900 (100 pentru fontul cel mai subtire si 900 pentru cel mai gros). <html> <head> <title> Grosimea fontului</title> </head> <body> Aceste linie este scrisa cu caractere normale. <br/> <font weight="100">fonturi de grosime 100.</font> <br/> <font weight="500">fonturi de grosime 500.</font> <br/> <font weight="900">fonturi de grosime 900.</font> </body> </html>
61

ntrebri?

62