tabulu veidošana html dokumentos
DESCRIPTION
Tabulu veidošana HTML dokumentos. Informātika 11.klase. Tabulas pamattagi. < table >un Visi pārējie tagi, kas nosaka rindas un kolonnas, atrodas šī taga iekšienē. < tr >un Definē tabulas rindas ( table row ) < td >un - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Tabulu veidošana HTML dokumentos](https://reader036.vdocuments.mx/reader036/viewer/2022081416/56815b57550346895dc93a43/html5/thumbnails/1.jpg)
INFORMĀTIKA 11 .KLASE
Tabulu veidošana HTML dokumentos
![Page 2: Tabulu veidošana HTML dokumentos](https://reader036.vdocuments.mx/reader036/viewer/2022081416/56815b57550346895dc93a43/html5/thumbnails/2.jpg)
Tabulas pamattagi
<table> un </table> Visi pārējie tagi, kas nosaka rindas un kolonnas,
atrodas šī taga iekšienē.<tr> un </tr>
Definē tabulas rindas (table row)<td> un </td>
Definē tabulas šūnas jeb kolonnas (table date)<caption> un </caption>
Pievieno tabulai virsrakstu jeb nosaukumu
![Page 3: Tabulu veidošana HTML dokumentos](https://reader036.vdocuments.mx/reader036/viewer/2022081416/56815b57550346895dc93a43/html5/thumbnails/3.jpg)
Tabulas pamattagi
<table> un </table>
Šim tagam ir vairāki parametri: border=“2” nosaka tabulas rāmja līniju biezumu. bordercolor=#0000FF nosaka tabulas rāmja līniju
krāsu. cellspacing=“0” nosaka attālumu starp tabulas
rāmi un šūnas rāmi horizontālā un vertikālā virzienā pikseļos.
cellpadding=“20” nosaka atstarpi starp tabulas rāmi un šūnu saturu horizontālā un vertikālā virzienā pikseļos.
![Page 4: Tabulu veidošana HTML dokumentos](https://reader036.vdocuments.mx/reader036/viewer/2022081416/56815b57550346895dc93a43/html5/thumbnails/4.jpg)
Tabulas pamattagi
<table>
<tr><td>
teksts</td><td>
teksts</td></tr>
<tr><td>
teksts</td><td>
teksts</td></tr>
</table>
![Page 5: Tabulu veidošana HTML dokumentos](https://reader036.vdocuments.mx/reader036/viewer/2022081416/56815b57550346895dc93a43/html5/thumbnails/5.jpg)
Tabulas HTML kodu piemēri
<html><head>
<meta charset="windows-1257"><title>Tabula</title>
</head><body>
<table border="2" bordercolor=#0000FF><tr>
<td>Pirmā rinda un pirmā kolonna</td><td>Pirmā rinda un otrā kolonna</td>
</tr><tr>
<td>Otrā rinda un pirmā kolonna</td><td>Otrā rinda un otrā kolonna</td>
</tr></table>
</body></html>
![Page 6: Tabulu veidošana HTML dokumentos](https://reader036.vdocuments.mx/reader036/viewer/2022081416/56815b57550346895dc93a43/html5/thumbnails/6.jpg)
Tabulas HTML kodu piemēri
![Page 7: Tabulu veidošana HTML dokumentos](https://reader036.vdocuments.mx/reader036/viewer/2022081416/56815b57550346895dc93a43/html5/thumbnails/7.jpg)
Tabulas HTML kodu piemēri<html>
<head><meta charset="windows-1257"><title>Tabula</title>
</head><body>
<table border="2" bordercolor=#0000FF cellspacing="20" cellpadding="10"><caption><h2>Veidojam tabulu</h2></caption><tr>
<td><font color="red">Pirmā rinda un pirmā kolonna</td><td><b>Pirmā rinda un otrā kolonna</b></td>
</tr><tr>
<td><b><i>Otrā rinda un pirmā kolonna</i></b></td><td><b><i><font color="blue" size="5">Otrā rinda un otrā kolonna</i></b></td>
</tr></table>
</body></html>
![Page 8: Tabulu veidošana HTML dokumentos](https://reader036.vdocuments.mx/reader036/viewer/2022081416/56815b57550346895dc93a43/html5/thumbnails/8.jpg)
Tabulas HTML kodu piemēri
![Page 9: Tabulu veidošana HTML dokumentos](https://reader036.vdocuments.mx/reader036/viewer/2022081416/56815b57550346895dc93a43/html5/thumbnails/9.jpg)
Tabulas HTML kodu piemēri
Attēla ievietošana tabulā.
<tr><td>
<image src="C:/Users/Roberts/Desktop/HTML/tabulas/brousers/opera.jpg"><br><b><i>Otrā rinda un pirmā kolonna</i></b>
</td><td>
<image src="C:/Users/Roberts/Desktop/HTML/tabulas/brousers/safari.jpg"><br><b><i><font color="blue" size="5">Otrā rinda un otrā kolonna</i></b>
</td></tr>
![Page 10: Tabulu veidošana HTML dokumentos](https://reader036.vdocuments.mx/reader036/viewer/2022081416/56815b57550346895dc93a43/html5/thumbnails/10.jpg)
Tabulas HTML kodu piemēri
![Page 11: Tabulu veidošana HTML dokumentos](https://reader036.vdocuments.mx/reader036/viewer/2022081416/56815b57550346895dc93a43/html5/thumbnails/11.jpg)
Tabulas HTML kodu piemēri
<a href=“adrese”> un </a>
Saites piešķiršana tekstam.
<tr><td><image src="C:/Users/Roberts/Desktop/HTML/tabulas/brousers/firefox_logo.jpg"><br><a href=“http://www.firefox.com” ><font color="red">www.firefox.com</a></td><td><image src="C:/Users/Roberts/Desktop/HTML/tabulas/brousers/IE_logo.jpg"><br><b>Pirmā rinda un otrā kolonna</b></td>
</tr>
![Page 12: Tabulu veidošana HTML dokumentos](https://reader036.vdocuments.mx/reader036/viewer/2022081416/56815b57550346895dc93a43/html5/thumbnails/12.jpg)
Tabulas HTML kodu piemēri
<a href=“adrese”> un </a>
Saites piešķiršana attēlam.
<tr><td><a href="http://www.opera.com"><image src="C:/Users/Roberts/Desktop/HTML/tabulas/brousers/opera.jpg"></a><br><b><i>Otrā rinda un pirmā kolonna</i></b></td><td><image src="C:/Users/Roberts/Desktop/HTML/tabulas/brousers/safari.jpg"><br><b><i><font color="blue" size="5">Otrā rinda un otrā kolonna</i></b></td>
</tr>
![Page 13: Tabulu veidošana HTML dokumentos](https://reader036.vdocuments.mx/reader036/viewer/2022081416/56815b57550346895dc93a43/html5/thumbnails/13.jpg)
Tabulas HTML kodu piemēri
Tekstam un attēlam ir
piešķirtas saites!