Downloaded 38 times
Uploaded byBambang Sugianto
Pengenalan HTML ( Bambang Sugianto, S.T., M.Kom - UMNU KEBUMEN )
Dokumen tersebut memberikan pengantar singkat tentang HTML. Ia menjelaskan apa itu HTML, bagaimana HTML digunakan untuk membuat halaman web, dan berbagai tag HTML dasar seperti <p>, <h1>, <img> untuk memformat teks, judul dan gambar. Dokumen tersebut juga mendemonstrasikan penggunaan tabel, daftar terurut dan tidak terurut, serta video YouTube menggunakan tag HTML.
Pengenalan HTML ( Bambang Sugianto, S.T., M.Kom - UMNU KEBUMEN )
- 1. Pengenalan HTML Dosen :Bambang Sugianto, S.T., M.Kom Program Studi Teknik Informatika Universitas Ma’arif Nahdlatul Ulama Kebumen (UMNU Kebumen)
- 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.