Postingan
Penjelasan dan Code Script dari properti CSS
- Dapatkan link
- X
- Aplikasi Lainnya
Halo Teman-teman! saya akan menjelaskan dan menampilkan contoh dari properti CSS. Apa sih itu Properti CSS? Property CSS adalah jenis style, atau elemen apa yang akan diubah dari sebuah tag HTML. Apa saja isi dari Property CSS dan contohnya? ayo kita lihat. 1. Margin Margin merupakan spasi atau ruang kosong di dalam Box Model . fungsinya mengatur jarak antara satu elemen dengan elemen lainnya pada HTML. Contoh code script dan hasilnya; .box1 { } .box2 { margin-left : 20px ; } /* ini digunakan agar posisi element block berada di tengah-tengah */ .box3 { margin : 0 auto ; } Hasil dari code script di atas 2. Padding Padding adalah sebutan untuk spasi atau ruang di antara konten dan batas pada Cascading Style Sheet (CSS) dalam website. Property ini berfungsi untuk mengatur tampilan elemen yang tertulis ...
Membuat Formulir Lomba Akademik
- Dapatkan link
- X
- Aplikasi Lainnya
Cara Membuat Formulir Lomba Akademik dalam HTML Hallo! Bertemu lagi dengan saya Si Tampan, Kali ini saya akan membuat Form Lomba Akademik dalam HTML untuk para peserta. Tutorial atau cara untuk membuat Formulir nya adalah 1. Pertama anda memerlukan Text Editor yaitu Visual Studio Code, Sublime Text, Notepad++, dll. 2. Kedua membuat Header atau Kepala dari Code Formulir ; <! DOCTYPE html > < html lang = "en" > < head > < meta charset = "UTF-8" > < meta http-equiv = "X-UA-Compatible" content = "IE=edge" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < style > h1 { text-align : center ;} p { text-align : center ;} div { text-align : center ;} legend { text-align : center ;} </ style > < title > F...
Cara Menggabungkan Sel Tabel (Attribut Rowspan dan Colspan)
- Dapatkan link
- X
- Aplikasi Lainnya
Pertama-tama apa sih itu Attribut Rowspan dan Colspan? Atribut R owspan digunakan untuk menggabungkan baris pada tabel. Sedangkan Atribut C olspan digunakan untuk menggabungkan kolom pada tabel Contoh Penggunaan Rowspan dan Colspan : < table class="table" border="2"> < thead class=" thead-dark "> < tr > < th rowspan="2">No</ th > < th rowspan="2">First Name</ th > < th rowspan="2">Last Name</ th > < th colspan="3">Life Style</ th > </ tr > Dalam contoh di atas, kita dapat melihat bahwa tag th yang memiliki Attribut Colspan , akan membuat sel tabel bersatu dengan kolom disebelahnya. Sedangkan atribut Rowspan akan membuat sel tabel bersatu dengan baris dibawahnya. Kedua at...
Bab 4 Style Halaman Web dan Client Side Scripting
- Dapatkan link
- X
- Aplikasi Lainnya
BAB 4 Style Halaman Web dan Client Side Scripting A. Style pada Halaman Web CSS sebagai sebuah bahasa style sheet yang digunakan dalam mengatur tampilan dokumen. Dengan adanya CSS maka tampilan halaman yang sama akan memiliki format yang berbeda. Jenis - jenis CSS adalah : 1. Internal CSS Internal CSS adalah kode CSS yang penulisannya dalam tag <style> dan posisinya ada pada bagian atas header file HTML. CSS jenis ini berguna untuk membuat custom khusus dalam satu halaman website. 2. External CSS External CSS adalah kode CSS yang dituliskan terpisah dengan file HTML, dan ditulis sendiri pada file ekstensi .css. Penulisan file eksternalnya bisa diletakkan pada bagian <head>, jadi setiap halaman website dilakukan pemanggilan file .css. 3. Inline CSS Jenis yang terakhir ini langsung memasukkan kode CSS yang ditulis pada setiap atribut HTML. 1. Konsep Layout dalam Halaman Web Layout adalah tata letak, atau secara bahasa, layout merupakan rancangan desain tata letak dengan ...
BAB 3 Format Kaitan dan Format Formulir pada Halaman Web
- Dapatkan link
- X
- Aplikasi Lainnya
BAB 3 Format Kaitan dan Format Formulir pada Halaman Web A. Format Kaitan pada Halaman Web Ada beberapa cara (format) untuk menampilkan pranala pada halaman web. Jika pengunjung website sedang mengeklik suatu kata atau gambar yang mengandung hyperlink, ia akan diarahkan untuk menuju ke alamat URL yang ada di dalam hyperlink tersebut. Sebuah embedded link (pranala yang tersimpan) adalah salah satu dari beberapa cara yang biasa digunakan dengan tipe/gaya teks khusus. 1. Konsep Hyperlink dalam HTML Link berguna untuk menghubungkan antardokumen HTML Link merupakan singkatan dari hyperlink, yang identik dengan sebuah fungsi dalam HTML yang digunakan untuk memudahkan user untuk menelusuri seluruh isi atau informasi yang tersimpan dalam website bersangkutan. Dalam HTML, sebuah objek teks yang berupa link akan ditampilkan dengan fout berwarna biru style underline (bergaris bawah). 2. Tag-Tag untuk Hyperlink Peran link dalam halaman web sangat besar dan selalu dibutuhkan...
Pemrograman Web dan Perangkat Bergerak
- Dapatkan link
- X
- Aplikasi Lainnya
Pemrograman Web dan Perangkat Bergerak PENDAHULUAN A. Latar Belakang Pemrograman Web dan Perangkat Bergerak adalah salah satu mata pelajaran SMK program keahlian bagi siswa Kelas XI semester dan semester 2. Pelajaran ini termasuk paket keahlian (C3) pada bidang keahlian Teknologi Informasi dan Komunikasi dengan program keahlian Teknik Komputer dan Informatika, serta termasuk ke dalam kompetensi keahlian Rekayasa Perangkat Lunak (C3). Mata pelajaran ini diajarkan selama satu tahun, yaitu pada kelas XI. Jumlah jam tatap muka mata pelajaran keahlian Pemrograman Web dan Perangkat Bergerak memang tergolong banyak, mengingat mata pelajaran ini merupakan kompetensi penting yang membantu siswa lebih memahami pemrograman web dan perangkat bergerak di sekolah dan dunia kerja nantinya. B. Deskripsi Buku ini merupakan bahan ajar yang membahas tentang mata pelajaran Pemrograman Web dan Perangkat Bergerak Kelas XI dengan ruang lingkup pembahasan sebagai berikut. 1. Menjelaskan konsep teknologi ...