Liste

LISTE ORDONATE

LISTE NEORDONATE

 

Tag descriere
<ol> defineste o lista ordonata
<ul> defineste o lista neordonata
<li> defineste un element din lista
<dl> defineste o lista definitie
<dt> Defineşte un element dintr-o listă definiţie
<dd> Defineşte o descriere a unui element dintr-o listă definiţie

Exemple

Read moreListe

formulare

FORMULARE HTML

Formularele HTML sunt folosite pentru a transmite date la un server.Un formular poate conţine elemente cum ar fi câmpurile de introducere de text(text fields), casetele de selectare(checkboxes), butoane radio(radio-buttons), butoane de trimitere(submit buttons) si altele.

Eticheta pentru a crea un formular HTM este: <form> element input </form>.Elementul de intrare input este folosit pentru a selecta informaţiile utilizatorului.Un element de intrare input poate varia în mai multe moduri, în funcţie de atributul type.

Exemple

<input type=”text” /> defineşte o linie de intrare in care un utilizator poate introduce text

<form>
prenume: <input type=”text” name=”prenume” /><br />
nume: <input type=”text” name=”nume” />
</form>

Codul HTML de mai sus arată într-un browser:

prenume:
nume:
Observatie: lăţimea implicită a unui câmp de text este de 20 de caractere

<input type=”password” /> defineşte un câmp de parolă
<form>
parola: <input type=”password” name=”asd” />
</form>
Codul HTML de mai sus arată într-un browser:
parola:

tabel

TABEL IN HTML

Pentru a realiza un tabel se folosesc 4 etichete( tag-uri)

1) table : marcheaza limitele tabelului;

2) tr : delimiteaza o linie a tabelului;

3) th : delimiteaza o celula a capului de tabel;

4) td : delimiteaza celulele de date ale tabelului

Construirea tabelului se realizeaza rand cu rand, descriind celulele pe fiecare linie, in ordine, de la stanga la dreapta.

 

Alinierea se poate realiza orizontal cu align si vertical cu valign.

Align poate lua valorile : left, center, right.

Valign poate lua valorile : top, middle, bottom.

Atributele de aliniere pot fi plasate in etichetele ce delimiteaza liniile si in marcajele ce definesc celulele.

structura unei pagini html

<html>

<head>

<title>titlu</title>

<body>

continut

</body>

</html>

Aceasta structura poate fi scrisa in orice editor de texte, dar nu uitati sa salvati cu extensia .htm sau .html

Titlu este ceea ce apare in browser iar continut reprezinta continutul propriu zis al paginii, tot ceea ce apare in pagina.

font

Tag-ul font in HTML

Tagul <font> este inca folosit, dar va fi indepartat din versiunile viitoare de HTML.

Atribute:

atribute efect exemplu
size=”numar” marimea fontului size=”2″
size=”+numar” incrementeaza marimea fontului size=”+2″
size=”-numar” decrementeaza marimea fontului size=”-3″
face=”nume” defineste numele fontului face=”Times”
color=”valoare in hexa” defineste culoarea color=”#eecc00″
color=”nume culoare” defineste culoarea color=”red”

In HTML:

<p>
<font size=“2” face=“TAHOMA” color=“red”>
text1
</font>
</p>

<p>
<font size=“5” face=“Times” color=“blue”>
text2
</font>
</p>

Afisare:

text1

text2

Inserarea unui tabel

Inserarea unui tabel intr-o pagina HTML

Tabelele sunt definite cu tag-ul <table>. Un tabel este împărţit în rânduri (cu tag-ul <tr>), si fiecare rand este împărţit în celule de date (cu <td> tag-ul). Literele TD vine de la “table data”, care este conţinutul unei celule de date. O celulă de date poate conţine text, imagini, liste, paragrafe, formulare, linii orizontale,tabele, etc

Exemplu:

<table border=”1″>
<tr>
<td>rand1, celula1</td>
<td>rand 1, celula2</td>
</tr>
<tr>
<td>rand2, celuala1</td>
<td>rand2, celula2</td>
</tr>
</table>

rand1, celula1 rand1, celula2
rand2, celula1 rand2, celual2