Pengenalan HTML ( Bambang Sugianto, S.T., M.Kom - UMNU KEBUMEN )

Pengenalan HTML
Dosen : Bambang Sugianto, S.T., M.Kom
Program Studi Teknik Informatika
Universitas 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++.

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

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 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 2
 Menggabungkan 2 kolom atau lebih menggunakan
colspan

Tabel 3
Menggabungkan 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):

Ordered HTML Lists
 Dimulai dengan <ol> tag. Setiap item daftar dimulai
dengan <li> tag.
 Daftar item akan ditandai dengan nomor:

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

Pengenalan HTML ( Bambang Sugianto, S.T., M.Kom - UMNU KEBUMEN )

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to Pengenalan HTML ( Bambang Sugianto, S.T., M.Kom - UMNU KEBUMEN )

Similar to Pengenalan HTML ( Bambang Sugianto, S.T., M.Kom - UMNU KEBUMEN ) (20)

Pengenalan HTML ( Bambang Sugianto, S.T., M.Kom - UMNU KEBUMEN )