HTML

<html> //deschidere html
<head> //capul programului
<title>irst page</title> //deschidere titlu(numele paginii de

internet, cel care apare sus in bara). Trebuie pus in heading
</head>
<body> //dechidere corp
<h1>This is heading 1</h1> //sunt 6 nivele de heading, un

fel de mini titluri/capitole
<h2>This is heading 2</h2>
<p>My first paragraph.</p> //paragraf 1
<hr /> //pune o line orizontala intre paragrafe,

un fel de despartire
<p>My second paragraph.</p> //paragraf 2
 //comentarii care nu se afiseaza cand

rulezi programul
<p>Rand 1 <br /> rand 2</p> //pui aliniat cu <br />
<p>This is regular text </p> //text normal

Browsers display <strong> as <b>, and <em> as <i>.
<p><b>bold text </b></p> //text boldat
However, the meanings of these tags differ: <b> and <i> define bold
<p><big> big text </big></p> //text putin mai mare
and italic text, respectively, while <strong> and <em> indicate that
<p><i> italic text </i></p> //text inclinat
the text is "important".
<p><small> small text </small></p> //text putin mai mic
<p><strong> strong text </strong></p> //tot un fel de bold
<p><sub> subscripted text </sub></p> //arata cam ca small text
<p><sup> superscripted text </sup></p> //tot small text
<p><ins> inserted text </ins></p> //text subliniat
<p><del> deleted text </del></p> //text taiat cu o linie orizontala
<p align="center"> //align="center" aliniaza textul pe mijloc

Acest text e aliniat la centru
</p>
<p align="center">This is a text <br /> //prima bucata

de text aste centralizata, apoi se incepe un nou rand
<hr width="10%" align="right" /> This is also a text. //linia de
latime 10% este pusa la dreapta maxim, iar apoi pe urmatorul rand la stanga de tot
e urmatoarea bucata de text
</p>
<hr width="50px" /> //marimea liniei orizontale e de 50 de

pixeli
<hr width="50%" /> //marimea liniei orizontale e de 50%
<img src="link imagine" height="150px" width="50%" //afisare

imagine sau (comanda alt) afisare descriere imagine in caz ca imaginea nu se poate
afisa
border="1px" alt="descriere imagine" /> //adauga border
<ol> //inceperea unei liste ordonate

<li>Red</li>
<li>Blue</li>
<li>Green</li> //fiecare element al listei va fi numerotat
</ol>
<ul> //inceperea unei liste neordonate

<li>Red</li>
<li>Blue</li>
<li>Green</li> //fiecare element va avea un punct negru in
fata(un disc centrat)
<li><b>Pregratar</b> //titlu element (in bold)
<p>Am gatit la festival</p> //continut element
</li>
<li><b>Muzicar</b>
<p>Pun muzica la petreceri si baute</p>
<li>
<a href="link dorit" target="_blank"> //cu a href=""
poti atribui un link urmatoarei bucati de text
A //in pagina de chroome deschisa,
litera A poate fi apasata si te va redirectiona la linkul respectiv
</a>
</li>
<li>B</li> //B nu poate fi apasat
</ul>
<table align="center" border="2"> //deschide un tabel cu rame

de 2 pixeli, aliniat la centrul paginii
<tr> //linie 1 tabel
<th>Categoria 1</th> //prima celula din rand aratta categoria,
care e bucata de text introdusa dar boldata
<td>11</td> //coloana 1 tabel in prima linie
<td bgcolor="red">12</td> //culoarea de fundal a celulei
<td>13</td>
</tr>
<tr> //linie 2 tabel
<th>Categoria 2</th>
<td>21</td> //coloana 1 in a doua linie
<td colspan="2">22</td> //coloana 2 in a doua linie are marimea a doua
coloane
</tr>
</table>
exista si comanda rowspan pt ca o celula sa fie pe mai multe randuri
</body> //inchidere corp
<div style="background-color:green; color:white; padding:20px;">

//comanda div defineste caracteristicile textului (padding este fundalul)
<p>Some paragraph text goes here.</p>
<p>Another paragraph goes here.</p>
</div>
<h2>Some
<span style="color:red">Important</span> //comanda span
defineste caracteristicile unu cuvant sau a unei bucati de text, in mijlocul
textului
Message</h2> //va afisa "Some
Important Message" dar cu "Important" scris cu rosu
The <div> element defines a block-level section in a document.

The <span> element defines an inline section in a document.
Other elements can be used either as block level elements or inline elements. This
includes the following elements:
APPLET - embedded Java applet
IFRAME - Inline frame
INS - inserted text
MAP - image map
OBJECT - embedded object
SCRIPT - script within an HTML document
You can insert inline elements inside block elements. For example, you can have
multiple <span> elements inside a <div> element.
<form method="post" action="#"> //form colecteaza

informatii de la user, iar tot ce e dupa form e ca sa ascunda ce ai scris din url
<input placeholder="Name"/><br> //poti introduce text

in casute
<input placeholder="Email"/><br> //placeholder="" pune
text semitransparent in casute, care dispare la inceperea tastarii in ele
<input type="text" name="username" /><br /> //intr o casuta poti

introduce text de la tastatura(gen username)
<input name="email" type="email" /><br/> //introduci text(email)
<input type="password" name="password" /> //intr o casuta
introduci text de la tastatura, dar nu este vizibil, fiind reprezentat cu puncte(ca
o parola)
<textarea name="message" ></textarea> //aici poti introduce
orice fel de text, sub forma de mesaj
<input type="radio" name="gender" value="male" />Male <br /> //If we

change the input type to radio, it allows the user select only one of a number of
choices
<input type="radio" name="gender" value="female" />Female <br />
<input type="checkbox" name="gender" value="1" />Male <br /> //The type

"checkbox" allows the user to select more than one option
<input type="checkbox" name="gender" value="2" />Female <br />
<input type="submit" value="Submit" /> //The submit

button submits a form to its action attribute (in loc de value="submit" se poate
folosi orice text intre
</form> ghilimele,
iar pe butonul de submit va scrie ce e scris intre ghilimelele de la value="")
HTML colors are expressed as hexadecimal values.
0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F sunt 16 valori, de la 0 la F
pentru a specifica o culoare trebuie sa ii scrii codul, reprezentat prin 6

caractere cu # in fata (ex: #000000 adica negru)
<head>
<title>first page</title>
</head>
<body bgcolor="#000099"> //pune culoarea
fundalului mov
<h1>
<font color="#FFFFFF"> White headline </font> //pune culoarea
scrisului alb
</h1>
</body>
<frame noresize="noresize"> //comanda <noresize> specifica ca userul nu poate

schimba marimile ferestrei
<frameset cols="25%,50%,25%"> //comanda <frameset> specifica numarul de coloane

si randuri pentru urmatoarele ferestre
<frame src="a.htm" /> //comanda <frame> defineste o fereastra specifica
care are atribute proprii.
<frame src="b.htm" /> //Frame content should be defined using the src
attribute.
<frame src="c.htm" />
<noframes>Frames not supported!</noframes> //comanda <noframes> arata o
bucata de text in browserele care nu suporta ferestre
</frameset>
<iframe height="150" width="300"

src="https://www.youtube.com/embed/Q6_5InVJZ88" allowfullscreen
frameborder="0"></iframe> //asta arata o fereastra cu previewl unui video pe
yt(gen imagine video fundal cu butonul mare rosu)
</html> //inchidere html

HTML

Încărcat de

Informații document

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

HTML

Încărcat de

Drepturi de autor:

Formate disponibile

<html> //deschidere html

<head> //capul programului

<title>irst page</title> //deschidere titlu(numele paginii de

<body> //dechidere corp

<h1>This is heading 1</h1> //sunt 6 nivele de heading, un

<p>My first paragraph.</p> //paragraf 1

<hr /> //pune o line orizontala intre paragrafe,

<p>My second paragraph.</p> //paragraf 2

//comentarii care nu se afiseaza cand

<p>Rand 1 <br /> rand 2</p> //pui aliniat cu <br />

<p>This is regular text </p> //text normal

<p align="center"> //align="center" aliniaza textul pe mijloc

<p align="center">This is a text <br /> //prima bucata

<hr width="50px" /> //marimea liniei orizontale e de 50 de

<img src="link imagine" height="150px" width="50%" //afisare

<ol> //inceperea unei liste ordonate

<ul> //inceperea unei liste neordonate

<table align="center" border="2"> //deschide un tabel cu rame

<div style="background-color:green; color:white; padding:20px;">

The <div> element defines a block-level section in a document.

<form method="post" action="#"> //form colecteaza

<input placeholder="Name"/><br> //poti introduce text

<input type="text" name="username" /><br /> //intr o casuta poti

<input type="radio" name="gender" value="male" />Male <br /> //If we

<input type="checkbox" name="gender" value="1" />Male <br /> //The type

<input type="submit" value="Submit" /> //The submit

HTML colors are expressed as hexadecimal values.

pentru a specifica o culoare trebuie sa ii scrii codul, reprezentat prin 6

<frame noresize="noresize"> //comanda <noresize> specifica ca userul nu poate

<frameset cols="25%,50%,25%"> //comanda <frameset> specifica numarul de coloane

<iframe height="150" width="300"

</html> //inchidere html

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