Tutorial ini di tujukan untuk anda yang ingin belajar HTML untuk membuat website dari dasar yang paling dasar. Jika anda tidak paham anda bisa tulis di kolom komentar, jika saya punya waktu akan saya balas jika tidak saya balas berarti saya sedang mager atau sibuk. Ok, silahkan di baca dari awal penjelasannya.
Untuk anda yang beranggapan membuat website itu sulit, silahkan pergi ke dukun dahulu untuk di rukiah. Saya berharap setelah anda membaca ini anda akan merubah pandangan anda terhadap membuat website yang sulit menjadi easy dan super easy.
Jika anda tidak tahu bagaimana cara membuat website, maka sebaiknya pelajari dahulu HTML. Ya, ini saya akan menjelaskan HTML karena ini adalah langkah awal untuk membuat sebuah website. Ibarat rumah HTML itu pondasinya untuk membangun website.
Jika anda sudah mahir dalam HTML saya pastikan anda dapat membangun website hanya dalam waktu kurang dari satu jam. Saya sendiri saja bisa membuat website dengan domain dot com hanya dalam waktu kurang dari 10 menit.
Bagaimana caranya membangun website kurang dari 10 menit? Itu rahasia saya sendiri, anda tidak perlu tahu, yang perlu anda tahu bagaimana HTML bekerja dan bagaimana membangun website menggunakan HTML ini.
Untuk aplikasi yang di gunakan tidak perlu yang berbayar atau harus download bergiga giga dan tidak perlu berbayar. Karena, kita sudah di sediakan di dalam komputer atau laptop kita software gratis untuk membuat website. Enaknya belajar HTML anda tidak perlu menggunkan logika seperti bahasa pemrograman lain yang menggunakan logika super.
Untuk langkah-langkah tutorial ini akan saya buat semudah mungkin, karena saya tahu anda tidak suka yang rumit-rumit. Dan semoga anda dapat memahaminya dengan baik.
Berikut Langkah-Langkah Belajar HTML
1. Persiapan
Untuk langkah ini yang paling penting dan paling penting siapkan AIR PUTIH dingin karena anda akan haus ketika melihat HTML ini. Percaya sama saya.
Oke, apa saja yang anda butuhkan untuk memulai belajar HTML?
Pertama anda harus mempunyai browser, anda bisa menggunakan Firefox, Google Chrome, dan lain-lain. Yang penting browser ya, bukan brosur, ingat browser.
Kedua kita memerlukan Text Editor, untuk yang kedua ini anda tidak usah bingung apa itu text editr, tidak usah panik karena kita cuma membutuhkan NOTEPAD yang ada di windows. Nah, sekarang anda sudah tahukan kegunaan dari si notepad ini yang tidak pernah anda pake di windows anda. Anda juga bisa menggunaka Text Editor seperti Notepad++, Sublime, VSCode, dan lain-lain.
Untuk sistem operasi selain Windows, anda bisa mencari sendiri karena saya penggunana windows, Whatever lah yang penting ada browser dan text editor dah itu aja.
Jadi anda hanya perlu Browser dan Text Editor saja untuk mempelajari HTML, dan juga Air Putih dingin.
2. Apa Itu HTML??
HTML adalah bahasa pertama yang harus dipelajari bila kamu ingin menjadi
seorang Web Developer, karena HTML merupakan bahan dasar untuk membuat web.
HTML atau Hyper Text Markup Language merupakan sebuah bahasa markah untuk membuat halaman web. Padanan HTML dalam bahasa indonesia adalah Bahasa Markah Hiper Teks (BMHT).
Browser akan menampilkan code HTML dengan tampilan seperti yang Anda baca saat ini, untuk melihat code HTML silakan klik kanan kemudian pilih View page source (ctrl+u).
Nah, tutorial yang saya buat ini tujuannya adalah membuat struktur HTML yang sama sepeti yang di tampilkan di page source tersebut. Oke, sampai sini paham ya. Kalau tidak paham, mati aja lu.
3. Element, Tag, dan Attribut
Element pada HTML membentuk sebuah struktur dan memberitahu browser untuk halaman website yang akan ditampilkan. Biasanya untuk element terdiri dari tag pembuka, konten, dan tag penutup.
Oke, Tag itu kira kira seperti itu dengan format yang sama diawali dengan tanda < dan ditutup dengan >.
Nah, Jika dibedakan, untuk tag terdapat dua jenis, yaitu tag pembuka <html> dan tag penutup </html>. Dua jenis tag ini hanya dibedakan dengan tanda garis miring.
Setelah Anda memahami element dan tag, Anda perlu memahami apa itu attribute. Seperti diketahui jika sebuah element berupa sturktur pada HTML yang berfungsi untuk memberitahu browser mengenai apa yang akan ditampilkan.
Aturan penulisan sebuah attribute:
- Nama attribute diikuti oleh tanda sama dengan.
- Nilai attribut diapit oleh dua tanda petik pembuka dan penutup.
- Jika lebih dari satu attribut, diberi jarak dengan spasi.
4. Struktur HTML
Setelah Anda memehami elemet HTML, selanjutnya adalah menggabungkannya menjadi satu di dalam dokumen HTML.
Coba perhatikan code berikut ini:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Halaman pertamaku</title>
</head>
<body>
<p>Ini adalah halaman pertamaku</p>
</body>
</html>
Penjelasan:
- <!DOCTYPE html> – Merupakan deklarasi dari type dokumen.
- <html></html> – Dikenal dengan element utama karena semua element berada di dalamnya.
- <head></head> – Element ini berfungsi untuk memasukkan konten yang tidak ingin ditampilkan. Konten tersebut dapat berupa keyword, deskripsi, CSS, dll.
- <meta charset=”utf-8″> – Berfungsi untuk memberitahu browser mengenai pengkodean karakter yang sesuai dengan ketentuan UTF-8, mengenai UTF-8 silakan baca artikel berikut.
- <title></title> – Merupakan judul dari halaman website yang muncul pada bagian tab browser.
- <body></body> – Berisi konten yang ditampilkan pada browser ketika pengunjung mengakes halaman tersebut, contohnya seperti artikel yang sedang Anda baca saat ini.
5. Membuat Website Pertama Anda
Nah, ini bagian yang mungkin ada tunggu tunggu, dari tadi cuma liat tulisan doang pedes mataku njir.
Pada bagian ini saya akan memberi suatu rahasia, bagaimana membuat website hanya dalam waktu kurang 10 menit.
Pertama anda harus mempunyai email.
Kedua daftar wordpress.
Ketiga ikuti langkah langkahnya.
Dan selesai anda sudah mempunyai website.
Gampang kan, easy super easy tidak perlu notepad atau text editor lain. Oke, lanjut ke tutorialnya.
Text editor yang saya sarankan adalah Notepad++, karena Anda akan lebih mudah dalam membaca code, silakan download melalui tautan ini, kemudian lakukan instalasi.
Setelah Anda selesai melakukan instalasi Notepad++, silakan ikuti langkah di bawah ini:
1. Buka Notepad++, kemudian buat halaman baru.
2. Copy code di atas ke dalam halaman baru.
3. Kemudian simpan dengan Save as type pilih html.
Untuk melihat hasilnya, silakan buka file index.html yang telah Anda buat melalui browser. Berikut adalah tampilannya:
Oke, seperti itu aja dulu, capek gua, beneran capek. Besok di lanjutin part dua nya kalau ada mod nulis lagi tapi.
Anda juga dapat melihat video demo belajar HTML hanya 12 menit
Kunjungi terus AdiShare.com untuk
artikel menarik lainya. Tunggu juga tutorial pemrograman lainnya. Like
Comment and Share nya dapat membantu penulis untuk lebih bersemangat
lagi dalam mengembakan Blog ini, Sekian dan Terima Kasih
Kata Kunci :
Tutorial belajar HTML untuk pemula dengan cepat, Download Source Code Tutorial belajar HTML untuk pemula dengan cepat, tutorial web
programming, Cara mudah belajar HTML untuk pemula dengan cepat, cara cepat membuat website hanya dalam 12 menit.
Belum ada komentar untuk "Belajar HTML Untuk Pemula Hanya 12 Menit"
Post a Comment