Sunteți pe pagina 1din 6

Cursuri advansati

HTML
Link-uri si Imagini Realizarea unui tabel Liste in HTML

Link-uri si Imagini
Daca dorim sa punem in site-ul nostru un link care sa ne directioneze spre o alta pagina a site-ului nostru folosim tag-ul: <a href="/joomla/adresa pagini spre care dorim sa directionam">numele link-ului</a> Iar daca dorim sa punem o imagine in site-ul nostru HTML vom folosi tag-ul : <img scr="numele imagini"> Partea intresanta este ca imaginile pot fi dimensionate : <img src="/joomla/numele imagini" width="dimensiune" height="dimensiune">

Codul este :

<html> <head> <title>aici adaugam titlul site-ului</title></head> <body bgcolor='#3470ff'> <h1 align="center">Titlu</h1> <p align="center"> <font face="verdana" size="3" color="#ff0033">Aceasta este prima mea pagina web creata in HTML.</font></p> <a href="/joomla/adresa pagini spre care dorim sa directionam">numele linkului</a> <br><img src="/joomla/pozat.jpg" width="150" height="100" > </body> </html>
Pagina noastra va arita asa :

Realizarea unui tabel


Realizarea unui tabel se face foarte simplu cu tag-ul <table ></table>, tabelul poate avea si border iar nr de coloane este dat de <td></td> si liniile sunt date de <tr></tr>. Tabelului ii putem adauga bgcolor, align,width, height si border.

<html> <head> <title>aici adaugam titlul site-ului</title></head> <body bgcolor='#3470ff'> <h1 align="center">Titlu</h1> <table border="3"> <tr > <td>celula1</td> <td>celula2</td> <tr> <tr> <td>celula3</td> <td>celula4</td> <td>celula5</td> </tr> </table> </body> </html> Site-ul nostru va fi :

Liste in HTML
Listele in HTML se realizeaza foarte usor ca si celelalte elemente, se foloseste tag-ul <ol>liste ordonate</ol> si <ul>liste neordonate</ul> iar pentru elemente <li>element</li> Codul va fi : <html> <head> <title>aici adaugam titlul site-ului</title></head> <body bgcolor='#3470ff'> <h1 align="center">Titlu</h1> <ol> <li>Lista ordonata 1</li> <li>Lista ordonata 2</li> </ol> <ul> <li>Lista neordonata 1</li> <li>Lista neordonata 2</li> </ul> </table> </body> </html> Rezultatul va fi :

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