List Materi
Silabus
Materi yang Akan DIpelajari
Salam kenal juragan pada hari ini ane mau share cara blajar Tutorial HTML. Ane akan mengenalkan HTML pada agan2 disini yang masih “Total pemula” step by step setiap hari. jika agan ingin belajar HTML, agan dapat menuju di website berikut
Silabus
Materi yang Akan DIpelajari
| No | Materi | Keterangan |
|---|---|---|
| 01 | Pengenalan HTML | Apa itu HTML? |
| 02 | Dasar HTML | Pengenalan Beberapa Element HTML |
| 03 | HTML Elements | Aturan HTML Elements, Nested HTML ELements, HTML Elements Tanpa Konten |
| 04 | HTML Attributes | Pengenalan Attributes pada HTML Elements |
| 05 | HTML Headigs | Gali Lebih dalam Element Headings <h1>,<h2>,...,<h6> |
| 06 | HTML Paragraph | Gali Lebih dalam Element <p> |
| 07 | HTML Formatting | Element untuk melakukan format pada konten HTML seperti <b>,<i>,<u> |
| 08 | HTML Styles | Attribut style dan penggunaannya |
| 09 | HTML Quotatitions | Elements Untuk Menampilkan Quotes. |
| 10 | HTML Computercode | Element untuk menampilkan konten berupa kode komputer tanpa merusak struktur HTML |
| 11 | HTML Comments | Element Khusus yang tidak akan ditampilkan pada browser digunakan sebagai dokumentasi untuk programmer/developer |
| 12 | HTML CSS | Pengenalan CSS, dan penggunaannya bisa inline styling(menggunakan atribut style), Internal Styleing, Maupun Eksternal Styling |
| 13 | HTML Links | Element Untuk Link <a></a> biasanya digabungkan dengan atribut href |
| 14 | HTML Images | Gali Lebih dalam Element <img> |
| 15 | HTML Tables | Element <table> Untuk Menampilkan Table |
| 16 | HTML Lists | Element Untuk menampilkan List <ul>, maupun <ol> |
| 17 | HTML Blocks | Pang-kategorian Elements, sebagai blocks, maupun inline |
| 18 | HTML Classes | Selector (biasanya untuk CSS) Internal CSS maupun External CSS. Untuk mempermudah pemanggilan Style |
| 19 | HTML Layout | Contoh Sederhana Membuat Layout pada Website |
| 20 | HTML Responsive | Aturan Main Untuk Membuat Responsive Web Design |
| 21 | HTML Forms | Element Untuk menyediakan tempat untuk mengisi form data |
| 22 | HTML Iframe | Untuk Menampilkan website di dalam sebuah Website |
| 23 | HTML Color Names | 140 nama warna yang dapat ditampilkan pada website |
| 24 | HTML Color Values | Berbagai Aturan Warna yang dapat ditampilkan pada HTML yaitu RGB, maupun Hex Code Color |
| 25 | HTML Color Shades | Index warna Hex code beserta bayangannya |
| 26 | HTML Javascript | Element <script> digunakan untuk menjalankan kode javascript; |
| 27 | HTML Head | Gali Lebih dalam tentang penggunaan Element <head> |
| 28 | HTML Entities | Metode untuk menampilkan konten (escape characters) tanpa merusak struktur HTML |
| 29 | HTML Symbols | Escape Characters untuk menampilkan symbols |
| 30 | HTML Charset | Berbagai macam "standard character encoding" dan perbedaannya |
| 31 | HTML URL Encode | Aturan Main Encoding URL |
| 32 | HTML XHTML | Pengenalan XHTML dan perbedaannya dengan HTML |
Salam kenal juragan pada hari ini ane mau share cara blajar Tutorial HTML. Ane akan mengenalkan HTML pada agan2 disini yang masih “Total pemula” step by step setiap hari. jika agan ingin belajar HTML, agan dapat menuju di website berikut
Agan
bisa mengikuti test skill HTML gratis di website w3school
http://www.w3schools.com/html/html_quiz.asp
Berikut
hasil tes ane juragan
Karena
w3shools menggunakan bahasa Inggris, disini ane bakal bikin versi Indonesianya
00. Persiapan
Oke
Sebelum kita mulai Belajar HTML, ane sarankan agan Punya Text Editor biar lebih
enak ngoding HTMLnya juragan tapi kalo agan pengen pake notepad juga gak papa
:ngakak
List
Text Editor Rekomendasi ane:
- Notepad 2 http://sourceforge.net/projects/notepad2/
- Notepad ++ http://notepad-plus-plus.org/
- Sublime Text http://www.sublimetext.com/
Oke Jika Agan sudah Selesai Install, Mari
kita setting folder Untuk Mempelajari HTML biar terorganisir gitooh
- Buat Folder Baru di Desktop kasih nama “HTML Fundamental”
- Di dalam folder tersebut, ketik Materi totorial “00.Persiapan ”
- Di dalam folder “00.Persiapan” , klik kanan-> new-> Text Document -> ganti nama file dan ekstensi menjadi “Index.html"
Nb: jangan lupa setting folder options
untuk show extention caranya:
·
Buka
Control Panel
·
Klik
“Folder Options”
·
Klik
Tab View
·
Uncheck
“Hide extension for known file types”
Step by Step 0.0 – mengetik HTML untuk
pertama kali
- Kembali ke file “Index.html” yang di-rename tadi
- Buka file berikut dengan text editor caranya:
- Klik kanan
- Open With
- Pilih Text Editor agan
- 3. Lalu kita ketik seperti gambar berikut
4.Klik Save
5. Close Text Editor
6. Open file “Index.html” di browser
Slamat agan sudah menggunakan HTML
untuk membuat Website
0 comments:
Post a Comment