Tamvan Bloggers

Postingan

Menampilkan postingan dari Agustus, 2018

Belajar CSS Dasar(Pengenalan Dasar CSS) -Praktikum 9

- Agustus 30, 2018

Assalamualaikum WR.WB Hai,Kembali lagi ke blog saya.Pada postingan kali ini saya masih akan membahas seputar HTML tetapi kali ini kita menggunakan CSS.Apa sih itu CSS?Nah,untuk lebih jelasnya kita langsung saja ke materi nya. PENGERTIAN CSS Cascading Style Sheet atau lebih sering disebut CSS merupakan salah satu dokumen website yang bertujuan untuk mengatur gaya(style) tampilan website. Dengan CSS, kita dapat mengatur layout (tata letak), warna, font, garis, dan lain-lain. CSS pertama kali diperkenalkan oleh Hakon Wiun Lie pada tahun 1994 MANFAAT CSS Kode HTML menjadi lebih sederhana dan lebih mudah diatur Ukuran file menjadi lebih kecil sehingga load file lebih cepat Mudah untuk mengubah tampilan,hanya dengan mengubah file css saja Dapat berkolaborasi dengan javascript Dapat digunakan dalam semua jenis web browser STRUKTUR CSS 1.Selector Selektor adalah kata kunci untuk memilih elemen HTML yang akan kita atur.Contoh: Body,h1,h2,p,form. 2.Property Contoh: c

Baca selengkapnya

Belajar HTML Dasar (Text Area) -Praktikum 8

- Agustus 28, 2018

Assalamualaikum WR.WB Kembali lagi ke blog saya,pada postingan kali ini saya akan membagikan tutorial atau cara menyajikan entri teks atau yang biasa juga dikenal dengan form menggunakan HTML. Untuk lebih jelasnya,kita langsung ke materinya. Text Area Text area digunakan untuk sebuah tulisan dengan area yang khusus dan text area yang khusus dan text area ini mempunyai beberapa tipe Coding: <!DOCTYPE html> <html> <head> <title> Ammar Taradifa X RPL 3</title> </head> <body bgcolor="gainsboro"> <p> Silahkan diisi pada text area yang tersedia </p> <p> <textarea name="papantulis" cols="40" rows="6"> Output: Untuk membuat text area kita menggunakan tag <textarea></textarea>.kita juga mengatur colspan dan rowspan nya untuk mengatur lebar dari text area tersebut. Coding: <!DOCTYPE html> <html> <head> <title> Ammar Taradifa X RPL

Baca selengkapnya

Belajar HTML Dasar (Menampilkan Audio,Video,dan Flash) -Praktikum 7

- Agustus 17, 2018

Assalamualaikum WR.WB Hai Guys,kembali lagi ke Blog saya,Pada postingan kali ini saya akan memberi tutorial tentang cara menampilkan video atau memutar lagu,dan menampilkan flash/animasi.kita langsung aja ke materinya 1.FormatTampilanAudio Coding: <!DOCTYPE html> <html> <head> <title>Ammar Taradifa X RPL 3</title> </head> <body> <audio controls> <source src="song.mp3" type="audio/mpeg"> You browser not supported </audio> </body> </html> Output: Pembahasan: Tag untuk memasukan musik atau audio yaitu tag <audio> dan dan didalam nya terdapat source yang beguna untuk mencari audio atau musik yang akan kita masukkan.kita juga bisa men auto play dengan tag embed 2.FormatTampilanVideo Coding: <!DOCTYPE html> <html> <head> <title> Ammar Taradifa X RPL 3</title> </head> <body> <video width="320" height="240&qu

Baca selengkapnya

Belajar HTML 5 Dasar(LayoutWeb) -Praktikum 6

- Agustus 14, 2018

Assalamualaikum WR.WB Hai kembali lagi ke blog saya,Pada postingan kali ini saya akan membahas tentang web responsive.Apa sih itu web responsive?Desain Web Responsif ( bahasa inggris: Responsive Web Design (RWD) ) adalah sebuah metode atau pendekatan sistem web desain yang bertujuan memberikan pengalaman berselancar yang optimal dalam berbagai perangkat, baik mobile . Dengan metode ini, web akan beradaptasi jika dibuka dari perangkat mobile berukuran kecil maupun perangkat komputer meja dengan ukuran monitor besar. Ukuran huruf,user interface, gambar dan tata letak akan menyesuaikan dengan lebar layar dan resolusi layar monitor yang tersedia. Hasilnya pengguna akan merasakan pengalaman mudah membaca, nyaman dan melihat informasi web tersebut sama dengan jika ia melihat melalui perangkat komputer meja . Nah,langsung saja kita ke materinya: 1.BottomIndex Top Index ini adalah sebuah layout/tampilan web(dengan menggunakan Tabel) yang memiliki daftar isi yang berada diatas

Baca selengkapnya

Belajar HTML 5 Dasar (Tabel) -Praktikum 5

- Agustus 09, 2018

Assalamualaikum WR.WB Hai kembali lagi ke blog saya,Pada postingan kali ini saya akan membahas tentang tabel.Emangnya bisa membuat tabel di HTML?Ya tentu saja bisa,Dalam menampilkan data yang terstruktur atau tampilan dari database, kita biasanya akan membuatnya dalam bentuk tabel. HTML juga menyediakan Tabel tag digunakan untuk menampilkan data dalam bentuk tabel. 1.Latihan12 Coding: <!DOCTYPE html> <html> <head> <title>Tabel</title> </head> <body bgcolor="Gainsboro"> <h1> <center> <p> AMMAR TARADIFA XI RPL 3</p> </center> </h1> <h2> Berikut contoh tabel colspan dan rowspan!</h2> <table width="50%" border="2" cellspacing="0" cellpadding="10" color="Aquamarine"> <tr> <td bgcolor="Aquamarine">Baris 1 kolom 1</td> <td bgcolor="Aquamarine">baris 1 kolom 2</td> </tr>

Baca selengkapnya

Belajar HTML Dasar(List) -Praktikum 4

- Agustus 07, 2018

Assalamualaikum WR.WB Hai kembali lagi ke blog saya,pada postingan kali ini saya akan tentang List.Apa sih itu list dalam HTML? Dalam HTML, tag list terdiri dari 2 jenis, ordered list (berurutan) dan unordered list (tidak berurutan). Ordered list akan ditampilkan dengan angka atau huruf, sedangkan unordered list dengan bulatan atau kotak. Ordered list menggunakan tag <ol>, dan unordered list menggunakan tag <ul>, sedangkan untuk list sendiri menggunakan tag <li>. Penjelasan ini akan lebih mudah jika menggunakan contoh. Nah kita langsung aja menuju materi HTML kita,pertama kita akan menggunakan tag <ul> dan <li> 1.Latihan9(List ul dal li) Coding: <!DOCTYPE html> <html> <head> <title>Vertrabrata</title> </head> <body bgcolor="Gainsboro"> <h1> <center> <p> AMMAR TARADIFA XI RPL 3</p> </center> </h1> <h1> Vertrabrata</h1> <h2> <ul&

Baca selengkapnya

Belajar HTML 5 Dasar (Tag Formating Text) -Praktikum 3

- Agustus 02, 2018

Assalamualaikum WR.WB Apa kabar semuanya?Saya udah lama nih ga ngepost blog nih.pada post kali ini saya akan memposting cara mengoding di HTML untuk menuntaskan tugas Pemograman Web dan Perangkat Bergerak.Tapi sebelum kita masuk ke pembahasan saya akan menjelaskan apa itu HTML Pengertian HTML Hypertext Markup Language (HTML) adalah s ebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web dengan perintah-perintah HTML. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML ( Standard Generalized Markup Language ), HTML adalah sebuah standar yang di

Baca selengkapnya