Posts

Showing posts with the label HTML

Belajar Dasar Kamus HTML Lengkap

Image
Belajar Dasar HTML Belajar Dasar Kamus HTML Lengkap - Belajar Dasar Kamus HTML Lengkap disini. Sebelum kita belajar pemrograman alangkah lebih baik mempelajari dasar-dasar HTML terlebih dahulu. HTML ( Hypertext Markup Language ) adalah salah satu bahasa dasar yang digunakan untuk membangun sebuah halaman web yang akan kita gunakan dalam pemrograman. Sebelum mengenal dasar-dasar pemrograman kita harus mengenal fungsi dan kegunaan tags dalam HTML untuk mempermudah dalam dunia pemrograman ke tahap lebih lanjut. Untuk itu alangkah lebih baiknya sobat mengenal berbagai jenis tags di dalam HTML  Buat anda yang masih belajar dasar, alangkah lebih baik kalau memahami jenis tag pada html terlebih dahulu. disini saya sudah merangkum beberapa daftar kode kamus HTML pada tabel yang ada dibawah. Berikut ini daftar Belajar Dasar Kamus HTML Lengkap dengan tag beserta dengan keterangannya.   No Tag Keterangan 1. <!-- ... --> Digunakan untuk memberi se...

Belajar HTML Karakter dan Simbol Lengkap

Image
Belajar HTML Karakter dan Simbol Lengkap - Biasanya, kita menggunakan Karakter atau Simbol Khusus untuk beberapa keperluan seperti membuat tanda khusus pada simbol matematika, sebagai penanda atau pun untuk keperluan lainnya didalam dokumen HTML.    Beberapa Karakter HTML dapat berupa Nama Entitas dan dapat juga berupa Nomor Entitas. Untuk Simbol biasanya kita menggunakannya pada rumus Matematika, atau pun pada perhitungan operasi lainnya.  Baca juga :  Pengenalan Dasar HTML dan Contohnya HTML Karakter dan Simbol Berikut ini daftar tabel untuk memulai Belajar HTML Karakter dan Simbol :   1. Non Breaking Space   Biasanya HTML tidak akan mengizinkan lebih dari satu spasi dan ruang baris kosong. Sehingga, walaupun sebanyak apapun kita menekan spasi itu tidak akan berpengaruh. Oleh karena itu, kita dapat menggunakan kode untuk membuat beberapa ruang kosong atau spasi yang panjang.    2. Nama Entitas Karakter   Nama Entitas berarti memb...

Program Aplikasi Data Karyawan Berbasis Web

Image
Program Aplikasi Data Karyawan Berbasis Web - Program Aplikasi Data Karyawan Berbasis Web ini dirancang menggunakan bahasa pemrograman JavaScript, PHP, HTML, CSS dan menggunakan database MySQL.    Program aplikasi data karyawan ini merupakan aplikasi client server berbasis web yang diimplementasikan pada sebuah jaringan komputer client server dengan server localhost yang menggunakan XAMPP sebagai database. Tetapi bisa juga installasi online dari internet menggunakan web hosting.  Adapun hasil dari pengujian yang dilakukan pada Program Aplikasi Data Karyawan Berbasis Web adalah  sebagai berikut :  1. Tampilan Halaman Home Tampilan Halaman Home merupakan homepage (halaman utama) yang menampilkan serta mengakses halaman utama pada situs web. Pada halaman home menampilkan topik fitur yang merupakan tentang bagian dalam fitur dengan mencakup pembahasan tertentu tentang aplikasi tersebut.   2. Tampilan Tabel Data Karyawan Tampilan Halaman Data Karyawan...

Cara Merubah Warna Teks dan Jenis Font di HTML

Image
Cara Merubah Warna Teks dan Jenis Font di HTML - Memilih warna teks dan jenis font yang diterapkan pada dokumen HTML yang kita buat merupakan salah satu hal penting yang harus diperhatikan. Dimana font adalah jenis huruf yang digunakan dalam suatu dokumen. Ada beberapa hal yang harus kita perhatikan seperti apakah jenis font yang diterapkan sudah sesuai dengan desain website, apakah jenis font yang diterapkan memudahkan pengunjung untuk membaca konten di website, apakah jenis font sesuai tema atau topik website atau isinya dan apakah warna teks yang diterapkan sudah sesuai dengan background dan tidak menyulitkan pengunjung untuk membaca teks dan lain sebagainya.   Baca juga : Program Pencarian Data dengan PHP7 dan MySQLi HTML sendiri sudah menyediakan berbagai elemen yang bersifat spesifik dalam mengatur penerapan font dengan warna pada dokumen HTML. Ada banyak sekali jenis font yang bisa kita gunakan, namun kita juga harus ingat bahwa font yang akan ditampilkan pada web browser...

Cara Membuat Widget Tampilan Media Sosial di Blog

Image
Cara Membuat Widget Tampilan Media Sosial di Blog - Widget tautan media sosial yang diposting di blog mencakup " attract new readers and engage with regulars " yang berarti menarik minat baru dan terlibat dengan pelanggan tetap yang menarik minat dan terlibat dengan pelanggan tetap.   Orang yang mengajukan persetujuan Adsense harus memiliki kehadiran sosial situs web. Buatlah setidaknya akun Facebook dan Twitter untuk halaman web Anda dan tautkan dengan akun media sosial beranda situs web Anda. Jadi, katakanlah pemberi persetujuan ingin memeriksa apa yang telah Anda lakukan terbaik untuk visi masa depan, lalu dia mengetahui keberadaan media sosial Anda sehingga Anda memiliki keunggulan ekstra. Menyinkronkan akun media sosial Anda akan memberi sinyal bahwa Anda memiliki rencana pemasaran media sosial sehingga selalu memungkinkan untuk menempatkan Iklan di situs web semacam itu.   Cara Membuat Widget Tampilan Media Sosial   Media sosial merupakan salah satu pilar SEO blog....

Cara membuat kalkulator dengan HTML, CSS, JavaScript di Notepad

Image
Cara membuat kalkulator dengan HTML, CSS, JavaScript di Notepad - Mendesain menggunakan HTML dan CSS memang menyenangkan bagi orang-orang yang menyukai pemrograman berbasis web. Setiap saat selalu ada hal baru yang bisa kita pelajari dari bahasa pemrograman seperti HTML, CSS dan JavaScript.   Padahal sekarang sudah banyak yang memudahkan orang untuk mendesain web hanya dengan framework seperti Bootstrap, Code Igniter, Laravel dan masih banyak lagi. Setidaknya jika kita mempelajari dasar-dasar html dan css tanpa framework, kita tahu bagaimana alur kerja masing-masing kodenya.   Sebagai referensi tambahan dalam belajar pemrograman, berikut adalah tutorial membuat aplikasi kalkulator dengan menggunakan html, css dan javascript. Aplikasi ini sangat cocok untuk anda yang baru belajar html dan css. Dengan membuat aplikasi ini kita akan mempelajari beberapa fungsi sederhana dalam koneksi javascript dan html dengan css.   Selain itu, program kalkulator juga dapat dibuat dengan m...

Cara Membuat Slideshow Otomatis dengan HTML dan CSS

Image
Cara Membuat Slideshow Otomatis dengan HTML dan CSS  Dengan tampilan Penggeser Gambar Otomatis hanya menggunakan HTML dan CSS. Slideshow adalah tampilan gambar yang disajikan secara bergantian dengan interval waktu tertentu yang telah disesuaikan. Pada artikel ini, Anda akan belajar cara membuat slider image dengan html dan css. Dimana Anda akan melihat gambar berganti otomatis di html. Saat ini untuk membuat slider gambar seperti slideshow otomatis Anda dapat menggunakan berbagai pilihan library untuk digunakan dalam melakukan perubahan tampilan gambar secara otomatis. Pilihan library yang digunakan antara lain menggunakan s3slider, coinslider, wowslide, flexslider dan sebagainya. Pertama kita mendesain halaman web dan kemudian kita membuat kotak di sana. Kotak ini adalah struktur kode untuk penggeser gambar otomatis yang telah ditambahkan dengan berbagai gambar yang diperlukan. Di sini kita akan menggunakan border of 10px yang semakin meningkatkan keindahannya. Gambar yang diguna...

Aplikasi Chatting Menggunakan Websocket Pusher

Image
Aplikasi Chatting Menggunakan Websocket Pusher - Aplikasi Chatting adalah suatu teknologi jaringan yang mengijinkan penggunanya mengirimkan pesan secara realtime ke pengguna lain yang tersambung dalam sebuah jaringan LAN atau Local Area Network ataupun internet.  Memasuki era teknologi saat ini, kebutuhan akan fasilitas penyebaran media informasi yang cepat dan mudah semakin meningkat terutama pada aplikasi Android. Seiring dengan berkembangnya teknologi, bentuk dan media untuk berkomunikasi juga mengalami perubahan.    Bentuk komunikasi dimulai dengan komunikasi bertatap muka dan melalui surat. Salah satu fasilitas media komunikasi sekaligus tempat bertukarnya informasi yang paling populer dan paling banyak digunakan masyarakat adalah chat .  Ada banyak protocol yang digunakan dalam membangun aplikasi chatting seperti IRC, MTProto, YMSG dan yang terbaru websocket . Websocket merupakan teknologi terbaru yang ada pada HTML5 untuk mendukung koneksi dua arah anta...

Cara menggabungkan html dan css menjadi satu file

Image
Cara menggabungkan html dan css menjadi satu file - Tutorial ini merupakan tutorial html yang bisa dikatakan salah satu tutorial html yang penting. karena jika kita tidak tahu bagaimana menghubungkan html dan css maka kita tidak akan tahu bagaimana mendesain halaman website yang kita buat seperti file html yang tidak ditautkan ke css dan tidak berfungsi sama sekali. Selain html php juga sama, php yang akan kita gunakan dalam membuat website juga membutuhkan kode css yang bisa terhubung. Setelah anda selesai mempelajari tutorial html ini, saya merekomendasikan untuk belajar Pengenalan Dasar CSS dan Contohnya dan setelah itu bisa memulai membuat Program Pencarian Data dengan PHP7 dan MySQLi .   Cara menggabungkan html dan css menjadi satu file   Untuk Cara menggabungkan html dan css menjadi satu file dapat dilakukan dengan 3 cara yaitu inline style, embedded style, link style. nah, agar lebih jelasnya mari kita lihat contoh di bawah ini.  1. inline style inline style ad...