Skip to main content

Posts

Showing posts from August, 2018

Format Tampilan Multimedia dan Tabel - P10

Format Tampilan Multimedia & Tabel Inilah beberapa Contoh yang saya akan tunjukan kepada kalian 1. Embed Image CSS 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 <!DOCTYPE html> <html> <head> <title> CSS pada Image </title> <style type="text/css" > img .mouse { margin-top : 10px ; float : left ; clear : both ; width : 200px ; height : 200px ; } img .wormy { margin-top : 5px ; float : right ; clear : both ; width : 200px ; height : 200px ; border : solid ; border-color : pink ; } img .koala { margin-top : 10px ; float : right ; clear : both ; width : 200px ; height : 200px ; } </style> </head> <body> <h1> Contoh embedded CSS pada Gambar </h1> <img class="mouse" src="gambarku/tikus.jpg" > <img class

Mengenal Sistem Kerja Cascading Style Sheet - P9

Cara Kerja Cascading Style Sheet       CSS atau Cascading Style Sheets adalah sebuah dokumen yang berisi aturan yang digunakan untuk memisahkan isi dengan layout dalam halaman-halaman web yang dibuat. CSS memperkenalkan “template” yang berupa style untuk dibuat dan mengijinkan penulisan kode yang lebih mudah dari halaman-halaman web yang dirancang. Dan CSS juga mampu menciptakan halaman yang tampak sama pada resolusi layar yang berbeda dari pengunjung berbeda tanpa memerlukan penggunaan tabel seperti pada html klasik. Gitu sob.. Penempatan CSS       Dalam Menempatkan style CSS dalam dokumen web yang kita buat dalam bahasa html dapat dilakukan dengan beberapa cara dan tingkatan yang berbeda sesuai dengan keinginan kita. Cara penempatan dalam HTML adalah dengan menggunakan beberapa cara, diantaranya adalah menggunakan Inline Style, Internal Style, External style, dan juga teknik Importing dengan Internal Style. Beberapa Properti yang digunakan pada CSS Text

Entri Teks pada HTML - P8

 Komponen Entri Teks Pembahasan di blog ini diantaranya: 1 Teks Area 2 Radio Button 3 Check Box 4 Option Value 5 Entri Teks            TextArea merupakan komponen entri teks yang digunakan untuk memasukan teks yang tersusun lebih dari 1 baris. Cara menggunakannya yaitu textarea disisipkan diantara tag pembuka <textarea> dan tag penutup </textarea> sebagai awal konten. 1. Text Area Attribut Teks Area: Dan contoh Codingnya: 1 2 3 4 5 6 7 8 9 10 11 12 <html> <head> <title> cek form </title> </head> <body> <h2> Dibuat Oleh: Muhamad Alfi R. </h2> <h2> Kelas :XI RPL 1 </h2> <p> Silahkan isi pada teks area yang tersedia </p> <p><textarea NAME= "papantulis" COLS= 40 rows= "6" > </textarea></p> </body> </html> Hasilnya: Contoh teks area dengan attribute kolom: 1 2 3