PERTEMUAN 2
Dosen : Kurniawan Jatmika, S. Kom.
WEB FORM
Web form adalah suatu teknologi ASP.NET yang digunakan untuk membuat halaman web yang dapat diprogram. Web form dapat menampilkan informasi dengan menggunakan bahasa markup apapun kepada user dalam berbagai macam browser apapun dan menggunakan kode atau skrip pada server untuk mengimplementasikan logik aplikasi.
Dengan web form dapat juga membuat halaman web yang dapat berjalan pada berbagai macam browser dimana secara otomatis web form akan menampilkan style, layout dan kode tampilan sesuai browser.
sumber : elib.unikom.ac.id/download.php?id=757
MASTER PAGE
Master page adalah halaman template utama untuk semua halaman dalam website tersebut. Ini berisi menu, informasi hak cipta dan setiap konten yang diduplikasi di semua halaman di situs. Anda dapat memilih untuk memiliki situs multi-mode, sehingga tergantung pada item yang Anda pilih utama dari halaman pembuka Anda mendapatkan konten yang berbeda.
sumber : http://www.delicious-webdesign.com/website-design-uncovered.html
HTML TABLE
Tabel didefinisikan dengan tag <table>.Sebuah tabel dibagi menjadi baris (dengan tag <tr>), dan setiap baris dibagi ke dalam sel data (dengan tag <td>). td singkatan dari "data tabel," dan memegang isi sel data. Sebuah tag <td> dapat berisi teks, link, gambar, daftar, formulir, tabel lain, dll
Tabel Contoh
| <table border="1"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table> |
| baris 1, sel 1 | baris 1, sel 2 |
| baris 2, sel 1 | baris 2, sel 2 |
Tabel HTML dan Atribut Perbatasan
Jika Anda tidak menentukan atribut border, tabel akan ditampilkan tanpa batas. Kadang-kadang ini dapat berguna, tetapi sebagian besar waktu, kita ingin menunjukkan perbatasan.Untuk menampilkan tabel dengan perbatasan, menentukan atribut border:
| <table border="1"> <tr> <td>Row 1, cell 1</td> <td>Row 1, cell 2</td> </tr> </table> |
HTML Tabel Header
Informasi header dalam sebuah tabel didefinisikan dengan tag <th>.Semua browser utama akan menampilkan teks dalam elemen <th> sebagai berani dan terpusat.
| <table border="1"> <tr> <th>Header 1</th> <th>Header 2</th> </tr> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table> |
| Header 1 | Header 2 |
|---|---|
| baris 1, sel 1 | baris 1, sel 2 |
| baris 2, sel 1 | baris 2, sel 2 |
sumber : http://w3schools.com/html/html_tables.asp
Hyperlink (Link)
Sebuah hyperlink (atau link) adalah kata, kelompok kata, atau gambar yang dapat Anda klik untuk melompat ke dokumen baru atau bagian baru dalam dokumen ini.
Bila Anda memindahkan kursor ke suatu link di halaman web, tanda panah akan berubah menjadi tangan kecil.
Link yang ditentukan dalam HTML menggunakan tag <a>.
Tag <a> dapat digunakan dalam dua cara:
- Untuk membuat link ke dokumen lain, dengan menggunakan atribut href
- Untuk membuat bookmark dalam dokumen, dengan menggunakan nama atribut
Sintaks HTML Tautan
Kode HTML untuk link sederhana. Ini terlihat seperti ini:| <a href="url">Link text</a> |
Contoh
| <a href="http://www.w3schools.com/">Visit W3Schools</a> |
Mengklik hyperlink ini akan mengirim pengguna ke situs W3Schools '.
Tip: The " teks link "tidak harus berupa teks. Hal ini dapat menjadi gambar atau elemen HTML lainnya.
HTML Link - Atribut Target
Atribut target menentukan di mana untuk membuka dokumen yang terhubung.Contoh di bawah ini akan membuka dokumen terkait dalam jendela browser baru atau tab baru:
|
| <a href="http://www.w3schools.com/" target="_blank">Visit W3Schools!</a> |
HTML Link - Atribut Nama
Atribut name menentukan nama anchor.Atribut name digunakan untuk membuat bookmark dalam dokumen HTML.
Catatan: Standar HTML5 mendatang menyarankan menggunakan atribut id bukan nama atribut untuk menentukan nama anchor. Menggunakan atribut id benar-benar bekerja juga untuk HTML4 di semua browser modern.
Bookmark tidak ditampilkan dalam cara khusus. Mereka terlihat bagi pembaca.
Contoh
Sebuah named anchor dalam sebuah dokumen HTML:| <a name="tips">Useful Tips Section</a> |
| <a href="#tips">Visit the Useful Tips Section</a> |
| <a href="http://www.w3schools.com/html_links.htm#tips"> Visit the Useful Tips Section</a> |
sumber : http://w3schools.com/html/html_links.asp
HTML IMAGE
Gambar HTML - Tag <img> dan Atribut Src
Dalam HTML, gambar didefinisikan dengan tag <img>.Tag <img> kosong, yang berarti bahwa itu hanya berisi atribut, dan tidak memiliki tag penutup.
Untuk menampilkan sebuah gambar pada halaman, Anda perlu menggunakan atribut src. Src singkatan dari "sumber". Nilai dari atribut src adalah URL dari gambar yang ingin ditampilkan.
Sintaks untuk mendefinisikan gambar:
| <img src="url" alt="some_text"/> |
Browser menampilkan gambar di mana tag <img> terjadi dalam dokumen. Jika Anda menempatkan tag gambar antara dua paragraf, browser menunjukkan paragraf pertama, kemudian gambar, dan kemudian paragraf kedua.
Gambar HTML - Atribut Alt
Atribut alt diperlukan menentukan sebuah teks alternatif untuk gambar, jika gambar tidak dapat ditampilkan.Nilai atribut alt adalah seorang penulis-didefinisikan teks:
| <img src="boat.gif" alt="Big Boat" /> |
Gambar HTML -Mengatur Tinggi dan Lebar dari suatu Gambar
Tinggi dan atribut lebar digunakan untuk menentukan tinggi dan lebar dari suatu gambar.Nilai atribut yang ditetapkan dalam piksel secara default:
<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228" />
Sumber : http://w3schools.com/html/html_images.asp
control images
Perangkat mobile yang berbeda memiliki kemampuan tampilan yang berbeda.Kontrol Gambar memungkinkan pengembang untuk menentukan berbagai jenis gambar untuk berbagai jenis perangkat.
Background
fungsinya adalah untuk mengatur apakah gambar latar belakang tetap atau gulungan dengan sisa halaman.
Sintak :
| background: color position size repeat origin clip attachment image; |
| Nilai | Keterangan | CSS |
|---|---|---|
| background-color | Menentukan warna latar belakang yang akan digunakan | 1 |
| background-position | Menentukan posisi gambar latar belakang | 1 |
| background-ukuran | Menentukan ukuran gambar latar belakang | 3 |
| background-repeat | Menentukan bagaimana untuk mengulang gambar latar belakang | 1 |
| background-asal | Menentukan area posisi gambar latar belakang | 3 |
| background-klip | Menentukan area lukisan gambar latar belakang | 3 |
| background-attachment | Menentukan apakah gambar latar belakang tetap atau gulungan dengan sisa halaman | 1 |
| background-image | Menentukan SATU atau LEBIH gambar latar belakang untuk digunakan | 1 |
Sumber : http://www.w3schools.com/cssref/css3_pr_background.asp
Tidak ada komentar:
Posting Komentar