Sebenarnya saya juga baru belajar tentang HTML, tujuan sederhana saja karna ada keinginan agar dapat membuat website sendiri. Namun karna kesulitan akhirnya saya putuskan menggunakan prinsip belajar dengan mengajarkan diri saya sendiri dan blog ini saya gunakan sebagai buku catatan, agar saya dapat mengukur berapa besar kemajuan dari hasil belajar saya, ini juga terispirasi oleh artikel saya tulis di blog kitengelantur.blogspot.com yang berjudul 17 Indikator Kesuksesan Mu di Tahun 2015, saya menggunakan bahasa yang simple agar dapat dimengerti oleh siapa saja yang membacanya, baiklah sekian intronya langsung saja kita mulai tahap pertama.
Dasar HTML
Di sini kita ibaratkan HTML atau Hyper Text Markup Leanguage sebagai rangka yang membentuk struktur sebuah halaman web, didalamnya terdapat kepala dan tubuh .
Untuk pertama-tama kita butuh teks editor, gampangnnya pakai notepad saja, baik langkah pertama kita ketik sepeti gamabr dibawah ini.
Mendeklarasikan tipe dokumen html dengan , mendiskripsikan kepala halaman web yang bisa kita isi judul halaman kedepan banyak yang dapat kita isikan di tag ..., oh iya pada html dibuka denga memberikan tag selalu diahiri dengan garis miring contoh yang mendiskripsikan paragraf baru diahiri dengan
.
setelah selesai menulis, simpan file dengan nama dasar_html_1.html kita gunakan garis bawah ( _ ) sebagai pemisah kata. gungsi title memberikan judul halam jadi pada saat mouse di arahkan ke tab halaman web kita maka tulisan didalan
Setalah disave buka file dasar_html_1.html dengan klk kana pada nama file lalu pilih aplikasi browser mu seperti gambar dibawah.
berikut tag dasar html yang akan kita belajari di video berikut ini.
- <html>...</html> (memulai dan menutup sebuah file html)
- <head>...</head> (kepala html berisi judul, definisi variabel dll)
- <body>...</body> (tubuh html yang muncul pada browser)
- <title>...</title> (judul sebuah halaman web bisanya berisi definisi isin halawan web)
- <h1>...</h1> sampai <h6>...<h6> (heading teks atau judul paragraf)
- <p>...<p> (mendefinisikan paragraf baru, biasa digunakan untuk memulai paragraf baru)
- <a href="...">...</a> (Link berfungsi meberikan link ke dalam sebuah teks ataupun gambar)
- <img src="..."> (menampilkan sebuah gambar)
- <ol>...</ol> (order list untuk membuat penomoran list otomatis)
- <ul>...</ul> (unordered list untuk mebuat list yang tidak mengunakan penomoran)
- <li>...<li> (list untuk isi dari orderlist maupun unorder list)
Videonya sedang dibuat :)
Next :
0 Response to "HTML For Dummy (HTML Basic)"
Post a Comment