HTML Bagian-1 (Intro)

HTML merupakan singkatan dari Hyper Text Mark Up Language, Bahasa HTML adalah bahasa yang sederhana dan hanya memiliki sedikit kesulitan. Bahasa yang merupakan dasar dari framework Internet ini ditemukan oleh Tim Berners-Lee pada tahun 1989. Hampir setiap situs web menggunakan bahasa ini, entah sekedar menampilkan texs, animasi, tampilan grafis ataupun suara. Bahasa HTML sebenarnya berasal dari bahasa lama yang disebut dengan SGML (Standard Generalized Markup Language). beberapa versi telah dikembangkan dan sampai saat ini HTML 5.

Pada pengenalan ini perlu dipahami struktur dasar dari HTML sebagai berikut:

Keterangan:

<!DOCTYPE html> mendefinisikan bahwa ini merupakan HTML5

<html> Perintah dasar pembuka untuk dokumen HTML

<head> bagian yang akan memuat informasi tentang halaman HTML, memasukan perintah external untuk memanipulasi tampilan HTML dan interaksi web dengan pengguna.

<title> judul dari halaman HTML yang tampil di browser web

<body>secara singkat seluruh yang akan ditampilkan pada website

<p> untuk mendefinisikan paragrap

Secara singkat perintah HTML selalu berpasangan seperti <body> dan </body>, namun ada juga yang self enclosed seperti <br/> untuk membuat baris baru.

Membuat Dropdown Menu Vertikal dengan Bootstrap

Sudah lama tidak nulis di blog ini, sedikit berbagi walaupun sekedar dasar dalam penggunaan bootstrap untuk membuat menu dalam bentuk vertikal, seperti biasa perlu menyiapkan core system dari bootstrap atau dapat menggunakan

<link rel=”stylesheet” href=”http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css”>
    https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js
     http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js

Continue reading “Membuat Dropdown Menu Vertikal dengan Bootstrap”

Membuat polling sederhana dengan PHP, HTML dan CSS

Hasil keluyuran di internet, mampir di website master-master PHP akhirnya saya mendapat pencerahan untuk membuat suatu poll sederhana dengan menggunakan PHP, HTML dan CSS. Fungsi dari ketiganya sebagai berikut:

  1. PHP digunakan untuk menyimpan dan menampilkan data di database, maksudnya jumlah orang yang melakukan polling
  2. HMTL sebagai sarana untuk memungut suara atau pendapat
  3. CSS digunakan untuk menampilkan data dalam bentuk grafik sederhana

source codenya silahkan download disini, langkah yang harus dilakukan

  1. Buat database berikut username dan passwordnya (alam4)
  2. Silahkan import database yang sudah ada dalam folder tersebut
  3. Extrak folder tersebut ke root server lokal anda
  4. panggil dari browser dengan url http://localhost/poll

selamat mencoba dan mudah-mudahan bermanfaat

 

 

Membuat link dengan button HTML

Dalam membuat link biasanya kita menggunakan perintah:

<a href=”nama_file”>Tampilkan Data</a> 

pada tulisan sederhana ini membuat link dengan menggunakan tombol button di HTML berdasarkan link di atas, sebagai contoh  misalnya dilinkkan ke file laporanUser.php

 

<input type=”button” value=”Data User” onclick=”window.location = ‘laporanUser.php’;”/>

 

mudah-mudahan bermanfaat.