HTML

Cara Membuat Website, Cara Bikin Situs, Membuat website sederhana, Langkah membuat website.

1. Yang di butuhkan untuk membuat website. Domain – Domain adalah nama situs Anda, atau alamat situs. misalnya http://www.semuabisnis.com , atau http://www.terserahgwdong.com Domain bisa di dapat atau di beli dengan cara di daftarkan di jasa register domain, biaya nya juga termasuk murah, rata-rata sekitar 100 ribu untuk 1 domain selama 1 tahun. Hosting. – Hosting adalah tempat Anda menyimpan file-file atau data mengenai website Anda. misalnya Jika anda ingin siapapun yang mengakses domain atau situs anda maka pengunjung tersebut akan melihat photo anda di halaman situs tersebut, maka anda tinggal letakkan photo anda di hosting tersebut. Bingung ? penjelasannya singkatnya begini, kita anggap saja domain itu adalah sebuah alamat toko. dan kemudian hosting tersebut adalah gudang, atau tempat Anda memajang barang-barang dagangan anda di toko tersebut. Apa harus keluar uang untuk membuat situs ? Tidak, jika anda pengguna email yahoo ada layanan situs gratis dari yahoo.com yakni http://www.geocities.com , namun nama domainnya tidak bisa Anda ubah. harus memakai embel-embel geocities.com sebagai penyedia layanan ini. jadi misalnya alamat email yahoo anda adalah ambriserver@yahoo.com maka alamat situs gratis anda di geocities.com adalah http://www.geocities.com/ambriserver kalau mau pakai domain sendiri misalnya http://www.nama-anda.com , atau tanpa embel-embel geocities.com tersebut maka anda harus membeli dan mendaftarkan domain anda. Silahkan anda login ke http://www.geocities.com , jika anda sudah punya email yahoo. anda tidak perlu mendaftar lagi di geocities, cukup login dengan memakai email yahoo dan password email yahoo Anda. Membuat Situs dengan HTML. Oh ya, agar belajarnya lebih enak, saya sarankan anda mempunyai program Microsoft Front page untuk memulai membuat situs Anda, jika tidak punya pakai notepad saja juga bisa. 1. Belajar Bikin Text dan Mengubah Font ( huruf ). Sebelum saya mulai tutorial Cara membuat situs atau website ini, anda harus tahu dulu, bahwa code html itu selalu di mulai dan di tutup dengan Tags. Tags pertama selalu di mulai dengan . kemudian tags di tutup dengan . Contoh, misalnya saya ingin membuat huruf tebal pada kalimat Selamat Datang, kemudian kita harus menggunakan tags sebagai pembuka tags, dan sebagai penutup tags. Maka code html untuk membuat cetak tebal pada huruf selamat datang adalah seperti ini :

Selamat Datang!!! di situs saya. Maka hasil nya nanti nya akan seperti ini : Selamat datang di situs saya. Seperti yang anda lihat, hanya kalimat Selamat Datang saja yang di cetak tebal di karenakan tags di buka dan di tutup pada kalimat tersebut. Pastikan anda selalu menutup tags yang anda buka, karena jika anda lupa bisa-bisa seluruh text di halaman situs Anda nantinya akan tercetak tebal semua. Berikut adalah daftar-daftar Tags yang perlu Anda ketahui : Paragraph baru :

akan membuka Paragraph baru. penutup tags ini adalah

Baris Baru :
akan membuat baris baru untuk halaman situs anda, mirip perintah enter di word. penutup tags ini adalah Cetak tebal : akan membuat huruf di cetak tebal, penutupnya adalah Garis Bawah : huruf atau angka yang berada di antara tags ini akan mempunyai garis bawah. penutup tags nya adalah Garis miring : huruf atau angka yang berada di antara tags ini akan terbentuk miring ( garis miring ) .penutup tags nya adalah Posisi di tengah :

huruf atau angka yang berada di antara tags ini akan berada di tengah-tengah halaman, penutup tags nya adalahPosisi di kiri : huruf atau angka yang berada di antara tags ini akan berada di kiri halaman situs, penutup tags nya adalah Posisi di kanan : huruf atau angka yang berada di antara tags ini akan berada di kanan halaman situs. Penutup tags nya adalah Ubah warna : huruf atau angka yang berada di antara tags ini akan berwarna merah. Penutup tags nya adalah Mengubah bentuk huruf : huruf atau angka yang berada di antara tags ini menggunakan Bentuk Arial, Penutup tags nya adalah Mengubah ukuran text : Penutup tags nya adalah Text berjalan :huruf atau angka yang berada di antara tags ini akan bergerak dari kiri ke kanan di layar, Penutup tags nya adalah catatan: tags marquee hanya berjalan jika halaman situs yang menggunakan tags ini di lihat dengan menggunakan internet explorer. 2. Structure dasar dari halaman HTML. Ini adalah contoh dari halaman HTML. —————————————————————————————————————————————————-Huruf                                           atau angka yang berada di tags ini, akan menjadi judul situs Anda

Halo ini adalah halaman situs pertama saya. Jika Anda butuh bantuan membuat situs, silahkan klikKirim email ke saya, maka hasilnya adalah : Kirim email ke saya Bersambung…. ( capek ngetiknya )..Cara Membuat Tabel dengan Kode HTML


Contoh tabel dengan HTML 2 kolom 2 baris

Nama Umur
Paijo 99tahun


kode dasarnya:

<table><tbody>

<tr><td>Nama</td> <td>Umur</td></tr>
<tr><td>Paijo</td> <td>99tahun</td></tr>

</tbody></table>

Keterangan:

  • kode <table><tbody>……</tbody></table> adalah kode awal
  • kode <tr> . . . </tr> adalah kode tabel untuk membuat kolom atas/bawah
  • kode <td> . . . </td> untuk membuat baris kanan/kiri
  • urutan kodenya harus tepat, <tr> dulu baru <td>
  • Nah, jika akan mengantur jumlah kolom atau baris, ya tinggal diperbayak saja kode <tr> . . . </tr> dan <td> . . . </td> nya

Contoh 5 baris, 5 kolom

Nama Umur Kelamin Hobby Cita2
Nazaruddin 17th waria makan duit koruptor
blablabla
blablabla
blablabla


kodenya:

<table>
<tr><td>Nama</td> <td>Umur</td> <td>Kelamin</td> <td>Hobby</td> <td>Cita2</td></tr>
<tr><td>Nazaruddin</td> <td>17th</td> <td>waria</td> <td>makan duit</td> <td>   koruptor</td></tr>
<tr><td>blablabla</td> <td>-</td> <td>-</td> <td>-</td> <td>-</td></tr>
<tr><td>blablabla</td> <td>-</td> <td>-</td> <td>-</td> <td>-</td></tr>
<tr><td>blablabla</td> <td>-</td> <td>-</td> <td>-</td> <td>-</td></tr>
</table>

    Cara Membuat Teks Berjalan dengan Menggunakan Script HTML Marquee

Apa itu marquee ?
Marquee adalah script HTML yang digunakan untuk membuat teks berjalan. Fitur ini terkadang muncul di beberapa blog atau website untuk menarik perhatian pengunjung terhadap sesuatu yang ditawarkan oleh pemilik blog atau website.

Bagaimana cara membuat teks berjalan dengan menggunakan script HTML Marquee ? Tentu saja anda harus menuliskan tag-tag HTML yand disisipkan dimana anda ingin menampilkan teks berjalan itu.

Berikut adalah jenis-jenis script HTML Marquee dan tag-tag HTML yang harus digunakan untuk menampilkannya.

  • Marquee 1.0, merupakan marquee standar agar teks yang ditampilkan berjalan dari kanan ke kiri. Script-nya di bawah ini !
<marquee>Teks Anda</marquee>
  • Marquee 1.0.1, merupakan pengembangan dari Marquee 1.0, jika anda arahkan mouse pada teks berjalan maka teks berhenti. Script-nya di bawah ini !
<marquee onmouseover="this.stop()" onmouseout="this.start()"> Teks Anda</marquee>
  • Marquee 1.0.2, teks berjalan dari kiri ke kanan. Script-nya di bawah ini !
<marquee direction="right">teks yang anda tampilkan</marquee>
  • Marquee 2.0, Marquee ini kerjaannya bolak-balik dari ruang kotak yang kasat mata. Script-nya di bawah ini !
<marquee behavior="alternate">Teks Anda</marquee>
  • Marquee 2.0.1, pengembangan dari Marquee sebelumnya dengan pancingan scrollammount dia menjadi sangat agresif. Script-nya di bawah ini !
<marquee behavior="alternate" scrollammount="18"> Teks Anda</marquee>
  • Marquee 2.0.2, masih pengembangan dari Marquee 2.0 dengan sentuhan on-mouse-over stop dan on-mouse-out start, seperti Marquee 1.0.1. Jika anda arahkan mouse pada teks maka dia akan berhenti.
<marquee behavior="alternate" onmouseover="this.stop()"  onmouseout="this.start()">Teks Anda</marquee>
  • Marquee 3.0, adalah marquee climbing, sehingga kita lihat arah teksnya pun ke atas. Jika anda memiliki teks yang banyak, maka Marquee ini merupakan pilihan yang tepat.
<marquee direction="up">Teks Anda</marquee>
  • Marquee 3.0.1, pengembangan dari marquee sebelumnya yang tidak mempunyai batas ruang. Marquee ini kita batasi ruang kasatnya sehingga memiliki height 100 saja. Demikian dengan kemampuan scrollammount-nya kita perlambat. Dan kita kasih on mouse stop/start juga. Script-nya di bawah ini !
<marquee direction="up" onmouseover="this.stop()" width="100%" scrollammount="2" onmouseout="this.start()" height="100"> Teks Anda</marquee>
  • Marquee 3.0.2, masih pengembangan dari marquee sebelumnya, hanya saja teks berada di tengah ruang kasat. Script-nya di bawah ini !
<marquee direction="up" width="100%" scrollammount="2" height="100" align="center">Teks Anda</marquee>
  • Marquee 3.0.3, pengembangan juga dengan arah berlawanan dari marquee sebelumnya, marquee ini senang sekali berjalan menurun. Sehingga teks yang dihasilkan berjalan dari atas ke bawah. Kemampuan scrollammount-nya tidak bisa kita batasi sehingga terlihat agresif dengan ruang kasat yang kecil. Silakan anda perlambat sendiri. Script-nya di bawah ini !

<marquee direction=”down” width=”100%” height=”100″>Teks Anda</marquee>
———SELAMAT MENCOBA———–

2 comments on “HTML

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s