Cara Mudah Belajar Web - Pengenalan HTML: Langkah Dasar

Cara Mudah Belajar Web - Pengenalan HTML: Langkah Dasar
Pengenalan HTML Langkah Dasar: Halo sobat jika anda ingin membuat sebuah website, tetapi anda tidak tahu bagaimana cara memulainya? tenang saja dalam artikel ini akan dijelaskan tentang dasar html. Pertama kita akan mulai dari awal dengan belajar tentanghypertext markup language, yang lebih dikenal sebagai HTML. Dalam artikel ini kita juga akan belajar secara teori maupun praktek dengan membangun sebuah halaman web sederhana.
Apakah sobat tahu bagian apa yang membuat desain web dan pengembangan web begitu menyenangkan bila dibandingkan dengan pengembangan perangkat lunak lainnya, jawabannya adalah bahwa anda dapat langsung melihat hasil dari usaha anda.Bahkan jika anda belum pernah membuat website sebelumnya, saya pikir Anda akan terkejut dengan betapa mudahnya untuk membuat konten Anda muncul dalam browser.
HTML adalah pembentuk dasar dari hampir setiap website, tidak peduli seberapa besar atau kecil website tersebut.
Jadi, pada saat anda selesai belajar tentang HTML, anda akan siap untuk melanjutkan dengan Teknologi web lain seperti CSS, Java Script dan teman-temannya.


Pengenalan-html-Komponen-utama-pembentuk-website
Komponen Utama Pembentuk Website
Seperti yang akan kita pelajari, tidak ada teknologi atau bahasa yang secara individu memungkinkan penciptaan website modern dan aplikasi web. Sebaliknya, website terdiri dari beberapa teknologi yang memberi kita kebebasan untuk merangkai dan mengkombinasikannya menjadi sesuatu yang baru, seperti kita bermain puzzle.
Setelah artikel ini, pada artikel selanjunya kita akan masuk ke pengenalan HTML yang lebih detail, tapi sebelum itu mari kita membuat halaman web pertama yang sederhana, langkah demi langkah. Untuk membuat website, yang kita butuhkan adalah teks editor dan web browser.

Teks Editor

Mari kita mulai dengan teks editor, Sebuah  Teks editor hanyalah sebuah program yang mampu menciptakan atau memodifikasi file teks biasa, dan setiap komputer sudah dilengkapi dengan teks editor yang tipenya tergantung OS. Jika Anda menggunakan Windows, kita akan mulai dengan menggunakan Notepad. Jika Anda menggunakan Mac, Anda dapat menggunakan TextEdit di folder aplikasi Anda.
Namun, berhati-hatilah, karena aplikasi pengolah kata yang lebih canggih seperti Microsoft Word atau Pages di Mac, seringkali akan memberikan tambahan aturan styling dan metadata yang tersembunyi dari pandangan Anda. Aturan styling yang tidak terlihat ini akan mengganggu pembuatan halaman HTML kita, jadi pastikan bahwa Anda menggunakan editor teks dasar. Seperti yang saya katakan, TextEdit pada Mac atau Notepad pada Windows akan bekerja dengan baik untuk saat ini.
Setelah Anda membuka teks editor, mari kita mulai dengan mengetik-kan kalimat “Hello World” yang merupakan kalimat tes yang sangat umum digunakan di bidang ilmu komputer dan pengembangan perangkat lunak untuk menguji bahwa sistem bekerja dengan baik. Selanjutnya, simpan file Anda di tempat yang mudah Anda temukan, dan pastikan untuk menyimpannya dengan berekstensi “.html”.
Pengenalan html: Save file dari notepad
Save file dari notepad

Web Browser

Sebuah web browser adalah program yang memungkinkan Anda untuk melihat halaman web dan browsing web. Jika Anda menggunakan Windows, browser yang telah terinstal dengan komputer Anda adalah “Internet Explorer”.
Ada browser alternatif lain yang dapat Anda gunakan, seperti Google Chrome atau Mozilla Firefox, tapi kita akan membicarakannya nanti pada artikel selanjutya. Oh iya, Jika Anda menggunakan Mac, browser Anda adalah safari
Pada setiap Web browser mungkin tampilan halaman web akan terlihat berbeda dari yang lain, tetapi jika halaman web dikodekan dengan benar, maka akan terlihat sangat mirip di-semua browser di komputer mana-pun. Mari kita lanjut dan membuka file html di browser kita.
Setelah anda membuka file html anda dengan klik dua kali secara cepat, maka browser anda akan menampilkan tulisan “Hello World!” persis dengan tulisan yang kita tulis di notepad.
Pengenalan html: Tampilan Web Browser dari file index.html
Tampilan Web Browser dari file index.html
Sekarang lihat, pembuatan halaman web ternyata sangat mudah bukan?
Anda akan menemukan pada artikel-artikel selanjutnya bahwa membuat dokumen HTML sedikit lebih kompleks dari itu, tetapi secara umum, website yang sederhana juga memiliki kode html yang sederhana juga.

Merubah File HTML

Di dalam browser web, Anda akan dapat memilih teks, tetapi Anda tidak bisa merubahnya. Tapi, bagaimana jika Anda ingin membuat perubahan? Nah, itu sebenarnya sangat sederhana. Jika Anda menutup editor teks Anda sebelumnya, buka kembali File HTML dan edit teks tersebut, kemudian kita beralih kembali ke web browser kita, dan yang harus kita lakukan adalah dengan klik tombol refresh.
Mengeklik tombol refresh akan memberitahu browser untuk mengambil versi terbaru dari dokumen kita. Jadi, jika kita telah membuat perubahan, merefresh halaman tersebut akan memungkinkan kita untuk melihat perubahan-perubahan baru di web browser kita.
Selamat, Anda telah membuat halaman web pertama Anda. Tetapi ingat ya.., membuat website yang lebih kompleks akan membutuhkan usaha yang lebih juga, tapi, seperti yang saya sebutkan sebelumnya, kita akan belajar pelan-pelan dari awal.
Pada artikel berikutnya akan dijelaskan lebih mendalam tentang HTML. Untuk Artikel mengenai pembuatan web atau halaman web secara sederhana, anda bisa mengunjungi Cara membuat Halaman Web Sederhana dan Cara Membuat Web dengan HTML 5.

sumber : www.nyekrip.com