Posts

Showing posts from 2018

Cara Membuat Tabel HTML

-
Image
Belajar Membuat HTML Hai semua dilatihan ke 7 ini saya akan menjelaskan tentang cara membuat Tabel di HTML. Mari kita langsung mulai saja ^_^ Latihan 7. Belajar membuat tabel   HTML Dalam menampilkan data yang terstruktur atau tampilan dari  database , kita biasanya akan membuatnya dalam bentuk tabel. HTML   juga menyediakan Tabel tag yang digunakan untuk menampilkan data dalam bentuk tabel. Dalam tutorial belajar HTML membuat tabel HTML ini kita akan membahas cara penggunaannya. Untuk membuat tabel di HTML, kita membutuhkan setidaknya 3 tag, yaitu tag  <tabel>,  tag  <tr>, dan tag  <td>: Tag  <tabel>  digunakan untuk memulai tabel Tag  <tr>  adalah singkatan dari  table row , digunakan untuk membuat baris dari tabel. Tag  <td>  adalah singkatan dari  table data , digunakan untuk menginput data ke tabel. Agar lebih jelas, kita akan langs...
Post a Comment
Read more

Belajar Cara Menambah dan Membuat Link Gambar di HTML

-
Image
Belajar Membuat HTML Hai semua dilatihan ke 5 ini saya akan menjelaskan tentang cara menyisipkan dan membuat link di dalam gambar di HTML. Mari kita langsung mulai saja ^_^ Latihan 5. Belajar cara menyisipkan dan membuat link gambar dengan kode HTML : Untuk menyisipkan gambar di HTML anda harus menyiapkan gambar yang akan di sisipkan itu di folder yang sama dengan file html tersebut. Kemudian masukan nama file foto yang akan disisipkan lengkap dengan format file tersebut. Atau jika online anda harus mengupload gambar ke google/internet, kemudian copy alamat url pada foto yang ada di google tersebut. Sebagai contoh, lihat ilustrasi contoh penerapan kode HTML di bawah ini  <p> contoh gambar </p> <img src="dods.jpg"> hasil dari penulisan kode HTML adalah sebagai berikut : Coba klik gambar diatas.
Post a Comment
Read more

Kombinasi kode warna HTML, paragraf baru, ukuran huruf dan jenis huruf

-
Image
Belajar Membuat HTML Hai semua dilatihan ke 4 ini saya akan menjelaskan tentang cara menkombinasi kode warna, paragraf baru, dan ukukuran huruf/tulisan di HTML. Mari kita langsung mulai saja ^_^ Latihan 4. Kombinasi kode warna HTML, paragraf baru, ukuran huruf dan jenis   huruf  : <p align="center"><font face="arial black" size="6" color="red">Tulisan dengan rata Tengah</font></p> <p align="left"><font face="arial black" size="6" color="red">Tulisan dengan rata Kiri</font></p> <p align="right"><font face="arial black" size="6" color="red">Tulisan dengan rata Kanan</font></p> ini akan membuat paragraf menjadi rata tengah, kiri, dan kanan dengan jenis huruf arial black, ukuran 6 dan warna teks menjadi merah. Kode HTML lainnya :  <p>isi paragraf</p> , untuk me...
Post a Comment
Read more

Cara Mengubah Warna Font Teks di HTML

-
Image
Belajar Membuat HTML Hai semua dilatihan ke 3 ini saya akan menjelaskan tentang cara mengganti warna tulisan di HTML. Mari kita langsung mulai saja ^_^ Latihan 3. Belajar kode warna HTML untuk mengedit warna teks : Lihat Contoh berikut ini : <html>  <head>  <title-Modul Belajar HTML</title>  </head>  <body>  <p style="color: red"> ini akan mengubah warna teks menjadi merah </p> </body>  </html> hasilnya akan tampak sebagai berikut : Untuk membuat warna campuran atau warna yang diinginkan. Caranya anda buka photoshop atau cari di google dengan kata kunci color picker, lihat gambar di bawah : klik kotak merah di menu tool yang saya lingkari, kemudian akan muncul kotak dialog Color picker, cari warna yang kamu inginkan, lalu copy code warna yang ada di bawah (saya lingkari), setelah itu kamu paste pada kode warna HTML untuk mengedit warna. Contoh : "Color : #f...
Post a Comment
Read more

Cara Menambah Link di HTML, PHP

-
Belajar HTML Belajar Membuat HTML Hai semua dilatihan ke 2 ini saya akan menjelaskan tentang cara menambah link di HTML. Mari kita langsung mulai saja ya ^_^ Latihan 2. Belajar membuat link atau tautan dengan kode HTML: Link di HTML berfungsi untuk menuju ke halaman lain yang ingin dituju. Misal : kata yang terlihat dalam link (ancortext) adalah "Data Diri" sedangkan alamat URL/alamat httpnya dari halaman yang dituju tersebut adalah   http://dods7.blogspot.co.id/2016/08/data-diri.html   maka kode HTML nya adalah : <a href="https://dods7.blogspot.co.id/2016/08/data-diri.html">Data Diri</a> hasilnya adalah :  Data Diri   coba kamu klik Data Diri di atas
Post a Comment
Read more