Selamat berjumpa lagi dengan blog pembelajaran, pada kesempatan kali ini saya akan sedikit membagikan tutorial XHTML , (X) HMTL dari Mamang Photography yang merupakan dua teknologi dasar wajib dikuasai oleh orang yang ingin terlibat dalam pembangunan Web. Teknologi HTML (HyperText Markup Language) berperan dalam membangun struktur halaman web . berikut beberapa bab dan materi yang akan kita pelajari :
BAB I PENDAHULUAN
1.1 Mengenal HTML, XHTML, dan CSS : http://youtu.be/6KGPRHHlLB8
1.2 Membuat File HTML Sederhana : http://youtu.be/sPQdtEsrz5g
1.3 Default Browser pada Windows : http://youtu.be/FHcKybXz-VI
1.4 Heading dan Paragraf : http://youtu.be/DU55-j7qEaI
1.5 Line Break : http://youtu.be/61m6DX99KoE
1.6 Horizontal Rule : http://youtu.be/lYWN0ViZQRc
1.7 Mengenal Attribute Tag : http://youtu.be/ATWDPWdNTvA
1.8 Menambahkan Komentar : http://youtu.be/nQoyOONoOMs
BAB II WARNA DAN SATUAN UKURAN
2.1 Kode RGB Decimal dan Persentase : http://youtu.be/Fv6O2Jcepso
2.2 Kode RGB Hexadecimal : http://youtu.be/lDYcrs2J0Ag
2.3 Ukuran Relative dan Absolute : http://youtu.be/8kE4Q_5AmAU
BAB III FREE HTML EDITOR DAN ADD-ON FIREFOX
3.1 Download dan Install Free HTML Editor : http://youtu.be/p6m_oVWSXoY
3.2 Penggunaan Coffecup Free HTML Editor : http://youtu.be/Kc9oLbj38Ak
3.3 Install Add-on Firefox : http://youtu.be/MbZNPsL2cvQ
BAB IV MENGATUR FORMAT TEKS
4.1 Menentukan Jenis Font : http://youtu.be/dIiMQmFQYog
4.2 Mengenal Sistem Font Pada Windows : http://youtu.be/j2YHbPoHlAE
4.3 Mengenal Font Generic : http://youtu.be/tmQwGAt-QO4
4.4 Blod, Italic, Strong, Emphases : http://youtu.be/xtp1G00cKGU
4.5 Underline dan Striketrhrough : http://youtu.be/zC9nourSdHo
4.6 Superscript dan Subscript : http://youtu.be/6fMeBFAKV_s
4.7 Memanfaatkan Font Wizard : http://youtu.be/a8sERqdhIwc
4.8 Blockquote : http://youtu.be/77sOb5GPLck
4.9 Preformatted dan Code : http://youtu.be/R8dit4RtpOU
4.10 Spasi Tambahan dan Karakter Unik : http://youtu.be/ys-UI0_bzMQ
4.11 Abbreviation dan Accronym : http://youtu.be/-TElTcEKbbo
BAB V MENGATUR LIST
5.1 Unordered List : http://youtu.be/1u33liSyBz4
5.2 Ordered List : http://youtu.be/-MPobYpNqPw
5.3 Multilevel List : http://youtu.be/4O5rJy8oS90
5.4 Definition List : http://youtu.be/OE_MQNdSU4g
BAB VI MENGATUR HPERLINK
6.1 Link to Web : http://youtu.be/5-6aO8LmnoI
6.2 Likk to File: http://youtu.be/NnL-j0_LPTQ
6.3 Absolute vs Relative Path bag 1 : http://youtu.be/iM1Q_uIP3do
6.4 Absolute vs Relative Path bag 2 : http://youtu.be/pnq8dZSEVj0
6.5 Absolute vs Relative Path bag 3 :
6.6 Absolute vs Relative Path bag 4 :
6.7 Link to Download bag 1 : http://youtu.be/3SKB5Q8k1gk
6.8 Likn to Download bag 2 : http://youtu.be/QNnMIjTmQPU
6.9 Likn Internal : http://youtu.be/QEPVehi0HF0
6.10 Link to Email : http://youtu.be/_tNBLWW0L0M
6.11 Memodifikasi Warna teks Hyperlink : http://youtu.be/-P-lzX9FzGg
BAB VII MENAMPILKAN FILE GAMBAR
7.1 Format Gambar untuk HTML : http://youtu.be/pZ5XQdE4s_s
7.2 Tampilkan Gambar dengan Tag IMG : http://youtu.be/4of7c7Va8QA
7.3 Menyesuaikan Warna Background : http://youtu.be/9yY9JrEQS6g
7.4 Menampilkan Gambar dari Internet : http://youtu.be/WLrXmjoDymc
7.5 Mengatur Attribute Tag bag 1 : http://youtu.be/BtEwOElK628
7.6 Mangatur Attribute Tag bag 2 : http://youtu.be/xJMAXvdqBZ0
7.7 Hyperlink pada Gambar : http://youtu.be/ErmCOEruBDA
7.8 Membuat Image Map bag 1 : http://youtu.be/ieOJMH63lwM
7.9 Membuat Image Map bag 2 : http://youtu.be/r9q9lygZSxw
7.10 Membuat Image Map bag 3 : http://youtu.be/l-ABmQV2T5I
BAB VIII MEMBUAT TABEL
8.1 Membuat Tabel Sederhana : http://youtu.be/7AuI8EZUcLM
8.2 Mengatur Attribute Tabel bag 1 : http://youtu.be/k9SYlIZyUu4
8.3 Mengatur Attribute Tabel bag 2 : http://youtu.be/5Fns1FeR6Wk
8.4 Mengatur Attribute Tabel bag 3 : http://youtu.be/0E5CU1DIxi0
8.5 Memanfaatkan Colspan dan Rowspan : http://youtu.be/3xAv8__NPjo
8.6 Tabel untuk Layout Halaman Web : http://youtu.be/eoyQJh1AcEI
BAB IX MENGATUR FORM
9.1 Input Text, Radio dan Checkbox : http://youtu.be/yT7tedLQFRk
9.2 Listbox dan Text Area : http://youtu.be/Ey4f1w4S3Qo
9.3 Buttom Submit dan Reset : http://youtu.be/vwx8p4-T2gw
9.4 Mengatur Layout Form dengan Tabel : http://youtu.be/krP6Z29Z9gI
BAB X MENGATUR FRAME
10.1 Halaman untuk Frame bag 1 : http://youtu.be/JDuiRHGicxo
10.2 Halaman untuk Frame bag 2 : http://youtu.be/S0L0TRrEdWI
10.3 Membuat Frame Horisontal dan Vertikal : http://youtu.be/XsGHwo6lhQ8
10.4 Gabungan Frame Horisontal dan Vertikal : http://youtu.be/HUJdcE3wpUM
10.5 Mengatur Link pada Dokumen Frame : http://youtu.be/r-7uNEHVlmw
10.6 Menggunakan Inline Frame : http://youtu.be/acyBZbgrgkc
BAB XI MENYISIPKAN FILE MULTIMEDIA
11.1 Menampilkan File Video : http://youtu.be/k2GnN5Nv6Qc
11.2 Menampilkan Flash dan YouTube : http://youtu.be/qI010KmKcPs
11.3 Menyisipkan File Suara : http://youtu.be/SY8CgEM8JTY
BAB XII STANDARISASI HTML DAN XHTML
12.1 Referensi Tag HTML : http://youtu.be/NEF_e-bjDS8
12.2 Document Type Definition : http://youtu.be/BBvEGQHr1eI
12.3 DTD pada Coffecup HTML Editor : http://youtu.be/tfW7rQuIz3s
12.4 Validasi HTML Transitional : http://youtu.be/gqTkJeh_AcY
12.5 Error Validasi pada HTML Transitional : http://youtu.be/HEMr8xN3FcU
12.6 Validasi XHTML Transitional : http://youtu.be/UgrEqWs-cRw
12.7 Error Validasi pada XHTML Transitional : http://youtu.be/rIxy_lY5tNc
12.8 Validasi XHTML Strict : http://youtu.be/WMZQlfheA94
12.9 Error Validasi pada XTHTML Strict : http://youtu.be/ZiBbi1e5coo
Apabila ada yang mau di tanyakan silahkan hubungi salah satu contact dibawah ini :
- PIN BBM : 75B77E7E
- NO HP : 0877-7116-6665
- Intsagram : Mamanggraphic
- Twitter : @Mamanggraphic
0 comments:
Post a Comment