Tampilkan postingan dengan label HTML. Tampilkan semua postingan
Tampilkan postingan dengan label HTML. Tampilkan semua postingan

Senin, 30 Januari 2017

HTML: Belajar Menambah Video Youtube

Assalamulaikum wr.wb

masih seputar HTML kali ini kita akan belajar cara memasukan Video Youtube ke web statis. sebenarnya tidak terlalu sulit dan tidak mudah juga sama halnya dengan cara menyisipkan Video yang saya telah post sebelumnya, langsung saja kita coba kali ini kita juga mengunakan iframe dalam menambahkan video Youtube

kalian bisa lihat skriptnya disini:



kalian juga bisa mengatur mode putarnya
contoh
playlist=alamat darii video&loop=1 :video akan loop atau selamanya
playlist=alamat darii video&loop=0 :video akan diputar 1 kali
autoplay="1" :video akan diputar otomatis
controls="0" :video tidak berputar otomatis

ya mungkin itu saja dari saya atau bisa lihat selengkapnya di w3schools.com 
kurang lebihnya saya mohon maaf sekian dari saya semoga bermanfaat

Wassalamulaikum wr.wb 

Jumat, 27 Januari 2017

HTML: Belajar Dasar iframe

Assalamualaikum wr.wb

 kali ini kita akan belajar tentang iframe
iframe adalah sebuah tag yang berfungsi untuk menampilkan halaman web dalam halaman web
di dalam iframe bisa kalian tampilkan blog kalian atau yang lainya contoh


sebaiknya kalian beri width dan height untuk mengatur tinggi dan lebar iframenya juga kalian bisa mengatur bordernya
ya mungkin kalian bisa mengembangkan sendiri disini saya hanya memberi contoh sederhana saja

sekian dari saya
Wassalamualaikum wr.wb

Rabu, 25 Januari 2017

HTML: Belajar Dasar Membuat List

Assalamualaikum wr.wb

hari ini kita akan belajar membuat list di html
List adalah atribut yang digunakan unutk membuat  daftar atau sub daftar. Secara umum biasanya bentuk list yang sering digunakan adalah seperti Angka, huruf, romawi, titik atau bentuk-bentuk bidang seperti lingkaran, kotak, dll.

1. Unordered List
Unordered List digunakan untuk daftar yang di sajikan tampa nomor urut, melainkan dengan tanda dengan secara default dengan tanda bulatan. Tanda ini dirubah dengan merubah nilai atribut TYPE untuk unordered list. nilai - nilai atribut dapat dilihat di tabel yang di atas tadi. Unordered list dimulai dengan tag <UL>...</UL>, dan setiap bagiannya menggunakan tag <LI> tampa tag penutup ( </LI> ). 


2. Ordered List
Ordered list digunakan membuat daftar dimana setiap daftarnya memiliki angka atau huruf yang berututan. Ordered list di mulai dengan tag <OL> ...</OL>, dan setiap bagiannya menggunakan tag <LI> tampa tag penutup ( </LI> ). 

sumber:rampesteam.blogspot.co.id








 Jenis Deskripsi
type = "1" Daftar barang akan diberi nomor dengan angka (default) 
type = "A" Daftar barang akan diberi nomor dengan huruf besar 
type = "a" Daftar barang akan diberi nomor dengan huruf kecil 
type = "I" Daftar barang akan diberi nomor dengan angka romawi huruf besar
type = "i" Daftar barang akan diberi nomor dengan angka romawi huruf kecil

atau lihat selengkapnya di:w3schools.com 

itu saja yang bisa saya bahas hari ini

Wassalamualaikum wr.wb



Selasa, 24 Januari 2017

HTML: Belajar HTML Menyisipkan Video

 Assalamulaikum wr.wb

masih seputar  html kali ini saya akan mempost cara menymisipkan video
menyisipkan video tidak terlalu sulit seperti halnya menyisipkan audio biasanya video dibog dugunakan untuk memberi tutorial berupa video langsung saja kescriptnya



bisa kalian lihat scriptnya dan pahami sendiri dan kalian bisa kembangakan sendiri dengan menggabungkan dengan script lainya
itu saja materi hari ini atau bisa lihat selengkapnya di:w3schools.com
sekian dari saya

wassalamualaikum wr.wb

Senin, 23 Januari 2017

HTML : Placeholder

Asslamualaikum wr.wb

kali ini saya akan mebagikan tentang HTML placeholder
yaitu adalah tag yang digunakan dalam input untuk menempatkan text dalam input tapi setelah input text itu di isi makan text placeholder akan hilang bisa juga dianggap sebagai text petunjuk
contoh:

ya mungkin itu saja yang bisa saya bagikan
semoga bermanfaat
Wassalamualaikum wr.wb

Jumat, 20 Januari 2017

HTML: Belajar HTML Menyisipkan Audio

 Assalamualaikum wr.wb

hai..
masih seputar html, hari ini kita akan belajar cara menyisipkan audio
sebenarnya tidak terlalu sulit untuk menyisipkan audio. pasti kalian sering masuk web dan mendengar lagu di web tersebut tapi kali ini kita belajar menyisipkan ke web statis
langsung saja menuju scriptnta

ya bisa kalian lihat scriptnya diatas atau lihat selengkapnya di: www.w3schools.com
memang sederhana tapi kalian bisa mengabungkan dengan tag lainya
semoga bermanfaat. sekian dari saya

wassalamualaikum wr.wb

Kamis, 19 Januari 2017

HTML: Belajar HTML Dasar Membuat Link

 Assalamualaikum wr.wb

pada hari ini saya akan membahas link dalam html dalam pembuatan web statis
hyperlink adalah link html dengan mengeklik link bisa melompat ke halaman
tidak terlalu sulit untuk hypelink ini , link biasanya banyak kita jumpai di banyak situs

langsung saja ke scriptnya




bisa dliha di screen shoot di atas tag link adalah <a href="(alamat dari link)">text link </a>
kita pun bisa mengunakan text sebagai link


 referensi:www.w3schools.com


ya begitulah cara membuat link html 
semoga berguna dan bisa dikembangkan.....
sekian dari saya..

wassalamualaikum wr.wb

Rabu, 18 Januari 2017

HTML: Belajar HTML Dasar Membuat Table dan Menyisipkan Gambar

Assalamualaikum wr.wb

kali ini saya akan mempost entang cara membuat table html dan menyisipkan gambar biasanya jika membuat web statis maupun dinamis kadany yang menarik perhatian kita karena ada gambarnya tapi kali ini saya akan membahas menyisipkan gambar dan membuat table di web statis

ini adalah contoh sederhana menyisipkan gambar

dalam menyisipkan gambar kita gunakan
<img src="wifi.png width="104" height="142">
keterangam
  • img :berisi atribut saja
  • src  :menentukan URL(alamat web)dari gambar
  • png :adalah salah satu format gambar
  • width:untuk mengatur tampilan lebar gambar
  • height:untuk mengatur tampilan tinggi gambar
sekarang unuk membuat table

yah itulah contoh table sederhana dari saya
keterangan
  • <table>...</table>: adalah tag untuk membuat table
  • border                    :untuk mengatur seberapa tebal table
  • width                      :untuk mengatur lebar table
  • <tr>...</tr>           :untuk membuat baris dalam table
  • <td>...</td>          :untuk membuat kolom dalam table
kalian bisa menambah warna pada table kalian cuma tambah tag bgcolo="(tag warna)" dan bisa memberi warna pada text dengan tag <font color="(tag warna)">
contoh

atau lihat selengkapnya di:www.w3schools.com

sekian dari saya
semoga bermanfaat walaupun cuma sederhana
wassalamualaikum wr.wb



Senin, 16 Januari 2017

HTML: Belajar HTML Dasar Pengenalan






assalamualaikum wr.wb

A.latar belakang
  • pengertian

Hyper Text Markup Language (HTML) adalah sebuah 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 digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa).[1]

B.maksud dan tujuan
  • setelah membaca ini dapat lebih paham tentang html
  • mengetahui dan paham penggunaan html
  • bisa dalam proses pembuatan html

c.pelaksanaan

disini ada contoh dasar html

keterangan
  • <html>...</html>: untuk mendifinisikan sebuah dokumen html
  • <head>..</head>:untuk memberitau tentang informasi dokumen
  • <title>...</title>  :untuk memberikan judul header di atas dokumen
  • <body>...</body :untuk memasukan isi dokumen yang diampilkan di web browser


 
keterangan
  •         <b>..</b>   :digunakan untuk menampilkan text menjadi tebal
  •         <i>..</i>     :digunakan untuk menampilkan text menjadi miring(italic)
  •         <u>..</u>   :untuk menampilkan text menjadi bergaris bawah
  •         <h1></h1> :untuk mengatur ukuran text
  •         <br>..</br>:untuk menganti baris
dan akan dibahas pada postinagn berikutnya
D.kesimpulann
 jadi HTML adalah  sebuah bahasa pemrograman yang umum digunakan untuk membuat web tetapicditinjau dari namanya HTML adalah bahasa mark up yang mendefinisiakn sebuah dokumen teks

F.referensi dan sumber

Wassalamualaikum wr.wb