Our social:

Latest Post

Selasa, 24 Januari 2017

Cara Membuat Tabel dalam HTML

Membuat Tabel dalam HTML

Tabel digunakan untuk menyajikan data terstruktur, Tabel dapat disisipkan di manapun pada halaman, bahkan di dalam tabel lainnya.

Membuat tabel dalam HTML
Contoh tabel




Contoh Script sederhana dalam membuat table :
<table border="1px">
     <tr>        <td></td>        <td></td>    </tr>
</table>

Pada script diatas bisa dilihat ada 3 Tag dasar dalam pembuatan tabel yaitu, 
  1. Tag <table>
  2. Tag <tr> 
  3. Tag <td>



<table></table>
tag <table> adalah tag pembuka dalam membuat sebuah tabel.

<tr></tr> 
tag <tr> "Table Row", tag ini berfungsi untuk memberikan baris pada sebuah tabel.

<td></td> 
dan tag <td> "Table Data", tag inilah yang nantinya akan menampilkan data-data yang ada di database atau yang melalui proses inputan.



dan perlu diingat dalam penulisnya harus dimulai dari tag <table> lalu diikutin tag <tr> dan <td>, dan selalu memberikan tag penutupnya yang di tandai dengan "/". untuk menandai batasan dari fungsi tag tersebut.  

Perhatikan bahwa pada tag <table> kita memberikan atribut border. Atribut border digunakan untuk memberikan nilai garis tepi dari tabel. Nilai ini dalam ukuran pixelborder=”1”, berarti kita mengistruksikan kepada web browser bahwa tabel tersebut akan memiliki garis tepi sebesar 1 pixel. Jika tidak ditambahkan, secara default tabel tidak memiliki garis tepi. 







Minggu, 22 Januari 2017

Membuat Web sederhana dengan HTML dan CSS



Tak Kenal Tak Sayang...



html


Apa Itu HTML ?
Hyper Text Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.

Sedangkan Web browser adalah sebuah progam yang dapat menterjemahkan kode perintah dari dokumen HTML tersebut sehingga dapat kita lihat dan kita baca. Contoh dari Web Browser adalah Internet Exsplorer, Netscape Navigator, Mozilla Firefox dll.

HTML mempunyai file perluasan (extention) htm atau html. Dimana kedua perluasan tersebut adalah sama, jadi anda boleh menyimpan file dokumen HTML dengan extention ".htm" atau ".html".

Untuk menuliskan kode-kode HTML anda bisa menggunakan Texs Editor misalnya Notepad, Word Pad, Microsoft Word dll. Di bawah ini adalah contoh suatu dokumen HTML yang sangat sederhana. Start Notepad, silahkan mulai dengan mengetikkan text di bawah ini:

<html>
<head>
<title>Titel Web</title>
</head>
<body>
Hello, ini adalah HTML .... !!!
</body>
</html>


Simpan file dengan pilihan "save as" dengan nama "latihan.html".
Kemudian Start Browser kesukaan kalian Internet Explorer, Mozilla Firefox dll.  Pilih menu File, Open dan tujukan ke C:\My Documents\websiteku.html " klik Ok, maka halaman website pertama anda akan ditampilkan.

Perintah didalam dokumen HTML terdiri dari berbagai struktur penyusun seperti Tag, elemen, atribut dan nilai. Tag terdiri dari lambang-lambang khusus seperti: "<", ">" dan "/", untuk menuliskannya di dalam dokumen HTML dimulai dengan tag pembuka "<...>"dan diakhiri dengan tag penutup "". Kemudian di dalam tag tersebut terdapat teks seperti contoh diatas :html, head, title,body dan yang lainnya ini disebut dengan Elemen HTML.

Elemen HTML kemudian ada yang memiliki atribut dan nilai tertentu, seperti contoh untuk membuat warna latar belakang (background): <body bgcolort="0000ff">, body merupakan elemen, bgcolor adalah atribut dan 0000ff merupakan nilai (value).

Elemen HTML mempunyai tiga hal penting yaitu: tag pembuka, isi, dan tag penutup. Sebagai contoh: Elemen html mempunyai tag pembuka ";lt&html>" dan tag penutup ";lt&/html>" dan yang berada diantaranya merupakan isi dari elemen html. Untuk menuliskan Elemen HTML bisa menggunakan huruf besar maupun huruf kecil. Contoh: <HTML>, <HtMl>, <HTml>, <html>, semuanya adalah sama.

Tutorial Selanjutnya :


  1. Membuat Tabel dalam HTML