We Are Creative Design Agency

Find Out More Purchase Theme

Our Services

Lovely Design

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat tellus eget libero pretium, sollicitudin feugiat libero.

Read More

Great Concept

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat tellus eget libero pretium, sollicitudin feugiat libero.

Read More

Development

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat tellus eget libero pretium, sollicitudin feugiat libero.

Read More

User Friendly

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat tellus eget libero pretium, sollicitudin feugiat libero.

Read More

Recent Work

Web Koran VGA

Web Koran VGA

Membuat Tulisan Koran

VGA


Definisi:
 VGA atau yang merupakan kependekan dari Video Graphics Adapter merupakan salah satu komponen dari komputer, yang sifatnya “penting gak penting”. Ada beberapa komputer yang menyematkan VGA onboard pada sistemnya, dan ada pula komputer yang menyematkan VGA terpisah pada sistemnya. Maka dari itu penggunaan VGA Card pada komputer ataupun laptop tidaklah menjadi suatu hal yang mutlak dan juga wajib ada, karena ada beberapa user yang bisa menggunakan fitur dari suatu komputter tanpa memerlukan VGA Card yang berkapasitas tinggi.Tidak seperti RAM dan juga komponen lainnya yang memiliki peran vital dan juga penting di dalam proses pemrosesan informasi di dalam suatu sistem komputer. Penggunaan VGA lebih banyak mengarah kepada keperluan yang berhubungan dengan grafis, seperti desain 3D, gaming, dan juga keperluan lainnya yang berhubungan dengan desain dan juga 3D.

Fungsi:
  Fungsi utama dari penggunaan VGA Card pada monitor adalah untuk membantu mengubah sinyal digital yang dihasilkan oleh suatu komputer menjadi suatu tampilan layar grafik pada monitor. Karena itu, pada beberapa jenis komputer yang tidak memiliki VGA Card, ataupun memiliki VGA Card dengan kualitas seadanya, maka tampilan layar menjadi kurang baik dan tidak menarik. Selain berfungsi untuk mentransmisikan sinyal digital, bagi yang memiliki komputer dengan VGA Card yang memiliki kapasitas besar, akan berfungsi lebih baik lagi, seperti:
1.VGA Card dapat berfungsi untuk menyimpan data-data dari sebuah hardisk.
2.VGA Card dapat berfungsi untuk membuat sebuah gambar dengan kualitas yang sangat bagus dan berkualitas.
3.VGA Card dapat berfungsi untuk memproses semua dari grafis yang nantinya akan ditampilkan ke monitor.
4.VGA Card dapat berfungsi untuk menerjemahkan sebuah output dari komputer ke monitor.
5.VGA Card dapat berfungsi untuk Menggambar atau mendesain grafik ataupun juga dapat digunakan untuk bermain game.
6.VGA Card dapat berfungsi untuk mengubah sebuah sinyal digital yang ada di komputer menjadi sebuah tampilan grafis ke layar monitor.
7.VGA Card dapat berfungsi untuk menyuplai data-data untuk prosessor yang nantinya akan di proses.
8.VGA Card dapat berfungsi untuk melakukan setting pada Graphics option windows.
9.VGA Card dapat berfungsi untuk membuat tampilan dari kombinasi grafis, warna dan kecepatan transfer grafis tersebut menjadi lebih berkualitas dan bagus.
10.VGA Card dapat berfungsi untuk membuat sebuah video atau gambar menjadi lebih terang, tajam dan sangat jelas.

Bagian-bagian VGA Card :
 VGA card terdiri dari sebuah papan sirkuit dengan berbagai macam komponen yang melekat diatasnya. Komponen-komponen tersebut diantaranya ialah:
1. Graphics Processing Unit
 Graphics Processing Unit (GPU) atau biasa juga disebut Visual Processing Unit (VPU) adalah sebuah sirkuit yang dirancang untuk memanipulasi data dengan cepat dan memodifikasi memori untuk mempercepat pembuatan gambar pada frame buffer. Singkatnya GPU ini mirip dengan CPU, namun GPU didesain hanya untuk menangani grafis saja.
2. Heat Sink
 Pada jenis VGA card yang baru dilengkapi dengan heat sink yang berfungsi untuk meratakan suhu yang ada pada graphics processing unit (GPU). Biasanya heat sink juga dilengkapi dengan sebuah kipas yang membantu untuk mengeluarkan udara panas yang ada pada VGA card.  Namun pada beberapa jenis VGA card yang berkualitas rendah tidak dilengkapi dengan heat sink, tetapi hanya menggunakan cairan pendingin sebagai gantinya.
3. Memory
 Memory adalah tempat dimana semua tekstur dan informasi grafis disimpan. GPU mengambil data dari memori kemudian memprosesnya lalu disimpan kembali di memori untuk kemudian disalurkan ke RAMDAC sehingga dapat tampil dilayar monitor anda. RAMDAC merupakan singkatan dari Random Access Memory Digital to Analog Converter. Yang mana berperan untuk mengontrol gambar digital untuk kemudian dikonversi menjadi signal analog sehingga gambar tersebut dapat tampil di monitor. Itulah penjelasan lengkap mengenai pengertian VGA card, fungsi VGA card beserta slot dan komponen yang ada pada VGA card. Pastikan anda memutuskan dengan tepat jenis VGA card apa yang akan anda gunakan. Untuk anda yang berprofesi sebagai seorang gamer atau bergelut dibidang multimedia lebih disarankan untuk menggunakan VGA card tambahan dengan kualitas yang bagus. Silahkan anda menyesuaikannya sesuai dengan kebutuhan dan budget yang anda miliki.

Quiz Kejuruan Multimedia

Quiz Kejuruan Multimedia

TEST KEJURUAN MULTIMEDIA
*Petunjuk: Anda membutuhkan 7 point untuk LULUS test ini!!!

  1. Yang tidak termasuk alat komunikasi masa lampau adalah....

  2. Kenthongan
    Prasasti
    Komputer
    Asap

  3. Peralatan TIK yang berfungsi untuk mengetik adalah ....

  4. Mouse
    Keyboard
    Monitor
    Speaker

  5. Contoh Software untuk membuat vector...

  6. FL Studio
    Adobe Audition
    Corel Draw
    Adobe Preimere

  7. Microsoft Powerpoint adalah program aplikasi untuk membuat....

  8. Pengolah Angka
    Gambar
    Presentasi
    Pengolah kata

  9. Untuk membuat laporan keuangan kita dapat menggunakan program....

  10. Ms.Access
    Ms.Word
    Ms.Excel
    Ms.Outlook

  11. Gambar kecil yang mewakili file dokumen, folder dan program aplikasi pada layar desktop disebut...

  12. Taksbar
    Menu Bar
    Tittle
    Icon

  13. Untuk menjalankan suatu shortcut program aplikasi dari desktop adalah dengan....

  14. Double klik pada ikon
    Double klik pada ikon
    Mengklik kanan ikon
    Mengklik kiri ikon

  15. Multimedia adalah kombinasi dari......

  16. User, grafis, BIOS, dan suara
    Teks, grafis, seni, suara, animasi, dan video
    Semua benar
    Natrium klorida, NaCl, H2O dan video

  17. Yang bukan manfaat dari multimedia adalah….

  18. Komersial
    Pendidikan
    Perairan
    Kesehatan

  19. Media animasi menggunakan program….

  20. Adobe Audition
    Adobe Flash
    Interactivity
    Adobe Preimere

Kalender Kelahiran dengan HTML & CSS

Kalender Kelahiran dengan HTML & CSS

13_Eka Putra_XIIMM1_TgsKalender Membuat Kalender

TANGGAL LAHIRKU

EKA PUTRA

XII MM 1

MEI 2003
AHAD SENIN SELASA RABU KAMIS JUMAT SABTU
27 28 29 30 1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
*30 Mei aku lahir di Rumah Sakit.

Jika ingin melihat source codenya bisa KLIK DISINI


Cara Membuat Animasi Cursor Di blog

Cara Membuat Animasi Cursor Di blog

Bosen dengan tampilan cursor biasa di website atau di blogger ini disini saya berbagi cara membuat memasang animasi cursor keren buat percantik blogger atau website anda ada banyak macam-macam animasi cursor untuk diblog saya tinggal anda pilih sesuai selera anda atau anda sukai langsung saja caranya  :

1. Copy script html cursor yang anda pilih
2. Login ke blogger anda
3. Pilih Laman
4. Pilih Tata Letak
5. klik Tambah Gadget Html/JavaScript
6. Copy & paste kan kode html mouse yang diinginkan di bawah ini
7. Terakhir Simpan




1. Spongebob
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-12/too1107.cur), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="SpongeBob SquarePants"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="SpongeBob SquarePants" style="position:absolute; top: 0px; right: 0px;" /></a> 





2. Mr.Crab
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-12/too1104.cur), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="SpongeBob SquarePants Mr. Krabs"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="SpongeBob SquarePants Mr. Krabs" style="position:absolute; top: 0px; right: 0px;" /></a>





3. Bird
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/people/peo-9/peo1020.cur), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Catching Fire"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Catching Fire" style="position:absolute; top: 0px; right: 0px;" /></a>






4.Mouse Pelangi



<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-1/cur18.ani), url(http://cur.cursors-4u.net/cursors/cur-1/cur18.png), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Wavy Tail"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Wavy Tail" style="position:absolute; top: 0px; right: 0px;" /></a>




Cara Menambahkan Widget jam Pada Blog

Cara Menambahkan Widget jam Pada Blog

CARA MENAMBAHKAN WIDGET JAM PADA BLOG (BLOGGER)


1. Downoad Widget Jam Disini 
2. Pilih style jam yang anda inginkan
3. Akan muncul kotak dialog, klik Accept 
4. Silahkan atur warna, time zone, dan ukuran jam sesuai          dengan blog
5. Copy kode HTML
6. LOGIN ke Blogger 
7. Pilih tata letak, klik Tambah Gadget
8. Pilih HTML/ Java Script, lalu paste kode HTML yang tadi telah dicopy

Cara Kerja Dan Anatomi Cascading Style Sheet

Cara Kerja Dan Anatomi Cascading Style Sheet

Cara Kerja dan anatomi Cascading Style Sheet



DEFINISI DAN FUNGSI CSS
Cascading Style Sheet atau lebih sering disebut dengan istilah CSS merupakan salah satu dokumen website yang bertujuan untuk mengatur gaya (style) tampilan website.
CSS bukanlah sebuah bahasa pemrograman, melainkan sebuah aturan untuk mengendalikan beberapa komponen pada web sehingga akan lebih terstruktur, seragam dan mudah dalam pengaturan saat pendesain sebuah halaman web.
CSS merupakan sekitar pembuatan dan pengaturan style font, warna, jarak, bentuk, dan lain-lain yang tidak dapat dilakukan dengan elemen - elemen HTML. Dapat dikatakan bahwa CSS merupakan pengembangan dari HTML dalam hal format dokumen web. Adanya CSS memudahkan kita untuk mengatur dan memilih sebuah website dan tampilannya karena CSS memisahkan antara bagian presentasi dan isi dari web yang dibuat.
Selain itu dengan penggunaan dari CSS dalam pembuatan web akan memberikan beberapa manfaat seperti berikut ini :
  1. Kode HTML menjadi lebih sederhana dan lebih mudah diatur.
  2. Ukuran file menjadi lebih kecil sehingga load file lebih cepat.
  3. Mudah untuk mengubah tampilan, hanya dengan mengubah file CSS saja.
  4. Dapat berkolaborasi dengan JavaScript dan merupakan pasangan setia HTML.
  5. Dapat digunakan dalam hampir semua jenis web browser.
CSS merupakan sebuah teknologi internet yang di rekomendasikan oleh World Wide Web Consortium atau W3C pada tahun 1996. Setelah CSS di standarisasikan, internet explorer dan Netscape merilis browser terbaru yang mendukung standar CSS. Terdapat tiga versi CSS, CSS1, CSS2, dan CSS3. Yaitu :
CSS 3 merupakan versi CSS terbaru yang masih dikembangkan oleh W3C. Namun beberapa web browser sudah mendukung CSS 3. CSS 2 didukung seutuhnya oleh CSS 3 dan tidak ada perubahan, hanya ada beberapa penambahan. Ketika sebuah web yang semula menggunakan CSS 2 bermigrasi CSS 3, tidak perlu mengubah apapun.
Dengan adanya CSS mempermudah pengaturan dan pemeliharaan sebuah website dan tampilannya karena CSS memisahkan antara bagian pengatur gaya dan isi dari web.
ANATOMI DARI CSS
Bagian – bagian utama dari sebuah CSS itu terdiri dari tiga bagian yaitu: selector, property, value. Jika dalam HTML dikenal ada tag-tag yang menyusun sebuah dokumen HTML maka dalam CSS juga dikenal dengan sebutan selector.


CSS memiliki aturan tersendiri dalam penulisan sintaks. Penulisan sintaks tersebut terbagi ke dalam tiga bagian yaitu: selector, property, dan value. 
Format penulisan bagian-bagian dari CSS dapat dituliskan sebagai berikut :

Selector{ Property : value; }

Berikut ini sedikit contoh penggunaan selektor, property, dan value untuk mengatur style pada sebuah form
form{ margin-left:0; }

Dari contoh penggunaan selector, property, dan value di atas maka tiap bagian akan di jelaskan sebagai berikut :
  • form : selector yang akan di atur stylenya
  • margin-left : property yang digunakan untuk jarak fieldset dari batas kiri layout
  • 0 : nilai dari property margin-left
Dengan adanya CSS memungkinkan untuk menampilkan halaman yang sama dengan format yang berbeda.
CARA KERJA CASCADING STYLE SHEET
Cara kerja CSS dimulai saat deklarasi style yang diinginkan dengan menulis style (selektor, id dan class), maka secara otomatis style tersebut akan bekerja pada dokumen HTML. Dengan mengatur selektor, id, dan class, untuk kemudian id dan class tersebut kita sesuaikan dan terapkan pada
kode HTML . Dan secara otomatis pula CSS itu akan bekerja pada file HTML.

Pendefinisian style bisa dilakukan pada tag <style>. Di dalam pasangan tag tersebut, pendefinisian style dilakukan dengan bentuk Selector { … } .
Dalam hal ini, selector bisa berupa selector HTML, selector kelas, atau selector ID.
Selector HTML mendefinisikan style bagi suatu tag HTML. Contoh di depan menggunakan selector HTML beruma img. Bentuk umumnya :

Contoh :
Latihan 1 
A. Inline Style Sheet
CSS didefinisikan langsung pada tag HTML yang bersangkutan. Cara penulisannya cukup dengan menambahkan atribut style="..." dalam tag HTML tersebut. Style hanya akan berlaku pada tag yang bersangkutan, dan tidak akan mempengaruhi tag HTML yang lain. Contoh penulisan CSS secara inline style sheet, CSS berikut mengatur style di elemen <p></p> atau paragraf.
Saat penulisan CSS diatas, listing kode CSS langsung dipasang di tag HTML, namun hal tidak direkomendasikan karena akan menyulitkan pengaturan style jika terjadi perubahan tampilan website dikemudian hari.
Latihan 2
B. Embedded Style Sheet 
CSS didefinisikan terlebih dahulu dalam tag <style> ... </style> di atas tag <body>, lebih tepatnya didalam tag <head>.
Pada listing kode diatas, penerapan style diberikan pada komponen input button hal ini ditandai dengan pembuatan CSS dengan nama “input.btn” didalam tag <style></style> <style> input.btn 
{ …….}
Di bagian body terdapat penerapan CSS dengan cara memanggil nama class nya
Latihan 3
C. External Style Sheet 
CSS didefinisikan secara terpisah pada file yang berbeda. Dan selanjutnya file atau halaman web yang ingin menerapkan style pada file CSS tersebut tinggal memanggil file CSS tersebut. Cara ini umumnya digunakan pada satu aplikasi berbasis web sehingga tampilan antar halaman akan terlihat konsisten.
File yang berisi style CSS disimpan dalam format *.css. Dari gambar diatas dapat dilihat file CSS ditempatkan dalam satu folder yang sama dengan file HTML. Contoh penulisan file.css
input.btn {color: #fff; background: #ffa20f; border: 2px outset #BBD16D; font-family: "calibri", Times, serif; font-size: 14px; font-weight: bold; width : auto;}

Latihan 4



ALAT DAN BAHAN 
  1. Modul Praktikum
  2. Perangkat Komputer
  3. Aplikasi Notepad ++ 
  4. Aplikasi Browser (Mozilla, IE, Chrome dan lain-lain)

mengatur Style Teks

Dasar mengatur teks pada CSS biasanya seperti posisi perataan teks, jarak spasi dan lain sebagainya, semua itu bisa dilakukan dengan css. Berikut ini properti-properti yang bisa digunakan untuk memanipulasi atau mengatur teks pada css agar menjadi sesuai dengan yang kita inginkan.
PropertiKeterangan
colorProperti color digunakan untuk mengubah warna text
directionProperti direction digunakan untuk menentukan posisi text
letter-spacingProperti latter-spacing digunakan untuk menambah atau mengurangi ruang antara huruf yang berbentuk kata
word-spacingProperti word-spacing digunakan untuk menambah atau mengurangi ruang antara kata-kata pada sebuah kalimat
text-indentProperti text-indent digunakan untuk mengatur jarak bagian kiri kata pertama pada sebuah kalimat
text-alignProperti text-align digunakan untuk mengatur posisi atau perataan text
text-decorationProperti text-decoration digunakan untuk membuat garis bawah, overline atau tanda coret pada teks
text-transformProperti text-transform digunakan untuk mengatur huruf besar atau kecil
white-spaceProperti white-space digunakan untuk mengatur jarak enter sebuah kalimat
text-shadowProperti text-shadow untuk membuat bayangan pada teks
Properti-properti diatas akan kita bahas satu-persatu, penulis berharap pembaca sambil mempraktekan tutorial ini langsung, agar tahu bagaimana sebuah teks dapat dimanipulasi dengan sintaks css.
Source : KLIK

Mengatur Style multimedia

1. CSS pada Tampilan Gambar
CSS berperan penting dalam menyajikan informasi dengan visual yang lebih baik, lebih optimal dari sisi penulisan serta lebih disenangi oleh mesin pencari. CSS dapat diterapkan hampir pada semua objek yang disisipkan dalam tag html baik itu tulisan, tabel dan gambar maupun objek lainya. Untuk mengatur gambar dapat dituliskan secara inline seperti contoh berikut :
<img src="nama-file-gambar" width="lebar" height="tinggi" alt="text" title="text" border="1" />

Selain dengan cara inline , stlyle CSS dapat diberikan secara embed ataupun eksternal CSS. Berikut terdapat tiga gambar yang diberi style dimana ukuran ketiga gambar dibuat sama 200 x 200 dan margin atas gambar adalah 10px sehingga antar gambar terlihat ada jarak.

2. CSS Gambar untuk Background
Seperti penambahan warna latar, penambahan gambar latar belakang juga dilakukan dengan menggunakan dua properti, yaitu background dan background-image. Nilai yang diisikan untuk properti ini ialah url dari gambar, relatif terhadap file CSS, sama seperti pada penambahan font.
div { background: url( “latar.png”); background-image: url(“latar.png”);}

Namun, penambahan gambar dengan cara di atas akan memberikan masalah ketika ukuran gambar tidak sama dengan ukuran elemen. Gambar akan ditampilkan berulangkali, secara horizontal maupun vertikal, jika ukuran elemen lebih besar dari ukuran gambar. Untuk dapat melihat bagaimana berikut :

Adakalanya perulangan tampilan gambar otomatis ini tidak diinginkan. Untuk itu dapat menggunakan properti background-repeat untuk mengatur bagaimana perulangan kode ingin dilakukan. Terdapat empat nilai yang dapat diisikan pada properti background-repeat, yaitu repeat, no-repeat, repeat-x, dan repeat-y. Seperti contoh di bawah ini :
<div style="background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij5Erkt8vKLDXiCPTw5WZySLrNyz_r-UsHorg2YsCwp7YCsy9_H2p5sC78XwgP68ao4o26MOeB29Jye81K6Jowl68M40tnDGG2_m9kzXiLd1af-AgyoNPWnt8xmrR0VtjgDPFMOEF27MCE/s1600/back.jpg'); background-repeat: repeat;">
<div style="color: white; text-align: center;">
<b>BAGIMU NEGERI</b>
Padamu negeri kami berjanji
Padamu negeri kami berbakti
Padamu negeri kami mengabdi
Bagimu negeri jiwa raga kami
</div>
</div>

Maka hasilnya adalah sebagai berikut :

BAGIMU NEGERI

Padamu negeri kami berjanji

Padamu negeri kami berbakti

Padamu negeri kami mengabdi

Bagimu negeri jiwa raga kami

Seperti namanya, no-repeat menghilangkan perulangan, repeat-x memberikan perulangan hanya pada sumbu x (horizontal), dan repeat-y memberikan perulangan hanya pada sumbu y (vertikal). Listing Kode CSS di bawah akan menghilangkan perulangan pada sumbu x dan sumbu y, sehingga kiwi,jpg hanya akan ditampilkan satu kali :

3. CSS untuk Menyisipkan Gambar
Adakala saat membuat halaman web yang berisi artikel diperlukan gambar yang mendukung artikel tersebut. Agar terlihat rapi dan menarik maka gambar yang disisipka perlu diberi CSS. Seperti contoh di bawah ini.
BAGIMU NEGERI

Padamu negeri kami berjanji
Padamu negeri kami berbakti
Padamu negeri kami mengabdi
Bagimu negeri jiwa raga kami

4. CSS pada Tampilan Video
Untuk penerapan Cascading style sheet pada elemen video dapat dituliskan secara inline seperti contoh berikut ini :
<html>
<head>
<title>Test</title>
</head>
<body>
<video controls="controls" style="display:block; margin: 0 auto; width:400px ; heigth:400;" >
<source src="http://googledrive.com/host/0B7q1GyuInSWkLUdUQTNhU0hkYWs/" type="video/mp4" />
Your browser does not support the video tag.
</video>
</body>
</html>

Bila program diatas dijalankan akan menghasilkan tampilan video yang di atur tampil “center” dengan atribut width:400px dan height:400px seperti pada tampilan berikut ini :

5. CSS Video Embed dari Youtube
Penyajian video juga bisa memanfaatkan elemen iframe yang dilinkkan ke alamat video tertentu , misalnya www.youtube.com. Berikut adalah penerapan CSS secara embed untuk menampilan video dari youtube. Seperti di bawah ini.
<html>
<head>
<title>Test</title>
<style>
.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px;
height: 0; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
</style>
</head>
<body>
<div class="videoWrapper">
<iframe width="560" height="349" src="url_video" frameborder="0" allowfullscreen></iframe>
</div>
</body>
</html>
source : KLIK

Mengatur Style table

 Sebuah tabel selalu terdiri dari dua elemen utama, yaitu baris dan kolom. Tentunya HTML memiliki elemen untuk membuat baris dan kolom dari sebuah tabel, tetapi sebelum membuat baris dan kolom dari tabel kita harus membuat tabelnya terlebih dahulu. Pembuatan tabel dimulai dari inisialisasi tabel, menggunakan elemen table:
<table>
    <!-- Data -->
</table>
dan selanjutnya, kita dapat menambahkan baris ke dalam tabel tersebut dengan menggunakan elemen tr:
<table>
    <tr>
        <!-- Isi Baris Tabel -->
    </tr>
    <tr>
        <!-- Isi Baris Tabel -->
    </tr>
</table>
Dan setiap baris dari tabel tentunya harus diisikan dengan data, yang akan menghasilkan kolom tabel. Pengisian data pada tabel dilakukan dengan menggunakan elemen td, seperti berikut:
<table>
    <tr>
        <td>NIM</td>
        <td>Nama</td>
    </tr>
    <tr>
        <td>23511000</td>
        <td>Alex Xandra Albert Sim</td>
    </tr>
</table>
maka kita akan mendapatkan sebuah tabel HTML, seperti berikut:
Source : KLIK

Mengatur Style Formulir
Form di HTML dapat kita buat dengan tag <form>. Tag ini memiliki beberapa atribut yang harus diberikan, seperti:
·         action untuk menentukan akasi yang akan dilakukan saat data dikirim;
·         method metode pengiriman data.
Contoh:
<form action="prosess.php" method="GET">
<!-- form field di sini -->
</form>
Untuk atribut action, kita dapat mengisinya dengan alaman URL dari endpoint yang akan memproses form.
Secara sederhana,—pada contoh di atas— kita akan menyuruh file proses php untuk memproses data form.

 Souce : KLIK

Kenalan Dong !

Kenalan Dong !

Hallo Sobat..


Assalamualaikum Wr. Wb.
Perkenalkan,Nama  saya Eka Putra, lahir di Banyumas, sekarang saya tinggal di Desa Jambu, Kec. Wangon. Riwayat Pendidikan saya SDN 1 Karangtengah, SMPN 1 Ajibarang, dan sekarang saya bersekolah di SMKN 2 Purwokerto. Hoby saya Touring, Editing Video, dll.


 IG : putra_eka46
Sekian udahan dulu yee.☺️☺️☺️☺️☺️
Wassalamualaikum Wr. Wb.

Our Blog

55 Cups
Average weekly coffee drank
9000 Lines
Average weekly lines of code
400 Customers
Average yearly happy clients

Our Team

Tim Malkovic
CEO
David Bell
Creative Designer
Eve Stinger
Sales Manager
Will Peters
Developer

Contact

Talk to us

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores iusto fugit esse soluta quae debitis quibusdam harum voluptatem, maxime, aliquam sequi. Tempora ipsum magni unde velit corporis fuga, necessitatibus blanditiis.

Address:

9983 City name, Street name, 232 Apartment C

Work Time:

Monday - Friday from 9am to 5pm

Phone:

595 12 34 567

Wavy Tail
WELCOME EVERYONE