Postingan

Menampilkan postingan dari Juli, 2022

Cara mudah untuk menyisipkan file dari CSS ke HTML

-
Gambar
1. INLINE STYLE   Inline Style  adalah Cara menginput kode CSS langsung ke dalam tag HTML. Inline Terletak pada tag <body> Contoh codingan Inline   < html > < head >     < legend > Contoh codingan Inline </ legend >     < body >         < h1 style = " background-color:ye ; color:green " >         Berikut adalah contoh penggunaan inline style </ h1 >     </ body > </ head > </ html > Berikut adalah hasil codingan jika di jalankan: 2. INTERNAL STYLE Internal Style adalah digunakan untuk memisahkan File CSS dari tag HTML. internal terletak pada tag <Head> dengan menggunakan tag <Style> Contoh codingan Internal <! DOCTYPE html > < html > < head >   < title > Contoh Internal CSS </ title >   < style type = "text/css" >     body { background-color : aqua ;}   ...
Posting Komentar
Baca selengkapnya

Cara Membuat Form Identitas Peserta didik dengan mudah

-
Gambar
<! DOCTYPE html > < html > < head >     < title > Form Login </ title > </ head > < body >     < form action = "login.php" method = "POST" >         < fieldset >         < legend > Daftar Siswa </ legend >         < p >             < label > Nama Lengkap: </ label >             < input type = "text" name = "Nama Lengkap" placeholder = "Nama Lengkap..." />         </ p >         < p >             < label > No. Induk Siswa: </ label >             < input type = "" name = "No. Induk Siswa" placeholder = "No. Induk Siswa..." />         </ p >         < p >     ...
Posting Komentar
Baca selengkapnya

TIPS MEMBUAT TABEL COLSPAN DAN ROWSPAN DENGAN CEPAT

-
Gambar
 Untuk membuat tabel kita harus tau tag tag yang ada pada table 1.Tag  <table> digunakan untuk memulai tabel 2.Tag <tr>/table row digunakan untuk membuat baris 3.Tag <td>/table data digunakan untuk menginput data <! DOCTYPE html >     < html >         < head >             < title > Cara membuat tabel </ title >         </ head >         < body >             < h1 > Contoh penggunaan colspan & rowspan </ h1 >         < table border = "1" >             < tr >                 < td > Baris 1, Kolom 1 </ td >                 < td > Baris 1, Kolom 2 </ td >                 <...
Posting Komentar
Baca selengkapnya

PWDPB BAB 4

-
 BAB 4 - STYLE PADA HALAMAN WEB A. STYLE PADA HALAMAN WEB CSS adalah sebagai sebuah bahasa style sheet yang digunakan dalam mengarur tampilan dokumen 1. Konsep layout pada halaman web      Fungsi memiliki desain layout yang tepat, yaitu memudahkan pengunjung Web berpindah ke halaman lain dengan mudah melalui navigasi yang baik, mudah, dan informatif. Sehingga pengnjung Web merasa bahwa setiap halaman yang ia kunjungi merupakan satu kesatuan.            Desain layout pada suatu halaman web meliputi pembagian tempat pada halaman yaitu pengaturan jarak spasi, pengelompokan teks dan grafik, serta penekanan pada suatu bagian tertentu. Jadi pada dasarnya sebuah web memiliki element element sebagai berikut:    Element header, element jenis ini berisi judul dan penjelasan lain dokumen.  Element navigation, element jenis ini memberikan navigasi ke halaman-halaman lain dalam web.  Element sidebar, element jenis ini dapat b...
Posting Komentar
Baca selengkapnya

PWdPB bab 3

-
Gambar
BAB 3  APERSEPSI  Di dalam situs web biasanya akan terlihat teks yang wamanya berbeda, bergaris bawah, atau berada dalam kotak (tombol). Inilah yang disebut hyperlink atau link. Jika bagian ini diklik, Anda akan dibawa lainnya. Anda akan mengetahui bahwa teks tersebut aktif (link) karena jika melewatkan pointer mouse di atasnya, pointer itu berubah menjadi pointing finger. Pranala atau hipertaut (Inggris: hyperlink) adalah sebuah acuan dalam dokumen hiperteks(hypertext) ke dokumen yang lain atau sumber lain, seperti halnya suatu kutipan di dalam literatur. Dikombinasikan dengan sebuah jaringan data dan sesuai dengan protokol akses, sebuah komputer dapat diminta untuk memperoleh sumber yang direferensikan. 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...
Posting Komentar
Baca selengkapnya

Pwdpb

-
 Ok Teman teman jadi kali ini saya akan Merangkum materi Pemrogaman Web dan Perangkat Bergerak(PWDPB).  A. LATAR BELAKANG Nah, apa sih itu Pemrogaman Web Dan Perangkat Bergerak? PWDPB adalah salah satu Mapel Pelajaran SMK program keahlian bagi siswa Kelas XI semester 1 dan Semester 2 pada Program keahlian Teknik Komputer dan informatika, Serta termasuk Kompetensi Keahlian Rekayasa Perangkat Lunak (RPL)  B. DESKRIPSI Materi ini merupakan bahan untuk membahas tentang pelajaran web dan perangkat bergerak kelas XI dan materi yang di bahas yaitu:     1. Menjelaskan Konsep teknologi aplikasi web 2. Menjelaskan format teks pada halaman web 3. Menjelaskan format label pada halamab web C. Petunjuk Penggunaan Buku 1. Bagi guru    A. Pastikan siswa/murid yang akan mempelajari materi ini bisa mempelajari Materi-materi prasyarat sampai tuntas.                          B. Bantulah siswa untuk...
Posting Komentar
Baca selengkapnya