TAG-ul

EFECTul

<html> continutul paginii </html>

TAG-ul care se scrie la începutul şi respectiv sfârşitul unei pagini

<head> titlul paginii şi altele </head>

TAG-ul care se scrie la începutul şi sfârşitul titlului

<body> corpul paginii </body>

TAG-ul care se scrie la începutul şi sfârşitul corpului (conţinutului) paginii

<b>text</b>

Cuvantul “text”, cuprins între cele două TAG-uri, va fi scris bold

<strong> text </strong>

Cuvantul “text”, cuprins între cele două TAG-uri, va fi scris bold (acelaşi efect ca <b> … </b>)

<i>text</i>

Cuvantul “text”, cuprins între cele două TAG-uri, va fi scris italic

<p> text </p>

Creează un paragraf nou

<br> - NU ARE TAG DE INCHIDERE (adica tag pereche la sfarsit)

Efect - trece la linia urmatoare

Tag-ul FONT

Tag-ul FONT ii "spune" browserului sub ce forma sa afiseze textul continut in pagina web, dar si culoarea si marimea acestuia.

<font size="marime" 
        face="aparenta" color="culoarea textului"> 
...textul.....</font>

Atributul size poate lua valori intre 1 si 7, 3 fiind marimea standard pentru browser. Vizitatorii site-ului tau pot schimba aceasta valoare implicita (default) din browser, deci marimea pe care o precizezi in tag-ul font este relativa fata de marimea fontului selectata de utilizator.

Prin atributul face poti specifica numele fontului in forma literala, de exemplu: "Times New Roman" sau "Helvetica". Poti include mai multe fonturi in cadrul acestui atribut, separandu-le prin virgula, iar browserul va selecta primul font din lista care este instalat pe calculatorul utilizatorului ce viziteaza site-ul.

In cazul in care browserul nu are instalat nici unul dintre fonturile alese de tine, poti utiliza optiunea de font serif (de exemplu Times) sau non-serif (de exemplu Arial).

Atributul color iti permite sa selectezi culoarea textului. De exemplu, color="0000FF" va produce text de culoare albastra.

Alegerea fontului
In general, fonturile serif (e.g. Times, Bookman) sunt folosite in body, iar cele non-serif (e.g. Arial, Helvetica) pentru titluri. Acest lucru este valabil si pentru paginile web, dar trebuie sa fii atent cu fonturile serif. Din cauza rezolutiei mici a ecranului, un font ca Times poate fi dificil de citit pentru dimensiunile mici ale textului (mai putin de 3).

Exemplu: Verdana este un font non-serif (creat special pentru paginile Web), usor de citit si care arata bine la dimensiuni diferite ale textului. Este posibil ca utilizatorul sa nu aiba fontul Verdana instalat, deci este recomandat sa specifici o alternativa, de exemplu un alt font non-serif ca Arial sau Helvetica.

Dimensiunea textului
Daca ai creat pagina Web sub Windows, trebuie sa stii ca browserele Mac sau Unix afiseaza fonturile mai mici cu cel putin o unitate. Deci, evita pe cat posibil dimensiunile prea mici ale textului.

Tag-urile <H1>..<H6>

Pentru titluri si portiuni speciale de text, HTML recomanda tag-urile Headings. Acestea ofera un control redus asupra fonturilor, dar ne asigura ca textul va aparea la fel in orice browser.

Atenţie! 1 – mărimea cea mai MARE şi 6 – mărimea cea mai MICĂ

DESPRE MAPAREA IMAGINILOR

<map> .... </map>

Pentru maparea unor imagini avem necvoie sa definim o harta. Harta este definita de tag-urile <map></map>.

Atributul usemap="#forme" asigura maparea imaginii.

Atributul a fost aplicat in interiorul tagului <img>

DESPRE LISTE

<ul> corp lista </ul>

Între aceste două taguri se afişează o listă neordonată cu bullets

<li> element/rând </li>

1. DACĂ secventa se află într-o listă neordonată, atunci

un element/rand din lista neordonată în faţa căruia apare un bullets

se pun scriu atatea randuri cate doreste programatorul

2. 1. DACĂ secventa se află într-o listă ordonată, atunci

fiecare element/rand din lista ordonată va avea în faţă nr de ordine tipărit automat de html

se pun scriu atatea randuri cate doreste programatorul

OBS: (Tag-urile </LI> sunt optionale, dar le vom folosi pentru a evita ambiguitatile.)

<ol> corp lista </ol>

Între aceste două taguri se afişează o listă ordonată, adică în care rândurile/elementele sunt numerotate de la 1 la câte rânduri are lista.

<dl> corp lista </dl>

Între aceste două taguri se afişează o listă de definiţii

Lista va fi creata folosind tag-urile <DL> si </DL> pentru inceput si sfarsit. Fiecare element al listei este alcatuit dintr-un termen creat cu ajutorul tag-urilor <DT></DT> si definitia propriu-zisa pentru care sunt folosite tag-urile <DD></DD>.

<img> - NU ARE TAG DE ÎNCHIDERE

Inserează o imagine

<img src="url">

Introduce în pagină imaginea img;

unde "url" reprezinta calea catre imaginea ta, adica directorul in care se afla si numele acesteia.

DACĂ imaginea se află în acelaşi director, atunci “url” reprezintă numele imaginii, de exemplu poza.gif

<img src="imagini/poza.gif">

Pentru cazul în care poza.gif se află în subdirectorul “imagini”

<img src="../imagini/poza.gif">

Pentru cazul în care imaginea pe care vrem sa o includem in pagina web se afla intr-un director cu totul diferit

Utilizarea atributelor width= si height= pt imagini

<img src="url" width="x" height="y">

Este recomandat ca in tag-ul img sa specifici dimensiunile imaginii respective. Astfel, layout-ul paginii web nu se va modifica la incarcarea imaginilor, iar utilizatorii pot alege sa vizualizeze pagina fara imagini, formatul ei ramanand acelasi.
Pentru a specifica latimea (width) si inaltimea (height) unei imagini, foloseste codul HTML prezentat aici, unde x, y sunt dimensiunile imaginii in pixeli.

Imaginile ca linkuri
Daca vrei ca imaginea ta sa fie folosita ca link sau buton, pe conturul ei va aparea un dreptunghi colorat. Acesta este optiunea de "border" a imaginii si este folosit pentru a arata ca imaginea respectiva este un link. Daca nu vrei ca acest dreptunghi sa apara in jurul imaginii, initializeaza atributul border cu valoarea 0:

<img src="cale" width="x" height="y" border="0">

Codul alăturat are ca efect faptul ca imaginea nu va mai avea contur.

Valoarea care se atribuie atributului border reprezinta grosimea liniei chenarului in pixeli.

ATRIBUTUL

VALOAREA atributului / EFECTUL execuţíei

<p align="center">   text   </p>

Pentru a centra textul, se foloseste tot tag-ul <p> cu atributul align="center":

<body bgcolor="#000000" text="#FFFFFF">  text  </body>

Pentru a schimba culoarea de fundal (background) in negru si a textului in alb, in tag-ul body trebuie specificat bgcolor="#000000" si respectiv text="#FFFFFF".