Pengenalan HTML ( Bambang Sugianto, S.T., M.Kom - UMNU KEBUMEN )
30
Pengenalan HTML Dosen : Bambang Sugianto, S.T., M.Kom Program Studi Teknik Informatika Universitas Ma’arif Nahdlatul Ulama Kebumen (UMNU Kebumen)
-
Upload
bambang-sugianto -
Category
Internet
-
view
73 -
download
1
Transcript of Pengenalan HTML ( Bambang Sugianto, S.T., M.Kom - UMNU KEBUMEN )
Pengenalan HTML
Dosen : Bambang Sugianto, S.T., M.Kom
Program Studi Teknik InformatikaUniversitas Ma’arif Nahdlatul Ulama Kebumen (UMNU Kebumen)
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.
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
Memilih Aplikasi Editor HTML
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++.
Contoh
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
Struktur Halaman HTML
HTML Headings
HTML Paragraphs
Link HTML
Gambar HTML Gambar HTML didefinisikan dengan tag <img>. File sumber (src), alternatif teks (alt), dan
ukuran (lebar dan tinggi) disediakan sebagai atribut:
HTML Styles Pengaturan gaya elemen HTML, dapat dilakukan dengan atribut style. Atribut style HTML memiliki sintaks berikut:
HTML Warna Background Properti background-color mendefinisikan warna latar belakang
untuk elemen HTML: Contoh ini menetapkan latar belakang untuk halaman untuk
lightgrey:
HTML Warna Teks Properti color mendefinisikan warna teks untuk elemen HTML:
HTML Font Properti font-family mendefinisikan font yang akan
digunakan untuk elemen HTML:
HTML Formating
HTML Text Alignment Properti text-align mendefinisikan perataan teks
horisontal untuk elemen HTML:
HTML Marquees Anda juga 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.
HTML Marquees (Behavior & Direction)
HTML Marquees (Change the Scrolling Speed)
Table Menggunakan tag <table></table> untuk membuat tabel Menggunakan tag <tr> </tr> untuk membuat baris Menggunakan tag <td> </td> untuk membuat kolom
Tabel 1
Tabel 2 Menggabungkan 2 kolom atau lebih menggunakan colspan
Tabel 3Menggabungkan 2 baris atau lebih menggunnakan rowspan :
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):
Unordered HTML Lists
Ordered HTML Lists Dimulai dengan <ol> tag. Setiap item daftar dimulai dengan <li> tag. Daftar item akan ditandai dengan nomor:
Ordered HTML Lists
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
Terima kasih
