Sunteți pe pagina 1din 3

Elemente de baza HTML

HTML este prescurtare pentru Hypertext Markup Language - Limbaj de marcare a hipertextului:
Hypertext (hipertext). Un hipertext este un text afișat pe un monitor de computer sau pe alte dispozitive
electronice, cu referințe (hiperlinkuri) către alt text pe care cititorul poate imediat să-l acceseze,
O legătura(link) este un cuvânt sau o fraza speciala într-o pagina web care „trimite" către o alta pagina web
Markup (marcare). Prin marcare înțelegem anumite instrucțiuni stilistice detaliate introduse într-un
document text care trebuie publicat pe World Wide Web.
HTML conține coduri simple pentru detalierea unor elemente din pagina, precum: scrierea unui text cu
caractere aldine sau italice, crearea de liste marcate, inserarea de imagini si, bineînțeles, definirea legăturilor.
Introducem aceste coduri în locurile adecvate dintr-un document text obișnuit si browserul web le traduce,
rezultatul fiind afișarea automata a paginii, așa cum dorim.
Languaje (limbaj). HTML nu are nimic de-a face cu programarea calculatoarelor. El este un „limbaj" în sensul
ca este o colecție de coduri introduse in document pentru a permite afișarea corespunzătoare a acestuia.
Orice document HTML începe cu notația <html> și se termina cu notația </html>. Acestea se numesc în
"TAG-uri" sau etichete .
Prin convenție, toate informațiile HTML încep cu o paranteza unghiulara deschisa " < " și se termina cu o
paranteza unghiulara închisă " > ".
Între cele doua marcaje <html> și </html> vom introduce doua secțiuni:
- secțiunea de antet <head>...</head> și - corpul documentului <body>...</body>. Blocul <body>...</body>
cuprinde conținutul propriu-zis al paginii HTML, adică ceea ce va fi afișat în fereastra browser-ului.

O eticheta poate fi scris atât cu litere mici, cât și cu litere mari.


Adică <html> = <HTML> = <Html>.
Lansarea în execuție a procesorului de texte Notepad:
Start->All Programs->Accessories-> Notepad
Crearea unui document
File -> New
Salvarea unui document ca document HTML
File ->Save
În fereastra Save parcurgeți următoarele etape:
Pas1: din lista ascunsă Save În alegeti directorul în care salvați documentul
Pas2: scrieți în zona de editare File name numele pe care doriți să il dați documentului adăugând extensia
html sau htm
Pas3: acționați Save
Deschiderea unui document HTML
File ->Open sau Alt+F dupa care tasta O

Marcaje(tag): conține cuvinte cheie şi lista atribute de forma: atribut=valoare atribu2=valoare2 ...cuprinse

între semnele < respectiv >

a)Taguri pentru formatarea de baza a textului:


1. Trecerea la linie noua marcajul singular <br>
2. Pentru interpretarea caracterelor blank, spatiu trecere la linie noua
<pre></pre>.
3. Atribute de culoare:Exemple: <body bgcolor=”green” text=”yellow”>

I.
1. Sa se lanseaze în executie aplicatia NotePad
2. Sa se scrie documentul HTML de mai jos:

<HTML>
<HEAD>
<TITLE> Schimbarea stilului caracterelor </TITLE>
</HEAD>

<BODY BGCOLOR=”blue” TEXT=”yellow”>


<B> - B are ca efect îngrosarea textului </B><BR>
<I> - I are ca efect italicizarea textului </I><BR>
<U> - U are ca efect sublinierea textului </U><BR>
<BIG> -BIG are ca efect marirea textului </BIG><BR>
<SMALL> - SMALL are ca efect micsorarea textului </SMALL><BR>
Am scris un <sub>indice</sub><BR>
Am scris un <sup>exponent</sup>
</BODY>
</HTML>

3. Sa se salveze documentul cu numele "formatare_text.html"


4. Sa se deschidă documentul. Observați rezultatul.

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