Tutorial membuat HTML

tutorial membuat HTM

Belajar Html Modul Dasar Cara Membuat Kode Html

Belajar HTML . Pengetahuan HTML sebernarnya tidak hanya diperlukan kalau kita ingin terjun di dunia bisnis online. Untuk memperindah tampilan blog, sedikit banyak akan menuntut kemampuan kita dalam mengedit kode – kode HTML. Walaupun kita menggunakan blog engine seperti WordPress yang mempunyai plugin – plugin yang lengkap, namun sering ditemui kita harus mengedit sidebar atau bagian lainnya, menempatkan kode HTML, mengedit kode warna HTML, menempatkan tabel dan banyak kasus lainnya yang mengharuskan kita menguasai dasar – dasar kode atau script HTML.

Untuk belajar HTML anda tidak perlu membeli modul khusus cara membuat kode HTML, juga tidak perlu berguru pada penyedia jasa SEO atau jasa SEO terbaik sekalipun. Dengan membaca artikel berikut ini saja anda sudah bisa belajar HTML sesuai keperluan anda untuk mengedit website anda. Pengertian HTML secara awam seperti saya adalah serangkaian kode – kode bahasa pemrograman yang digunakan untuk membangun website yang akan membentuk halaman – halaman situs setelah dionlinekan ke internet.

Untuk mempermudah pengertian anda dalam belajar HTML, di sini juga akan saya berikan contoh penerapan kode atau script HTML sehingga anda dapat mengikutinya dengan praktek pula. Bagi anda yang masih pemula, langsung saja kita lihat pembahasan kode HTML berikut ini :

Struktur kode HTML yang harus selalu ada di setiap halaman situs adalah:

html

head

title tulis Judul Anda di Sini title

meta name (description) content (tulis deskripsi/penjelasan singkat situs anda di sini)

meta name (keyword) content (tulis kata kunci halaman anda di sini)

head

body

Di sini adalah konten / isi halaman anda

body

html

Latihan 1. Belajar membuat halaman sederhana dengan kode HTML

Sebagai bahan untuk belajar HTML, sekarang buka program Notepad anda. Caranya klik start  pilih program, cari program Notepad, jika sudah anda buka kemudian tuliskan kode – kode HTML di bawah ini :

html

head

title Modul Belajar HTML title

meta name (description) content Modul belajar HTML untuk pemula

meta name (keyword) content modul html,belajar html

head

body

Modul HTML ini berisi latihan – latihan sederhana untuk beljar membuat sebuah halaman website agar dapat online di internet. Bagi anda yang masih pemula sebaiknya mengikutinya dengan memparaktekkan secara langsung agar lebih mudah dalam memahami setiap variasi kode – kode HTML.

body

html

Setelah selesai menuliskan kode – kode HTML di atas kemudian anda simpan. Caranya  klik, file, kemudian pilih, save as, tentukan lokasi penyimpanan, misalnya pada folder latihan di my document, pada file name tulis nama file misalnya latihan1.html pada save as type isikan  all file kemudian klik save.

Untuk mengetahui hasilnya pada browser, caranya sebagai berikut :

Cari file latihan1.html yang anda simpan pada folder latihan di my document , setelah ketemu kemudian klik kanan, pilih open with lalu pilih browsernya misalnya internet explorer maka hasilnya akan tampak seperti gambar di bawah ini :

DENGAN LANGKAH – LANGKAH SEPERTI DI ATAS COBA ANDA PRAKTEKKAN LATIHAN – LATIHAN SELANJUTNYA

Latihan 2. Belajar membuat link atau tautan dengan kode HTML :

misalnya : kata yang terlihat dalam link ( ancor text ) adalah cara membuat website

sedangkan alamat/URL dari halaman yang dituju tersebut adalah http://edyutomo.com/internet-dan-komputer/cara-membuat-website

maka kode HTML nya adalah :

http://edyutomo.com/internet-dan-komputer/cara-membuat-website cara membuat website

hasilnya adalah cara membuat website

Latihan 3. Belajar kode warna HTML untuk mengedit warna teks :

font color red kata yang diedit font, ini akan mengubah warna teks menjadi merah.

Lihat contoh berikut ini :

Font color red Modul HTML font ini berisi latihan – la