Sunteți pe pagina 1din 6

<html>

<head>
<title>Titlul paginii web. Apare pe bara standard
</title>
</head>
<body>
Corpul documentului
</body>
</html>

Formatare text
<font> … </font>
Are atributele:
- Face pentru font
- Size pentru dimensiune
- Color culoarea textului
<font size="5" color="#0000FF" face=”Verdana”>Text de culoare albastra si dimensiune
5.</font>
sau
<font size="5" color="bleu" face=”Verdana”>Text de culoare albastra si dimensiune 5.</font>
Etichete de formatare a textului

Eticheta Descriere
<b> Definește text boldat
<strong> Definește text boldat
<i> Definește text scris cursiv
<em> Definește text scris cursiv
<u> Definește text subliniat
<ins> Definește text subliniat
<big> Definește text de dimensiune mare
<small> Definește text de dimensiune mică
<sub> Definește text ca indice
<sup> Definește text ca exponent
<del> Definește șters
Fundalul paginii web
<body bgcolor=”nume culoare lb engleza”>

<html>
<head>
<title>Titlul paginii web. Apare pe bara standard
</title>
</head>
<body bgcolor=”yellow”>
Pagina cu fundal galben
</body>
</html>
Obs: Toate etichetele prezentate mai jos vor fi incadrate in cadrul etichetelor <body> …
</body>
Legaturi
<a href=”pagina.html”> Apasati aici</a>

Liste
- Liste neordonate
<ul>
<li>lingvistic
<li> analogic
<li> digital
</ul>

<html>
<head>
<title>Titlul paginii web. Apare pe bara standard
</title>
</head>
<body bgcolor=”yellow”>
Pagina cu fundal galben
<a href=”pagina.html”> Apasati aici pentru pagina 2</a>

<ul>
<li>lingvistic
<li> analogic
<li> digital
</ul>
</body>
</html>

<ul type=”square”> stabilim ca marcator un patrat


<ul type=”circle”> stabilim ca marcator un cerc gol

Liste ordonate

<ol> ….</ol>
<li>

<ol>
<li>lingvistic
<li> analogic
<li> digital
</ol>

In cadrul eticiheti <ol> putem folosi atributul type pentru a stabili un alt tip de marcator
Sau atributul start pentru a stabili de la ce nr. Sa inceapa numerotarea.
Atributul start are ca valori cifre arabe.
Atributul type poate avea valorile:
- a pentru numerotarea de tipul a,b,c, ….
- A pentru numerotarea de tipul A,B,C, ….
- i pentru numerotarea de tipul i,ii,iii, ….
- I pentru numerotarea de tipul I, II, III, ….

<ol type=”a” start=8>


- <li>lingvistic
- <li> analogic
- <li> digital
- </ol>
Imagini

Pentru a insera o imagine intr-un document html se utilizaeaza :


<img src=”nume_imagine.extensie”>
Obligatoriu imaginea se afla salvata in aceeasi locatie ca si documentul html. Ex. Ambele pe
desktop
<img src=”desen.jpg”>
Eticheta img poate avea atributele: bordercolor cu valoarea data in pixeli
width pentru latime imagine cu valoarea in pixeli sau
procentaj
height pentru inaltime imagine cu valoarea in pixeli sau
procentaj
Ex:
<img src=”desen.jpg” width=”40%” height=”50%”>

Fundal pagina imagine

In cadrul etichetei <body> se utilizeaza atributul background


<body background=”desen.jpg”>

Tabele Html
Ex. Se considera un tabel cu 2 linii si 3 coloane
1 2 3
4 5 6

Se utilizeaza eticheta <table> … </table>


Se construieste randul <tr> … </tr>
La fiecare rand se construieste celula cu <td> . aceasta nu are tag de inchidere
<table border=”3”>
<tr>
<td>1
<td>2
<td>3
</tr>
<tr>
<td>4
<td>5
<td>6
</tr>
</table>

Atribute pentru eticheta <table>


- Border = chenarul tabelului
- Align = alinierea tabelului
- Width si height pentru latimea si inaltimea tabelului
- Titlul unui tabel: Unui tabel i se poate ataşa un titlu cu ajutorul etichetei <caption> (de la
,,table caption” = titlu de tabel). Aceasta eticheta trebuie plasata în interiorul etichetelor
<table>...</table>, dar nu în interiorul etichetelor <tr> sau <td>.
- Titlul unui tabel poate fi aliniat cu ajutorul atributului align al etichetei <caption>
astfel:</caption>
“bottom” (sub tabel)
“top” (deasupra tabelului)
“left” (la stânga tabelului)
“right” (la dreapta tabelului)
- Cap de tabel. Un tabel poate avea celule cu semnificaţia cap de tabel. Aceste celule sunt
introduse în eticheta <th> (în loc de <td>.
- Bordercolor pentru a stabili culoarea chenarului
- Background pentru a stabili o imagine ca fundal al unui tabel
- Cellpading reprezinta spatiul, in pixeli, dintre marginile interioare ale unei celule si
informatia pe care aceasta o contine, indiferent daca aceasta informatie este text sau
altceva (o imagine)
- Cellspacing este spatiul, in pixeli, dintre celule. Daca ai optiunea de border activata, aceasta
proprietate va mari distanta dintre marginile exterioare si cele interioare ale celulelor.

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