Video tutorial HTML dan CSS 01 : Halaman web pertama saya
Perkembangan teknologi saat ini hampir tidak bisa dilepaskan dari internet, dalam bidang programming, berbagai aplikasi atau software yang biasanya dijalankan secara offline (desktop) mulai banyak beralih ke aplikasi berbasis web, apalagi dengan maraknya berbagai gadget saat ini. Mulai saat ini ebsoft akan ada konten baru, yaitu video tutorial diawali dengan HTML dan CSS.
Pada video tutorial pertama ini, sebagaimana tutorial berbagai bahasa pemrograman yang lain, yang biasanya diawali dengan menampilkan “Hello World”, saya akan mulai dari tutorial yang benar-benar dasar. Sehingga bagi yang sama sekali masih awam bisa mengikuti dan mengambil manfaat dari tutorial ini. Bagi yang sudah familiar mungkin bisa mendapatkan beberapa ilmu baru atau bisa menunggu tutorial-tutorial berikutnya insyaAllah.
Mengapa HTML dan CSS?
Saat ini berbagai aplikasi baik di komputer, smartphone, iphone, ipad, tablet pc hampir tidak terlepas dari html. Apalagi bagi yang ingin terjun dibidang web, web apps dan sejenisnya, menguasai html baik dasar atau advanced menjadi modal utama.
Video tutorial HTML dan CSS 01 “Halaman web pertama saya”
Didalam video ini saya akan memperkenalkan apa itu html dan bagaimana membuat halaman html yang sangat sederhana dengan text editor paling sederhana di windows. Selain itu didalama tutorial ini akan dikenalkan beberapa istilah dalam html, bagian-bagian dasar yang biasanya ada didalam dokumen html dan beberapa tips lainnya.
Kode HTML ini nantinya kurang lebih akan sebagai berikut:
<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML dan CSS</title>
<meta charset="utf-8" />
</head>
<body>
Ini adalah halaman web pertama saya
</body>
</html>
Itu adalah komponen atau tag dasar sebuah halaman html, dengan tag tersebut kita sebenarnya sudah membuat halaman web sederhana dengan benar.
Mengapa menggunakan Notepad, padahal masih sangat banyak text editor atau apliaksi lain yang lebih hebat? Ya, memang untuk tutorial pertama ini saya sengaja menggunakan Notepad, karena selain bawaan windows dan text editor semisal ini hampir selalu ada di setiap sistem operasi. Selain itu ingin menunjukkan bahwa membuat kode html dengan motepad saja bisa.
Tetapi pada tutorial-tutorial berikutnya, saya akan menggunakan salah satu program gratis yang sangat powerfull untuk “coding” html dan css termasuk bahasa pemrograman lainnya, serta tips dan trik agar text editor tersebut mampu kita gunakan sebagai text editor utama, memberikan berbagai fitur luar biasa dan yang bisa menggantikan program kelas berat seperti Macromedia Dreamweaver.
Maaf jika bahasa pengantar dan kosa kata di video tutorial ini agak berantakan, karena belum sempat di edit dan masih apa adanya. Semoga tutorial ini bermanfaat, dan tunggu tutorial berikutnya yang akan lebih menarik.. Jika ada pertanyaan, masukan atau saran lainnya, silahkan disampaikan melalui komentar..
Kategori
Top Posts & Halaman
- Yamaha 04Gen Scooter Concept Debuts in Vietnam
- 7 Foto tunjukkan beda kehidupan pejabat luar negeri dan Indonesia
- Untuk Motivasi Cucu, Kakek Tukang Sol Sepatu Ini Catat Merk Mobil Pelanggan, Buat Apa?
- [VIDEO] Di Televisi China, Sukanto Tanoto: Indonesia Ayah Angkat, Cina Ayah Kandung dan Darah
- Siapa yang Mengira Kalau 16 Coretan Anak Kecil ini adalah Sebuah Maha Karya di Masa Depan
- Dipaksa Merokok, Pakai Bra, dan Disebut 'Perek' Oleh Seniornya
- VIDEO – Remaja Mati Otak Saat Bermain Game Online, Ternyata Ini Gara-Garanya
- Sikap Orangtua yang Menyebabkan Anak Durhaka
- Subhanallah ! Inilah Ayat Untuk Menghancurkan Ilmu Sihir Dan Pelet
- Keren, Real Madrid Membuat Pemuda Madura Ini Mendadak Menjadi Terkenal Di Seluruh Dunia
Tulisan Terakhir
- Subhanallah ! Inilah Ayat Untuk Menghancurkan Ilmu Sihir Dan Pelet
- Inilah Sosok Siti Aisyah, WNI yang Diduga Bunuh Kakak Presiden Korut
- Menjawab Pertanyaan, Lebih Dulu Mana, Ayam Atau Telur? Ternyata Seperti Ini Penjelasan Al Qur’an
- Jus Alpukat dan Mentimun? Ini Jadinya Kalau Masuk ke Tubuhmu!
- I LOVE KING SALMAN…
- Rekaman CCTV Pembunuhan Adik Kim Jong Un di Malaysia, Pelakunya Tak Diduga
- 6 Bahan Alami untuk Hilangkan Kumis pada Wanita
- [VIDEO] Di Televisi China, Sukanto Tanoto: Indonesia Ayah Angkat, Cina Ayah Kandung dan Darah
- 7 Foto tunjukkan beda kehidupan pejabat luar negeri dan Indonesia
- Sikap Orangtua yang Menyebabkan Anak Durhaka
- VIDEO – Remaja Mati Otak Saat Bermain Game Online, Ternyata Ini Gara-Garanya
- Dipaksa Merokok, Pakai Bra, dan Disebut ‘Perek’ Oleh Seniornya
- Siapa yang Mengira Kalau 16 Coretan Anak Kecil ini adalah Sebuah Maha Karya di Masa Depan
- Yamaha 04Gen Scooter Concept Debuts in Vietnam
- Video Penganiyaan Dan Pelecehan Wanita Di Koridor Hotel Ini Menjadi Viral Di China
- Ingin Pertentangkan Antara Al-Qur’an dengan Science, Pertanyaan Dosen UI Ini Cukup Dijawab dengan Buku Anak Usia 5 Tahun
- Keluargaku Dulu Cina Kafir, Seperti Kau Sering Teriakkan!
- Pakar Cyber Security Malaysia: Awas, Posting Foto Pribadi Ke Facebook Kini Bisa Disantet via Online
- Di Jawa Timur, Banyak PRT Asal China Mau Digaji Dibawah Rp 1 Juta
- Bintang Porno Seksi Norwegia Ini Utarakan Niatnya Menjadi Ketua Umum PSSI
- Untuk Motivasi Cucu, Kakek Tukang Sol Sepatu Ini Catat Merk Mobil Pelanggan, Buat Apa?
- Video Tawuran brutal antar geng cewek bawa parang dan pipa besi
- Anti-Muslim spat: Myanmar’s leader Suu Kyi loses cool with BBC’s Mishal Husain
- Seorang Ayah Diam-Diam Pasang CCTV Untuk Memantau Anaknya,Apa Yang Terjadi??
- [BREAKING NEWS] Pesawat Flydubai Kecelakaan di Rusia, 62 Orang Tewas
- Ini Data-data Pribadi Nan Sensitif Milik Donald Trump Yang Dibocorkan Anonymous
- Tanggapan Psikolog Tentang Gaya Pacaran Vulgar Anak Alm. Adjie Massaid
- Pilkada DKI 2017: Kata-kata Dhani dan Tantowi Yahya Ini Sulut Pertikaian Dengan Personel Slank
- Inilah Satu Kesalahan Fatal Yang Dilakukan Banyak Wanita Saat Mandi
- Ini Minuman-minuman Alami Yang Sedap Yang Meredakan Radang Tenggorokan
- Hinanya Kematian Mustafa Kemal Atatürk, Jasad Tidak Diterima Bumi
- Benarkah Sunda Pajajaran Adalah Kerajaan Hindu?
- Wawancara Eksklusif: Ini Pengakuan Jessica Kumala Wongso Dalam Kasus Kopi Maut Sianida
- Mengharukan: Ini Isi Surat Tukang Becak Yang Dirazia Petugas Kepada Presiden Jokowi
- Ini Cara Untuk Memblokir Postingan Konten Asusila Di Facebook
- Pelajaran Berharga yang Dapat Dipetik dari Kisah Aga, Siswa SMP yang Tewas Gantung Diri
- Inilah 4 Ranting Muhammadiyah Sebagai Percontohan Indonesia panawuan garut masuk nominasi
- Ingin Koneksi Internet Anda Lebih Cepat? Begini Nih Caranya
- Video Syahrini Ditabrak Bus Kota Saat Menyebrang Jalan Ini Menjadi Heboh
- Karena Terlalu Cantik, Model Ini Sulit Dapat Pekerjaan
- Ini Trik-trik Mendapatkan Pekerjaan Walau Tak Punya Pengalaman
- Ini Daftar 9 Maskapai Penerbangan Indonesia Yang Dinilai Tak Aman Oleh Airline Ratings
- Rekaman CCTV Aksi Perampokan Dalam Restoran Ini Malahan Jadi Iklan Beken Di AS
- Keren, Real Madrid Membuat Pemuda Madura Ini Mendadak Menjadi Terkenal Di Seluruh Dunia
- Begini Rasanya Digigit Hiu Sepanjang 2 Meter, Lihat Buktinya Pada Wanita Ini
- Wow, Pangeran Qatar Ini Berobat Ke Swiss Dengan Diantar 9 Pesawat
- Gadis Cantik Ini Diturunkan Paksa Dari Bus Oleh Kondektur Karena Terlalu Menor
- Ini Kata-kata Ortu Valentino Rossi Saat Menyuruh VR46 Agar Segera Menikah
- Syahrini Bikin Sensasi Posting Foto Barang Bawaan Yang Super Banyak Saat Liburan Ke Eropa
- Rahasia Miliarder Keturunan Lebanon Ini Sehingga Menjadi Orang Terkaya Di Dunia
revo arsip
Blog Stats
- 14.494.887 hits
Blogroll
- Abed Saragih 0
- BMKkids-Browser 0
- BONSAI BIKER 0
- BOSGENTONGS 0
- Chrismanaby 0
- CX Rider's Blog 0
- Download android-x86 0
- EDENVAN 0
- Edo Rusyanto 0
- Five 29 Rocks 0
- FREE MP3 ARABIC 0
- GARUT 0
- Get Polling 0
- Get Support 0
- GUSTAVPC 0
- IRFAN HANDI 0
- iwanbanaran 0
- IWANHTN 0
- KA ZEPE FREE DOWNLOAD LAGU ANAK-ANAK 0
- KC KAMPUNG CIBURUAN 0
- Learn WordPress.com 0
- MELETEKDEWEK 0
- OTOMERCON 0
- Ridertua 0
- sind3ntosca 0
- SUSIBUDIANI 0
- TETLEYHERBAL 0
- TMCBLOG 0
- TRIATMONO 0
- TRICLAKSONO 0
- UDIENKAB 0
- WordPress Planet 0
- WordPress.com News 0
Harga blog absoluetrevo
Text | Icon | intent |
---|---|---|
:-) | smile | |
:-D | biggrin | |
:-( | sad | |
:-o | suprised | |
8-O | eek | |
:-? | confused | |
8-) | cool | |
:-x | mad | |
:-P | razz | |
:-| | neutral | |
;-) | wink | |
:lol: | lol | |
:oops: | redface | |
:cry: | cry | |
:evil: | evil | |
:twisted: | twisted | |
:roll: | rolleyes | |
:!: | exclaim | |
:?: | question | |
:idea: | idea | |
:arrow: | arrow | |
:mrgreen: | mrgreen |
Komentar Terbaru