Documente Academic
Documente Profesional
Documente Cultură
Comenzi HTML - TAG-uri - < - semnul de început, şi - > - font color="ff00ff" Culoarea caracterelor
semnul de sfârşit. TAG-urile pot fi scrise cu litere mici sau mari,
dar în general se utilizează litere mari. Primul TAG într-un Schimbarea tipului
font face ="Arial"
document HTML este: <HTML>. Cele mai multe TAG-uri caracterelor
dispun de perechea de închidere, care semnifică sfârşitul a href="....." Crearea unui link
comenzii. Pentru exemplul nostrum tagul devine : </HTML>.
Acest tag cuprinde două elemente: HEAD şi BODY . Unde să plaseze link-ul
Pentru încercare să încărcăm într-un editor de text, să-l salvăm (_top = deasupra
fişierul sub numele de "test.html" , apoi să-l vizualizăm cu a target="unul" blocului, _blank = într-o
Internet Explorer. Dacă extensia fişierului este ".html" sau nouă pagină, _self = ,
".htm", el va interpreta ca pe un document HTML. Titlul va _parent =)
apare în fereastra browserului.
ul Listă bullets
Şi în HTML există posibilitatea întroducerii de comentarii, care
evident nu vor fi luate în considerare de browser, ele servind ol Listă numbering
doar programatorul. Acestea încep cu <! şi se termină cu >.
dl Listă de definiţii
comandă Comandă internă Funcţionare
hr (x) Linii orizontale
Începutul programului
Html hr Noshade Linii fără umbre
html
Head Antetul programului Lăţimea liniei în pixeli
Hr width=30%
sau procente
Corpul programului,
aici vor apare comenzile Hr size=5 Grosimea liniei
Body
de formatare a paginii Aşezarea orizontală a
web Hr align=left
liniei (right, left, center)
Body bgcolor="#000000" Culoarea de fundal br (x) Sem de sfârşit de linie
Body text="#000000" Culoarea textului Semn de început de
P
Culoarea de text a paragraph
Body link="#000000"
linkului Table Tabele
Culoarea de text a Grosimea conturului
Body vlink="#000000" Table border=1
linkului deja accesat tabelului
Culoarea de text a Culoare ade fundal a
Body alink="#000000" Table bgcolor="#000000"
linkului accesat tabelului
Body background="back.gif" Imaginea de fundal Distanţa textului de
Table cellpadding=5
Title Titlul paginii web marginea celulei
1
Conf.Univ.Dr.Élthes Zoltán – Informatică economică – Laborator 12 – 14
2
Conf.Univ.Dr.Élthes Zoltán – Informatică economică – Laborator 12 – 14
Primul.html Al cincelea.htm
<HTML> <HTML>
<HEAD> <HEAD>
<title> <title>
Aceasta este prima mea pagină web !!! Culoarea textului !!!
</title> </title>
</head> </head>
<Body> <Body text=red >
Sunt Élthes Zoltán - Vă salut pe prima mea pagină web !!! Text cu caractere ROŞII pe pagina WEB !!!!
</body> </body>
</html> </html>
Al şaselea.htm
<HTML>
Al doilea.html <HEAD>
<HTML> <title>
<HEAD> Fundal albastru – text galben !!!
<title> </title>
Utilizarea semnului sfârşitului de linie <br> !!! </head>
</title> <Body bgcolor=blue text=yellow >
</head> Aceasta este pagina WEB cu fundal albastru şi caractere
<Body> galbene!!!!
Aceasta este prima linie !!!<br> </body>
Aceasta este a doua linie !!! </html>
</body>
</html> Al şaptelea.html
<HTML>
<HEAD>
Al treilea.htm <title>
<HTML> Configurarea textului şi bordare !!!
<HEAD> </title>
<title> </head>
Masive performante !!! <Body leftmargin=100 topmargin=50>
</title> Setarea textului este următorul : narginea stângă 1000 cea
</head> superioară 50.<br>
<Body> <basefont size=”6” color=”blue” style=”Arial” >
<pre> În text : font “Arial”, culoare albastru şi dimensiune 6 este
Prima linie setat. Modificaţi şi jucaţivă cu el !!!
A doua linie </body>
3
Conf.Univ.Dr.Élthes Zoltán – Informatică economică – Laborator 12 – 14
</TABLE>
Butoane-radio.html <BR>
<HTML> <A HREF="stud-adr.htm">Adresa studenţilor :</A>
<HEAD> </BODY>
<TITLE>Butoane radio</TITLE> </HTML>
</HEAD>
<BODY>
<FONT size=6> Butoane radio </FONT> Stud-adr.htm
<form> <HTML>
<input type="Radio" name=" termen" value="3 luni"> <HEAD>
3 luni <p> <TITLE>Adresa de e-mail a studenţilor </TITLE>
<input type="Radio" name=" termen" value="6 luni"> </HEAD>
6 luni <p> <BODY>
<input type="Radio" name=" termen" value="12 luni"> <FONT size=6> Adresa de e-mail a studenţilor </FONT>
12 luni <p> <TABLE BORDER=10,20>
</form> <TR ALIGN=CENTER>
</body> <Td>Név</Td>
</html> <Td>Email</Td>
</TR>
<TR>
Studenţi.html <Td>Elthes</Td>
<HEAD> <Td>eltheszoltan@yahoo.com</Td>
<TITLE>Studenţii Extensiei Universitare din Sfântu </TR>
Gheorghe </TITLE> <TR>
</HEAD> <Td>Kristály</Td>
<BODY> <Td>kristaly@yahoo.com</Td>
<FONT size=6> Studenţii Facultăţii de Ştiinţe Economice din </TR>
Sfântu Gheorghe </FONT> <TR>
<TABLE WIDTH=60% BORDER=30,20> <Td>Domokos</Td>
<TR ALIGN=LEFT> <Td>domokos@yahoo.com</Td>
<Td><B><font size=10 face=arial </TR>
color=red>Numele</B></Td> </TABLE>
<Td><B><font size=10 face=arial </BODY>
color=red>Prenumele</B></Td> </HTML>
<Td><B><font size=10 face=arial
color=red>Anul</B></Td>
<Td><B><font size=10 face=arial
color=red>Grupa</B></Td> Orar.html
</TR> <HTML>
<TR ALIGN=LEFT> <HEAD>
<Td>Elthes</Td> <title>
<Td>Zoltan</Td> Crearea unui orar !!!
<Td>Unu</Td> </title>
<Td>Grupa 2</Td> </head>
</TR> <Body bgcolor=gray >
<TR ALIGN=LEFT> Aceasta este o pagină WEB de creare a orarului !!!!
<Td>Kristály</Td> <table>
<Td>Sándor</Td> <tr>
<Td>Doi</Td> <th>Orar</th>
<Td>Grupa 3</Td> <th>Luni</th>
</TR> <th>Marţi/th>
<TR ALIGN=LEFT> <th>Miercuri</th>
<Td>Domokos</Td> <th>Joi</th>
<Td>Ernő</Td> <th>Vineri</th>
<Td>Trei</Td> </tr>
<Td>Grupa 2</Td> <tr>
</TR> <th>8:00 - 9:00</th>
6
Conf.Univ.Dr.Élthes Zoltán – Informatică economică – Laborator 12 – 14
<td>Engleză</td> </td>
<td>Matematică</td> <td align="center" width="165">
<td>Biologie</td> <strong>Imagini Labor</strong>
<td>Educaţie Fizică</td> </td>
<td>Muzică</td> <td width="165">
</tr> <img src="glamour.gif" align="left" hspace="0" width="165"
<tr> height="65">
<th>9:00- 10:00</th> </td>
<td>Istorie</td> </tr>
<td>Fizică</td> <tr>
<td>Geografie</td> <td width="165">
<td>Informatică</td> <strong>Imagini Labor</strong>
<td>Matematică</td> </td>
</tr> <td width="165">
</table> <img src="glamour.gif" align="left" hspace="0" width="165"
</body> height="65">
</html> </td>
<td align="right" width="165">
Tabel2.html <strong>Imagini Labor</strong>
<HTML> </td>
<HEAD> </tr>
<title> <tr>
Crearea tabelului !!! <td align="center" valign="bottom" width="165">
</title> <img src="glamour.gif" width="124" height="49">
</head> <img src="glamour.gif" width="124" height="49">
<Body bgcolor=gray > </td>
Aceasta este un tabel !!!! <td align="center" valign="bottom" width="165">
<table border=3 cellpadding=5> <strong>Imagini Labor</strong>
<tr> </td>
<td>1. rând 1. elem</td> <td align="center" width="165">
<td>1. rând 2. elem</td> <img src="glamour.gif" align="middle" width="140"
<td>1. rând 3. elem</td> height="100">
</tr> </td>
<tr> </tr>
<td>2. rând 1. elem</td> </table>
<td>2. rând 2. elem</td> </body>
<td>2. rând 3. elem</td> </html>
</tr>
</table>
</body> Test-engleză.html
</html> <html>
<head>
Efecte.html <title>Test de engleză</title>
<HTML> </head>
<HEAD> <form action="mailto:eltheszoltan@yahoo.com"
<title> enctype="text/plain" method="post">
Crearea de efecte !!! <hr>
</title> <b> Test de engleză </b></p>
</head> <p>arcaţi răspunsul corect!</p>
<Body bgcolor=gray > <p>1. "Can I speak to Mr. Doster, please?" "Just a moment, I'll
Aceasta este un efect !!!! put you ... as soon as he is
<table border="0" cellpadding="0" cellspacing="0"
width="495"> free."</p>
<tr> <p><input type=radio Name=kerd1 Value=greşit>A.over </p>
<td width="165"> <p><input type=radio Name=kerd1 Value=greşit>B.off </p>
<img src="glamour.gif" align="left" hspace="0" width="165" <p><input type=radio Name=kerd1 Value=greşit>C.across </p>
height="65">
7
Conf.Univ.Dr.Élthes Zoltán – Informatică economică – Laborator 12 – 14