Html pe scurt

Subiect: Html pe scurt Joi Ian 19, 2012 12:22 pm

Html - Elemente

Principalele elemente in HTML sunt

Cod:

<html>, <head>, <title> si <body>.

Iata si un exemplu simplu de construire a unei pagini HTML.

Cod:

<html>
<head>
<title>Prima mea pagina web folosind cateva coduri HTML!</title>
</head>
<body>
Salut Gasca! Aici voi pune mai tarziu continutul! Si voi realiza o pagina simpla folosind HTML
</body>
</html>

Html - Paragraf

Cod:

<p>Acesta este un simplu paragraf in HTML</p>
<p align="left">Acesta este un paragraf aliniat la stanga</p>

Html - Titluri

Cod:

<h1>Acesta este tag-ul HTML pentru cel mai mare titlu</h1>

Html - Liste

Cod:

<ol>
<li>Primul element HTML din lista </li>
<li>Al doilea element HTML din lista</li>
<li>Al treilea element HTML din lista</li>
</ol>

Html - Link-uri

Cod:

<a href="http://www.tutorialehtml.com/" title="HTML 5" target="_blank" >Html 5</a>
<a href="#top">Mergi la inceput</a> (<a name="top"></a>)
<a href="mailto:admin@exemplu.com" >Nelamuriri aici</a>
<a href="http://www.tutorialehtml.com/" title="HTML 5" target="_blank" ><img src="img/html_image.jpg" alt="HTML 5" /></a>

Au fost exemplificate mai sus un link normal in HTML, un link folosit pentru a lega doua sectiuni in aceasi pagina, un link email si un link imagine. Desi nu se mai foloseste in HTML dar merita mentionat.

Cod:

<base href="http://www.tutorialehtml.com/">

Html - Imagini

Cod:

<img src="img//html_image.jpg" alt="Html Image" width="100" height="50" align="center" />

Va recomand alinierea cu ajutorul CSS. La fel si stabilirea dimensiunilor imaguinii. Ceea ce ar transforma codul HTML de mai sus in:

<img src="img//html_image.jpg" alt="Html Image" style="width:100px; height:50px; margin:auto;" />

Html - Formulare

Cod:

<form method="post" name="formular" action="fisier_care_proceseaza_formularul_html.php">
.................campurile de text care vor prelua informatia.........
<input type="submit" value="Trimite">
<input type="reset" value="Sterge" />
</form>

Html - Campuri de text

Cod:

<input type="text" size="10" maxlength="40" name="nume"> - camp de text normal
<input type="password" size="10" maxlength="10" name="parola"> - parola
<input type="radio" name="culoare" value="rosu"> - buton radio
<input type="checkbox" name="da" value="da"> - casuta de bifat
<select name="limbajdeprogramare"> - meniu drop-down
<option>Html 4.1</option>
<option>Html 5</option>
</select>

HTML - Tabele

Cod:

<table>
<tr>
<th>Column 1</th>
<th>Column 2</th>
</tr>
<tr>
<td>Row 1 Cell 1</td>
<td>Row 1 Cell 2</td>
</tr>
<tr>
<td>Row 2 Cell 1</td>
<td>Row 2 Cell 2</td>
</tr>
</table>

Html - Embed (Muzica)

Cod:

<embed src="tu si tuborg.mp3" hidden="false" autostart="false" loop="false" volume="60" width="144" height="60" />

Html - Object (Video)

Cod:

<object width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/UAq8qHNWMNw&hl=en&fs=1"></param>
<param name="allowFullScreen" value="true"></param>
<embed src="http://www.youtube.com/v/UAq8qHNWMNw&hl=en&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344">
</embed>
</object>

HTML - Upload si Campuri ascunse

Cod:

<form method="post" action="fisier_care_proceseaza_formularul_html.php">
<input type="hidden" name="MAX_FILE_SIZE" value="500" />
<input type="file" />
<input type="submit" value="Trimite">
<input type="reset" value="Sterge" />
</form>

Subiect: Re: Html pe scurt Joi Mar 29, 2012 8:20 pm

cine a scris acest tutorial ? bravo lui