Belajar HTML Dasar Pemula Menggunakan Notepad

Selamat malam pembaca setia, setelah 5 hari menyiapkan mental untuk membuat label baru di website saya, akhirnya dengan niat dan tekad yang kuat saya putuskan bahwa malam ini adalah malam yang tepat untuk membuat label baru tersebut yang berjudul Belajar HTML Dasar. karena ini urusan nya dengan menyebarkan ilmu jadi saya tidak ingin kalau sampai saya memberikan ilmu yang salah ,saya akan jabarkan pelajaran HTML ini secara jelas dan perlahan dari mulai pengertian , head , body dan title supaya mudah dipahami bagi pemula.

Belajar HTML Dasar Pemula Menggunakan Notepad pengertian keuntungan dan tutorial lengkap structure code dari head title body website dinamis statis

banyak sekali keuntungan yang kalian dapatkan apabila mahir dalam bidang web design

Bagi seorang blogger dengan paham HTML dan CSS kalian bisa membuat template sendiri yang lebih indah,seperti template karya saya ini murni menggunakan HTML5 dan CSS3 dan notepad.

Nah lalu apa hubungannya dengan pekerjaan ?

ingat postingan saya mengenai Motivasi Kakek berapi : Menambah Skill , Meningkatkan Kualitas Diri dan Stay UpToDate

Jika kalian setiap melamar pekerjaan selalu ditolak,setiap interview selalu gagal, mungkin saja banyak orang diluaran sana yang memiliki kualitas diri yang lebih baik dari pada kalian,ingat hidup adalah persaingan, maka solusinya ialah dengan mengembangkan ataupun menambah skill kalian.siapa tahu semenjak kalian membaca postingan belajar HTML ini kalian menjadi suka dan mendalami seputar ilmu web dengan belajar kursus programing ataupun lainnya.
 Jangan salah sekarang jaman booming boomingnya internet. banyak perusahaan perusahaan dan para kickstarter baru yang membutuhkan jasa pebuatan website dengan bayaran tinggi apabila kalian hendak membuat usaha sendiri, atau para perusahaan besar yang rela memberikan bayaran tinggi untuk merekrut seorang Web Designer apabila kalian hendak menjadi seorang karyawan disebuah perusahaan.

Baik kita kembali ke topik,sebelum memulai tutorial membuat HTML kalian dengan notepad mari kita pahami dulu pengertian HTML itu sendiri

Pengertian HTML
HTML adalah singkatan dari HyperText Markup Language , berbeda dengan Programming Language (bahasa pemograman) yang menggunakan Script untuk menjalankan fungsi,Markup Language menggunakan Tag untuk mengidentifikasi Content, jadi HTML bukanlah bahasa pemograman.

Memahami kode HTML merupakan kemampuan dasar yang wajib dimiliki bagi setiap Web Profesional.karena HTML mudah dipelajari maka HTML menjadi bahasa pertama yang harus dipelajari bagi pemula sebelum mampu membuat sebuah website yang komplex.

Belajar HTML Dengan Notepad

Belajar HTML Dasar Pemula Menggunakan Notepad pengertian keuntungan dan tutorial lengkap structure code dari head title body website dinamis statis

Mari kita mulai tutorialnya, sekarang kalian buat sebuah file di explorer - Klik Kanan - New - Text Document - lalu kalian rename dari ' New Text Document.txt ' menjadi ' Mywebsite.html '

jika ' .txt ' nya tidak muncul sehingga kalian tidak bisa merubahnya menjadi ' .html ' kalian setting saja explorernya seperti gambar dibawah

Belajar HTML Dasar Pemula Menggunakan Notepad pengertian keuntungan dan tutorial lengkap structure code dari head title body website dinamis statis

kalian klik Alt (windows 7) - 1.View - 2.Option - 3.klik tab view - lalu pastikan ' hide extension for known file type ' Jangan di checklist.

Setelah semuanya Ok,kalian bisa klik dua kali untuk membuka file website kalian di mozila.dan kalian bisa lihat bahwa isi website kalian masih kosong blank putih belum ada apapun.

Belajar HTML Dasar Pemula Menggunakan Notepad pengertian keuntungan dan tutorial lengkap structure code dari head title body website dinamis statis

untuk mengedit isi kontennya kalian bisa Klik kanan - Edit with Notepad++ , untuk mengedit isi website nya tetapi sebelum itu silahkan kalian cari sendiri dulu aplikasi notepad++ nya di google. aplikasi Notepad++ adalah aplikasi yang paling banyak digunakan oleh para web Profesional.

Mengisi Website Kalian Dengan Structure Code HTML Dasar
sekarang kita masuk kepelajaran coding tag nya, untuk coding HTML sendiri sangat mudah saya akan jabarkan secara nomer per nomer jadi silahkan disimak

1. Tag <html>
<html>
.........
</html>

tag <html> merupakan tag utama yang harus ada disebuah halaman HTML, tag ini akan 'membungkus' semua anak tag didalamnya.

*Ingat : lihat contoh diatas hampir semua tag coding HTML memiliki tag pembuka dan tag penutup,di ibaratkan seperti roti sandwich. maka semua konten yang akan di eksekusi harus berada di dalamnya

2. Tag <head>
<html>
      <head>
      .........
      </head>
</html>

Tag <head> merupakan salah satu anak dari tag html,tag head bertanggung jawab untuk mengeksekusi semua non-visual element, seperti title,meta keyword,description,style,javascript intinya semua yang berhubungan dengan system si halaman itu sendiri(bukan tampilannya), harus disimpan di antara kode tag <head> pembuka dan tag </head> penutup

3. Tag <Body>
<html>
     <head>
     ................
     </head>

     <body>
     .................
     </body>
</html>

Tag <body> merupakan salah satu anak dari tag html bersama dengan saudaranya head, tag body bertanggung jawab untuk mengeksekusi semua visual element yang akan tampil dilayar end-user , seperti text,paragraph,gambar,video dll.

Membuat Website Pertama Kalian
kalian sudah mengetahui tag tag dasar HTML sekarang saatnya di implementasikan di mywebsite.html yang telah kalian buat tadi. lalu edit menggunakan notepad++ masukan code berikut
<html>
     <head>
        <title>Ini Website Saya</title>
     </head>

     <body>
     Hello World - ini website saya
     </body>
</html>

*note : tag <title> merupakan anak dari tag head,bertanggung jawab untuk memberikan judul sebuah halaman secara system(bisa kalian lihat dari lingkaran gambar dibawah)

Belajar HTML Dasar Pemula Menggunakan Notepad pengertian keuntungan dan tutorial lengkap structure code dari head title body website dinamis statis

Selamat kalian telah berhasil membuat website pertama kalian menggunakan notepad murni HTML, dipelajaran yang pertama ini kalian sudah memahami tag html , body , head , dan title.
dilain waktu kita akan membahas tag tag lainnya yang lebih unik.terus kunjungi website saya

bagi yang masih bingung mengenai perbedaan antara website dinamis dan website statis silahkan baca artikel dibawah ini

Apa Itu Website : pengertian website Dinamis Dan Website statis



tunggu postingan lanjutannya Wasalam


Related Posts :





Buka Komentar

Subscribe to: Posts
Sitemap : Daftar Isi