Penerapan HTML (Part 10)
I.Latar Belakang.
Latar belakang kali ini kita masih mengenal sintag tentang HTML apa saja yang di butuhkan untuk membuat web dasar
II.Alat dan Bahan.
- Laptop / PC
- W3SCHOOLS
- Sublime text
III.Tujuan.
untuk mengetahui langkah dasar untuk membuat web yang sederhana.
IV.Penjelasan.
HTML Iframes
Iframe digunakan untuk menampilkan halaman web dalam halaman web.
iframe Sintaks
Sintaks untuk menambahkan iframe adalah
<iframe src="URL"></iframe>
Atribut src menentukan URL (alamat web) dari halaman iframe.
Iframe - Mengatur Tinggi dan Lebar
Gunakan tinggi dan lebar atribut untuk menentukan ukuran.
Nilai atribut yang ditentukan dalam pixel secara default, tetapi mereka juga bisa dalam persen (seperti "80%").
Contoh :
Iframe - Hapus Perbatasan
Secara default, iframe memiliki batas hitam di sekitar itu.
Untuk menghapus perbatasan, menambahkan atribut style dan menggunakan properti perbatasan CSS
Maka outputnya :
Dengan CSS, Anda juga dapat mengubah ukuran, gaya dan warna perbatasan iframe
Contoh :
Maka outputnya :
Gunakan iframe Target untuk sebuah Link
Iframe dapat digunakan sebagai target bingkai untuk link.
Atribut target link harus mengacu atribut nama iframe
Contoh :
Maka outputnya :
HTML Tag iframe
tag Deskripsi
<Iframe> Mendefinisikan sebuah frame inline
HTML JavaScript
JavaScript membuat halaman HTML lebih dinamis dan interaktif.
Contoh :
Maka outputnya :
HTML <script> Tag
<Script> tag digunakan untuk mendefinisikan script sisi klien (JavaScript).
<Script> elemen baik berisi pernyataan scripting, atau menunjuk ke sebuah file script eksternal melalui atribut src.
penggunaan umum untuk JavaScript yang manipulasi gambar, validasi form, dan perubahan dinamis konten.
Untuk memilih elemen HTML, JavaScript sangat sering menggunakan metode (id) document.getElementById.
Contoh :
Maka outputnya :
Taste JavaScript
Berikut adalah beberapa contoh dari apa yang dapat dilakukan JavaScript
Contoh :
Maka outputnya :
JavaScript dapat mengubah gaya HTML
Contoh :
Maka outputnya :
JavaScript dapat mengubah atribut HTML
Contoh :
Maka outputnya :
Contoh :
Maka outputnya :
tag Deskripsi
- <Script> Mendefinisikan sebuah script sisi klien
- <Noscript> Mendefinisikan sebuah konten alternatif untuk pengguna yang tidak mendukung scripts2 sisi klien
jalan Keterangan
- <Img src = "picture.jpg"> picture.jpg terletak di folder yang sama dengan halaman saat
- <Img src = "images / picture.jpg"> picture.jpg terletak di folder gambar terletak di folder saat ini
- <Img src = "/ images / picture.jpg"> picture.jpg terletak di folder gambar yang terletak di web saat ini
- <Img src = "../ picture.jpg"> picture.jpg terletak di folder satu tingkat dari folder saat ini
Sebuah path file menjelaskan lokasi file dalam struktur folder sebuah situs Web.
path file yang digunakan saat menghubungkan ke file eksternal seperti:
- Halaman web
- gambar
- style sheet
- javascripts
Absolute Paths
Path absolut adalah URL lengkap ke file internet:
Contoh :
Maka outputnya :
Jalur relatif
Sebuah path relatif menunjuk ke file relatif ke halaman ini.
Dalam contoh ini jalan menunjuk ke sebuah file dalam folder gambar dari web saat ini
<img src="/images/picture.jpg"
alt="Mountain">
Praktek terbaik
Ini adalah praktek terbaik untuk menggunakan path relatif (jika mungkin).
Bila menggunakan path relatif, halaman web Anda tidak akan terikat untuk URL dasar Anda saat ini. Semua link akan bekerja pada komputer Anda sendiri (localhost) serta pada domain publik Anda saat ini dan domain publik masa depan Anda.
V.Kesimpulan.
dapat kita simpulkan bahwa trik trik dasar itu harus kita pelajari agar kita dapat membuat suatu web sederhana yang maximal.
VI.Refrensi.
- http://www.w3schools.com
Komentar
Posting Komentar