Downloaded 44 times
Uploaded byBambang Sugianto
Pengenalan html (Bambang Sugianto)
Dokumen ini adalah tutorial HTML yang memberikan pemahaman dasar tentang HTML dan fungsinya dalam membuat situs web. Materi mencakup struktur dokumen HTML, penggunaan tag, pengaturan gaya, dan elemen seperti gambar, tabel, serta daftar. Selain itu, ada penjelasan tentang cara menyematkan video YouTube ke dalam halaman web.
More Related Content
![PENGERTIAN E-MAIL [PPT]](https://cdn.slidesharecdn.com/ss_thumbnails/email-140328034639-phpapp02-thumbnail.jpg?width=640&height=640&fit=bounds)
Pengenalan html (Bambang Sugianto)
- 1. Pengenalan HTML Dosen :Bambang Sugianto, ST., M.Kom
- 2. Apa itu HTML? Dengan HTML Anda dapat membuat situs Web Anda sendiri. Tutorial ini mengajarkan Anda segala sesuatu tentang HTML. HTML mudah dipelajari - Anda akan menikmatinya.
- 3. Apa itu HTML? HTML adalah bahasa markup untuk mendeskripsikan dokumen web (halaman web). HTML singkatan H yper T ext M arkup L anguage Sebuah bahasa markup adalah seperangkat tag markup Dokumen HTML dijelaskan oleh tag HTML Setiap tag HTML menjelaskan isi dokumen yang berbeda
- 4. Memilih Aplikasi EditorHTML Setelah web browser berhasil diinstal, untuk membuat kode HTML, kita membutuhkan sebuah aplikasi text editor. Dalam tutorial HTML kali ini kita menggunakan aplikasi text editor Notepad++.
- 5.
- 6. Penjelasan Teks antara<html> dan </ html> menggambarkan sebuah dokumen HTML Teks antara <head> dan </ head> memberikan informasi tentang dokumen Teks antara <title> dan </ title> memberikan judul untuk dokumen Teks antara <body> dan </ body> menggambarkan isi halaman yang terlihat Teks antara <h1> dan </ h1> menggambarkan judul Teks antara <p> dan </ p> menggambarkan sebuah paragraf
- 7.
- 8.
- 9.
- 10.
- 11. Gambar HTML GambarHTML didefinisikan dengan tag <img>. File sumber (src), alternatif teks (alt), dan ukuran (lebar dan tinggi) disediakan sebagai atribut:
- 12. HTML Styles Pengaturangaya elemen HTML, dapat dilakukan dengan atribut style. Atribut style HTML memiliki sintaks berikut:
- 13. HTML Warna Background Properti background-color mendefinisikan warna latar belakang untuk elemen HTML: Contoh ini menetapkan latar belakang untuk halaman untuk lightgrey:
- 14. HTML Warna Teks Properti color mendefinisikan warna teks untuk elemen HTML:
- 15. HTML Font Propertifont-family mendefinisikan font yang akan digunakan untuk elemen HTML:
- 16.
- 17. HTML Text Alignment Properti text-align mendefinisikan perataan teks horisontal untuk elemen HTML:
- 18. HTML Marquees Andajuga dapat menggunakan <marquee> tag untuk membuat membuat teks / gambar gulir dari kanan ke kiri, kiri ke kanan, atas ke bawah, atau bawah ke atas. Jika Anda tidak dapat melihat contoh, kemungkinan bahwa browser Anda tidak mendukung <marquee> tag.
- 19. HTML Marquees (Behavior& Direction)
- 20. HTML Marquees (Changethe Scrolling Speed)
- 21. Table Menggunakan tag<table></table> untuk membuat tabel Menggunakan tag <tr> </tr> untuk membuat baris Menggunakan tag <td> </td> untuk membuat kolom
- 22.
- 23. Tabel 2 Menggabungkan2 kolom atau lebih menggunakan colspan
- 24. Tabel 3 Menggabungkan 2baris atau lebih menggunnakan rowspan :
- 25. Unordered HTML Lists Daftar unordered dimulai dengan <ul> tag. Setiap item daftar dimulai dengan <li> tag. Daftar item akan ditandai dengan peluru (lingkaran hitam kecil):
- 26.
- 27. Ordered HTML Lists Dimulai dengan <ol> tag. Setiap item daftar dimulai dengan <li> tag. Daftar item akan ditandai dengan nomor:
- 28.
- 29. HTML YouTube Videos Untuk memutar video Anda pada halaman web, lakukan hal berikut: Mengunggah video ke YouTube Mengambil catatan dari id video yang Mendefinisikan <iframe> elemen dalam halaman web Anda Biarkan titik atribut src untuk URL video Gunakan lebar dan tinggi atribut untuk menentukan dimensi dari pemain Menambahkan parameter lain untuk URL
- 30.