Jumat, 28 Oktober 2016

buat tabel html

 a.yang pertama :

<html>
<head>
<title>
tabel
</title>
</head>
<center>
<font face ='jokerman' size =5>
<p>Menyutakan Kolom dan Baris</p>
</font>
</center>
<b>
<p> siswa</p>
</b>
<table border="8">
<tr>
<th rowspan=2>No</th>
<th colspan=2>Data Siswa</th>
</tr>
<tr>
<td>NAMA</td>
<td>Ekstrakurikuler</td>
</tr>
<tr>
<td>1</td>
<td>Liem Ay Fang</td>
<td>Komputer</td>
</tr>
</table>
<b>
<p>data jenis kelamin</p>
</b>
<table border="3">
<tr>
<th rowspan=2>NO</th>
<th rowspan=2>Nama</td>
<th colspan=3 bgcolor=red>jenis kelamin</th>
<th rowspan=2>keterangan</th>
</tr>

<tr>
<td>L</td>
<td>P</td>
<td>banci</td>
</tr>

<tr>
<td>1 </td>
<td>Painem Mangkobuwono</td>
<td>ya</td>
<td>-</td>
<td>-</td>
<td>kekar</td>
</tr>

<tr>
<td>2</td>
<td bgcolor=blue>Defani Ardianto</td>
<td>ya</td>
<td>-</td>
<td>-</td>
<td> gemuk. nah berikut penjelasanya

<table border="1">

<tr>
<th rowspan=2>No</th>
<th rowspan=2>alamat</th>
<th colspan=2 bgcolor=aqua>Data Siswa</th>
</tr>

<tr>
<td>kelas</td>
<td>no</td>
</tr>

<tr>
<td>1</td>
<td>dermonganti</td>
<td>X tkj 4</td>
<td>102</td>
</tr>
</table>

</td>
</tr>

</table>
<p>

<b>
Tabel 3
</b>



<table border ="2">
<tr>
<th>senin</th>
<th bgcolor=red>selasa</th>
</tr>

<tr>
<td bgcolor=aqua>
<ul type='circle'>
<li>Bahasa Indonesia 1</li>
<li>Matematika</li>
<li>Jaringan Komputer</li>
</ul>
<ul type='disc'>
<li>konsep teknologi informasi</li>
<li>ketrampilan komputer dan pengelolaan informasi</li>
</td>

<td>
<ol type='A' start ='4'>
<li>konsep teknologi informasi</li>
<li>ketrampilan komputer dan pengelolaan informasi</li>
</ol>
<ol type='a' start ='6'>
<li>perangkat keras komputer</li>
<li>sistem operasi</li>
</ol>

<table border ="1">
<tr>
<th colspan="2" bgcolor=yellow>
kolom 1 baris 1</th>
<th rowspan="2">
kolom 1 baris 2</th>
</tr>
<tr>
<td>kolom 1 baris 2</td>
<td>kolom 2 baris 2</td>
</tr>
</td>

</table>


b.yang kedua :


 <html>
<head>
<title>
tabel
</head>
</title>
<center>
<font face ='algerian' size =5>
<marquee>Ulangan Tabel </marquee>
</font>
</center>

<center>

<p>
<table border="1">

<tr>
<th  bgcolor =red>Ordered</th>
<th  bgcolor =black><font face color =white> Tabel </font></th>
<th bgcolor = yellow>Nilai</th>
</tr>

<tr>
<td bgcolor =aqua> <ul type='circle'>
<li>Dimas Susilo Adi</li>
<li>X TKJ 1</li>
</ul>
<ul type='square'>
<li>Watukodok,Keblukan,Kaloran,Temanggung</li>
</ul>
</td>

<td>
<table border="1">

<tr>
<th colspan ="2">Mapel</th>
</tr>

<tr>
<td rowspan ="2">
<p>Mapel</p>
<p>Favorit</p>
</td>
<td>Produktif</td>
</tr>

<tr>
<td>Matematika</td>
</tr>
</table>



<td>
<table border ="1">

<tr>
<th bgcolor =green>No</th>
<th bgcolor =violet>Nilai</th>
</tr>

<tr>
<td>1</td>
<td>70</td>
</tr>

<tr>
<td>2</td>
<td>80</td>
</tr>

<tr>
<td>3</td>
<td>90</td>
</tr>
</table>
</td>
</tr>
hasil:



 2


 1

nb, silahkan di copy dan paste di notepad, save as  dengan nama sembarang.html type all files. buka pakai internet explorer




Read More

Senin, 24 Oktober 2016

pembuatan halaman html notepad sederhana

coding:

<html>
<head>
<title>
perintah dasar html
</title>
</head>
<body bgcolor =orange>
<center>
<font face ='jokerman' size =5>
pengoperasian html
</font>
</center>
<font face ='times new roman' size =3>
<p>bila ingin membuat perintah dasar html harus tau
codingnya</p>
</html>

hasilnya:

Read More