Un Document HTML Este Format Din Text Şi Marcaje (Tag-Uri) - Textul Conţine Informaţia Care Va Fi

HTML
HTML (HYperText Markup Language, Limbajul de Marcare a Hipertextului) este limbajul în

care sunt scrise paginile web, adică fişierele care sunt citite şi interpretate de către browser.
Un document HTML poate fi realizat în două moduri:
 Manual - redactând codul sursă într-un editor text, spre exemplu Notepad;
 Cu ajutorul editoarelor specializate (editoare HTML) – aplicaţii software pentru care
crearea paginilor web.
Există diverse forme de editoare HTML:
 Editoare text
 Editoare obiect
 Editoare WZSIWZG (What You See Is What You Get)
Un document HTML este format din text şi marcaje (tag-uri). Textul conţine informaţia care va fi
afişată în pagina web iar macajele precizează modul în care acest text va fi afişat sau permit
includerea în pagină a altor elemente (butoane, link-uri, imagini, sunete etc.)
Prima pagină web

<html> - început document
<head> - început antet
<title>prima pagina web</title> - titlul paginii web
</head> - sfârşit antet
<body> - început corp document
HTML
 
HTML (HiperText Markup Language, Limbajul de Marcare a Hipertextului) 
Un document HTML este format din text şi marcaje (tag-uri).
</body> - sfârşit corp document

</html> - sfârşit document
Observaţii
 Un tag poate fi scris atât cu litere mari cât şi cu litere mici.
 Caracterele „spaţiu” şi „tab” succesive sunt echivalente cu un singur caracter „spaţiu”.
 Dacă blocul <title>…</title> lipseşte într-o pagină html atunci în bara de titlu a ferestrei
browser-ului va apare numele sub care a fost salvat fişierul
 Salvarea unui fişier notepad sub format html se face adăugând la numele cu care se face
salvarea extensia .html
 face trecerea pe o altă linie
Culoarea
O culoare poate fi precizată în două moduri:

 printr-un nume de culoare. Cel puţin următoarele 16 nume de culori sunt disponibile: aqua,
black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white,
yellow.
 Prin sistemul RGB (roşu, verde, albastru). Fiecare culoare are asociată o grupă de două
cifre hexa cu valori de la 00 la ff
Tipuri de fundal
Tipuri de fundal:
1. Colorat: <body bgcolor=”culoare”>….</body>, unde bgcolor
este numele atributului
Exemple:
<body bgcolor=”red”>
<body bgcolor=”ff0000”>
2. Imagine: <body background=”fundal.jpg”>….</body>
Culoarea de font
Culoarea textului se precizează prin intermediul unui atribut al tag-ului <body> astfel
<body text=”coloare”>, unde text este numele atributului
Exemple
<body text=”red”>
<body text=”ff0000”>
Setarea marginilor paginii web
Poziţionarea conţinutului paginii web faţă de marginile ferestrei browserului se poate face cu ajutorul a două
atribute ale tag-ului <body>:
 leftmargin (setează distanţa dintre marginea din stânga a ferestrei browser-ului şi marginea din stânga
a conţinutului paginii);
 topmargin (setează distanţa dintre marginea de sus a ferestrei browser-ului şi marginea de sus a
conţinutului paginii);.
Observaţie:
Ambele atribute pot primii următoarele valori posibile:
• un număr întreg pozitiv reprezentând o distanţă măsurată în pixeli;
• un procent din lăţimea respectiv înălţimea ferestrei browser-ului.
Exemplu
<body leftmargin=”100” topmargin=”20%”>
TITLURILE UNUI DOCUMENT
Un document poate conţine unul sau mai multe titluri. Pentru aceasta HTML foloseşte elementul H (heading).
Forma generală este:
<Hnr> TITLU </Hnr>
unde nr este un număr ce poate avea valori de la 1 la 6 în
funcţie de importanţa care o are respectiv în cadrul
documentului.
Exemplu:
<H1>Titlu realizat cu H1</H1>
ALINIEREA PE ORIZONTALĂ
 delimitează un paragraf

Acesta este un paragraf centrat aliniere centrată
Acesta este un paragraf aliniat la dreapta aliniere la dreapta
Acesta este un paragraf aliniat la stânga aliniere la stânga
Acesta este un paragraf aliniat stânga - dreapta aliniere stânga – dreapta
Câteva elemente pot avea atributul (ALIGN) pentru aliniere, cum ar fi Titlurile <Hx> , Paragraful …
 si Linia orizontala <hr> . Cele trei valori ale atributului ALIGN sunt: LEFT, RIGHT si CENTER.
Aliniamentul celor mai multe elemente se face cu ajutorul altor elemente:
 <div align="valoare"> ... </div> Poate conţine cele mai multe elemente. Tot ce este poziţionat cu
elementul DIV poate fi aliniat oriunde-n pagina, indiferent daca in acel loc se afla si alt ceva (Imagine,
Text, …).
 <center> ... </center> Va centra elementele
LINIE ORIZONTALA <HR>

Acest element afiseaza o linie orizontala in document
Acest element nu foloseşte element de închidere </hr>
Elementul <hr> foloseste urmatoarele atribute:
 SIZE = latimea liniei, in pixeli (standard este 2)
 WIDTH = lungii liniei, in pixeli sau procente din lungimea afisarii paginii (standard 100%)
 NOSHADE = afiseaza linia fara a avea un aspect 3D
 ALIGN = aliniaza linia (Left, Center, Right), adica Stanga, Centru sau Dreapta paginii ( Standard
centru)
 COLOR = seteaza culoarea liniei
SETAREA FONTULUI DE BAZĂ
Pentru afişarea unui text într-o pagină web se utilizează un font care este caracterizat de:
 Mărime (prin atributul "size");
 Culoare (prin atributul "color");
 Font utilizat (prin atributul "face").
Acestea sunt atribute ale tag-ului .
Sintaxa utilizată este:

unde:
 număr poate fi 1, 2, 3, 4, 5, 6 sau 7; (1 pentru fontul cel mai mic şi 7 pentru fontul cel mai
mare);
 culoare este o culoare precizată prin nume sau printr-o construcţie RGB
 font poate fi un font generic ca "serif", "sans-serif", "cursive", "monospace", "fantasy" sau
poate fi un font specific instalat pe computerul clientului ca "Times New Roman", "Helvetica"
sau "Arial
Atributele implicite sunt: size=3, color="black" şi face="Times New Roman".
Exemplu
.....
Stiluri pentru blocurile de text
STIL TAG
Îngrosat …
Înclinat …
Subliniat …
Subscript …
Superscript …
Caractere mărite <big>…</big>
Caractere micşorate …
Caractere tăiate de o linie <strike>…</strike> sau <s>…</s>
Alte elemente folosite pentru formatul textului sunt:

<pre> Performated </pre> - Textul incadrat de elementul PRE este prezentat intr-un singur font, oricare ar fi
atributul FACE. Spatiile mai lungi si liniile necesare sunt prezentate aşa cum sunt scrise in NotePad, ne mai
fiind nevoie de alte elemente adiţionale, cum ar fi pentru o noua linie si pentru mai mult
spaţiu intre cuvinte.
 Accentuare (Emphasis) - Browser-ul de obicei arata aces element ca italic
 Strong - Browser-ul de obicei arata aces element ca bold
<cite> Citatie </cite> - Reprezinta o citatie din document.
SIMBOLURI
< ( < ) - semnul mai mic decât
> ( > ) - semnul mai mare decât
© ( © ) - semnul pentru copyright
& ( & ) - semnul ampersand
Browserele nu interpretează mai mult de un spaţiu gol lăsat între cuvintele unui paragraf.
&nbsp introduce spatiu

Un Document HTML Este Format Din Text Şi Marcaje (Tag-Uri) - Textul Conţine Informaţia Care Va Fi

Î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

Un Document HTML Este Format Din Text Şi Marcaje (Tag-Uri) - Textul Conţine Informaţia Care Va Fi

Încărcat de

Drepturi de autor:

Formate disponibile

HTML

HTML (HYperText Markup Language, Limbajul de Marcare a Hipertextului) este limbajul în

Prima pagină web

</body> - sfârşit corp document

O culoare poate fi precizată în două moduri:

Setarea marginilor paginii web

TITLURILE UNUI DOCUMENT

<P> delimitează un paragraf</P>

LINIE ORIZONTALA <HR>

SETAREA FONTULUI DE BAZĂ

Atributele implicite sunt: size=3, color="black" şi face="Times New Roman".

Stiluri pentru blocurile de text

Alte elemente folosite pentru formatul textului sunt:

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