Փոքրիկ դասընթաց HTML-ից-Մաս 1

Հարգելի՛ բլոգերներ, այսօր ձեզ կներկայացնեմ մի քանի շատ կարևոր HTML կոդեր, որոնք հետագայում դուք կարող եք օգտագործել ձեր բլոգում նյութեր տեղադրելու համար: Այս նյութում դուք կգտնեք կոդեր աղյուսակների և նկարների մասին: Հետագայում ևս բլոգում կտեղադրվեն HTML դասընթացներ, որոնց միջոցով դուք կկարողանաք պատրաստել կայքեր հենց սկզբից (ինչպես ասում են զրոյից):

Հասարակ աղյուսակներ՝

Բաժին 1

բաժին2

բաժին3

<table border=1>
<td>Բաժին 1 </td>
<td> բաժին 2 </td>
<td> բաժին 3 </td></table>

Եթե ցանկանում եք աղյուսակը շրջապատող գծերի լայնությունը փոփոխել, ապա «border=1» դաշտում գրեք ավելի մեծ թիվ:

Երկտողանի աղյուսակ 1	Երկտողանի աղյուսակ 3
Երկտողանի աղյուսակ 2	Երկտողանի աղյուսակ 4

<table border=1>
<tr>
<td> Երկտողանի աղյուսակ 1 </td>
<td> Երկտողանի աղյուսակ 2 </td>
</tr>
<tr>
<td> Երկտողանի աղյուսակ 3 </td>
<td> Երկտողանի աղյուսակ 4 </td>
</tr>
</table>

Աղյուսակներ ընդգծված և հասարակ եզրագծով (առանց եզրագծի)

Վերնագիր 1	Վերնագիր 2
պարունակություն 1	պարունակություն 2

<table border=1 cellpadding=8 cellspacing=0 bordercolor=black>
<tr>
<th>Վերնագիր 1</th>
<th>Վերնագիր 2</th>
</tr>
<tr>
<td>Պարունակություն 1</td>
<td>Պարունակություն 2</td>
</tr>
</table>

Քաղաք	բնակչություն
Երևան	x հոգի

<table cellpadding="5" cellspacing="5">
<tr>
<th bgcolor="#CCCCCC">Քաղաք</th>
<th bgcolor="#CCCCCC">բնակչություն</th>
</tr>
<tr>
<td>Երևան</td>
<td>X հոգի</td>
</tr>
</table> 

Երկբաժին տեքստ

տեքստ

տեքստ

<table width="100%" cellpadding="0" cellspacing="10" border="0">
<tr>
<td>  տեքստ  </td>
<td width="2" bgcolor="#000000"></td>
<td>  տեքստ  </td>
</tr>
</table>

<td width="2" bgcolor="#000000"></td>-տվյալ կոդը փոփոխելով կկարողանաք փոխել նաև ույնը և հատվածի բարձրությունը:

Տեղադրում ենք նկարներ

<table cellspacing=8>
<tr> 
<td>նկարի հասցե</td>
<td>նկարի հասցե</td>
</tr>
<tr>
<td>նկարի հասցե</td>
<td>նկարի հասցե</td>
</tr>
<tr>
<td>նկարի հասցե</td>
<td>նկարի հասցե</td>
</tr>
</table>