Sesi 7-8 AudioVidio danTextarea

ASSALMUALAIKUM WR.WB

Hallo teman-teman,bertemu dengan saya disesi kali ini,nah pertemuan ini pertemuan yang ke7-8,jadi saya satuin aja.nah saya akan membahas tentang memasukkan audio,video,dan untuk sesi 8 itu buat text area.yah dari pada berlama -lama kita langsung aja.

1. AUDIO

    nah teman-teman jika anda ingin memasukkan audio itu tentunya harus berformat mp3 ya,nah biar tau saya langsung memberikan kodingannya dan hasilnya.

Hasilnya

2.VIDEO
Oke biar anda langsung tau,dan ini kita perlu formatnya mp4 ya.nah saya kasih codingannya dan hasilscreenshootnya.

 Hasilnya

3.Tampilan vidio dengan thumbnail

Hasilnya

4.Latihan Audio&Vidio

Hasilnya

 

NAH sekarang kita masuk ke materi selanjutnya yaitu mengetahui semua text area,dan ada juga form,dll.

Untuk attributenya bisa dilihat

dan ini sangatlah berguna dan selalu dipelajari ya teman-teman jangan malas dan tetap rajin membaca.

1. TEXTAREA

HASILNYA

2. TEXTAREACOLS

HASILNYA

3.Textarea ReadOnly

HASILNYA

4.TextareaDisabled

 HASILNYA

5.Textarea Password

HASILNYA

6.TEXTAREA Hidden1

HASILNYA

6.TexrArea Hidden2

HASILNYA

6.UPLOAD FILE

HASILNYA

 

7.Radio Button

HASILNYA

8.Checkbox dan imagebutton

 

 

 

 

 

 

 

 

 

 

 

Praktikum 6 Halaman web

ASSALAMUALAIKUM WR.WB

Hallo guys......

Bertemu lagi sama saya ya....,Nah teman-teman disesi kali ini kita lebih banyak mempelajari tabel,kalau teman-teman nih biasanya suka makan direstoran,coba teman-teman lihat daftar makanan dan minuman yanga ada direstoran,nah kitab disini akan belajar seperti itu,tapi dalam halaman web.mungkin kita engga langsung belajar membuatnya tapi kita mengenal dasarnya terlebih dahulu.

oke dari pada saya banyak bicara langsung aja ke intinya.

Nah disini saya tidak memberikan untuk attributenya karena itu sudah disesi sebelumnya,walaupun begitu saya tetap akan memberikan sedikit attributntnya.

ATTRIBUTE

1. FORM : Merupakan salah satu bentuk halaman web yang digunakkan untuk meneriman masukkan dari pengguna,adapun contohnya: kepeluan login,transaksi penjualan,mengumpulkan informasi,atau meminta umpan balik.
2. Method : Adalah attribute yang wajib dicatumkan saat penulisan <form> karena attribute method merupakan metode untuk pengiriman data ketujuan.seperti: get dan post.
3. Post: metode browser mengirimkan serveruntuk meminta respon yang memperhitungkan data yang tersedia dalam permintaan tubuh html.
4. Strong: teks yang menunjukkan peringatan atau perhatian.

oke langsung saja kecodingannya.

1.TOPINDEX

 hasilnya adalah

2. BOTTOMINDEX

Hasilnya adalah

3. LEFTINDEX

Hasilnya adalah

4. LAYOUTSPLIT

Hasilnya adalah

5. MYTABELINDEX

Sambungannya

Hasilnya adalah

Nah itu saja sih yang saya bisa berikan,saya disini kita sama-sama belajar juga oleh karena itu banyaklah mencoba dan belajar ya guys.cukup sekian dari saya.

WASSALAMUALAIKUM WR.WB

Praktikum 5 Tabel

ASSALAMUALAKUM WR.WB

Hey.....come back again with Emir othman in my blog.nah guys disesi kali ini saya akan menjelaskan tentang tabel,pasti kalian tau kan apa itu tabel???,saya yakin kalian tau contoh: tabel makanan,hewan,negara,dll.nah disini kita akan membahas tabel dan insya allah dengan adanya kita bersungguh-sungguh,maka tabel ini akan sangat mudah dipelajari.nah langsung saja ya teman-teman keintinya.

Susah Gak Sih ?????

Apa itu tabel???tabel merupakan cara untuk menampilakan informasi dalam bentuk sel yang terdiri atas baris dan kolom.untuk menampiljan data dalam bentuk table pada HTML,digunakan tag<table>.

elemen tabel berisi property <tr>untuk menentukkan baris(table row) yang didalamnya terdapat property<td> untuk menampilkan data pada setiap sel data (table data).

Apa aja sih attribunya???

Atribut elemen tabel:

 Kemudian kita langsung kepercobaannya ya,dan attribut ini sangat berguna dan pasti akan dipakai didalam tabel.terlebih dahulu saya akan memberikan kodingannya.

1.Lat12 Tabel1

Hasilnya menjadi seperti ini

2.Lat13 Tabel2

Hasilnya akan menjadi ini

3.Lat14  Tabel Nama

Hasilnya ini

4.Lat15 Tabel1

hasilnya menjadi

5.Lat16 Tabel kehadiran

Hasilnya menjadi

6.Lat17 Tanah

Hasilnya menjadi

7 .Lat18 Tabeltanah 2

Hasilnya menjadi

8.Lat19 Benua

Hasilnya menjadi

9.Lat20 TabelBenua2

Hasilnya menjadi

10.Lat21 Tabel Buah

Hasilnya menjadi:

Oke teman-teman,sekian saja dari saya yaa......

Maaf bila ada kesalahan,saya mohon maaf sebesar-besarnya.

WASSALAMUALAIKUM WR.WB

  

USING LIST IN HTML

ASSALAMUALAIKUM WR.WB

 Bandung,3 Agustus 2018

Gimana ya cara memakai list  ???

 

nah teman-teman ketemu lagi dengan saya,walaupun sebenarnya kalian bosan dengan saya tapi saya tidak bosan dengan anda,dari pada menunggu lama langsung aja ya,semangat ya bray,jadi sesuai dengan judulnya List,maka apa yang dimaksud dengan list???.

•   List (Daftar) : bagian teks didalam dokumen yang berisi  daftar item dari suatu kelompok atau grup tertentu.contoh seperti restoran yang menyediakan menu makanan maupun minuman.

dan dalam html dilist itu ada yang namanya <ol></ol>ordered list ,<ul></ul>unorderen list,dan <dl> definition list,nah saya akan menjelaskan dari keduanya.

•  <ol></ol>ordered list : digunakan untuk suatu daftar tertentu,sedangkan </ol> digunakan untuk menandakan bahwa daftar tersebut sudah berakhir.contoh seperti angka,atau menandai huruf.
• <ul></ul>unordered list : digunakan untuk daftar yang tidak berurutan,dan posisinya dapat diacak.contohnya memakai symbol.atau bentuk kotak,bulat.
•  <dl></dl>definition list : kumpulan yang berisi definisi dari suatu istilah,contohnya definisi html,dll.
•  <li></li> : tag yang berfungsi menampung data untuk mengisi tag seperti ol dan ul,atau isi daftarnya.
• <dt></dt> :tag yang mengisi tag dl.
• <dd></dd> : tag yang berisi menjorokkan paragraf. 

iya pastikan anda sudah memahinya dan saya akan langsung menampilkan hasil kodingan saya.

1.Latihan Membuat List

 
2.Latihan List Kombinasi OL & UL

3.Latihan List tapi jenis yang berbeda

 

4. Definitin List 
 

dan itu tadi hasil latihan saya,dan kemudian dari pembelajaran itu kita bisa bikin biodata teman-teman,mungkin saya tidak memasukkan attribute didalam penjelasan tapi disesi sebelumnya sudah saya posting jadi saya tidak memasukkannya didalam sesi ini.

Berikut hasil Biodata yang saya buat

Nah teman-teman gimana pendapat anda dalam pembelajaran list/daftar,apakah susah???
ataupun gampang,yang penting jangan lupa latihan dan belajar ya.

Sekian dari saya bila ada kesalahan,saya mohon maaf sebesar-besarnya.
Sampai berjumpa disesi berikutnya yaa.......

Wassalmualaikum WR.WB

Menyajikan pemformatan Teks dan Paragraf web

ASSALAMUALIKUM WR.WB

Sudah lama tidak berjumpa dengan saya,dan disini saya sudah lama tidak memposting hasil kerja kali ini saya akan memposting hasil kerja saya cara menyajikan pemformatan teks dan paragraf web,nah pastikan anda sudah belajar dasar dari html ya,dan supaya kalian punya aplikasinya seperti sublime teks,atom,notepad++,dll.nah kita lihat bagaimana kita mempelajari materi ini langsung aja yuk.

PERFORMATAN TEKS

Saya akan menunjukkan gambar ini terlebih dahulu simak ya

nah mungkin anda masih bingung atau udah ada yang mengerti,dan saya akan menjelaskannya jadi anda harus mempelajari tag tag nya dan begitu pula penjelasannya,dan insya allah kalau sudah membaca dan dipahami akan lebih mudah mengerjakannya.untuk lebih mudah memahaminya saya akan memberikan tag tagnya guys.

nah itulah guys "TAG-TAG" yang anda perlu pelajari,biar anda ngaribet harus hafalin dulu ataupun pusing dengan ini,sekalian nyoba aja dipc masing masing sekalian bisa sharing ke teman juga biar tambah mantap guys.

dan ini hasil latihan yang selama ini saya  kerjakan,begitu pula didukung oleh guru dan teman-teman,

ini mungkin "TAG-TAG" yang diatas.

nah ini yang penulisan tulisan tebal seperti : bold,italic,big,dll.

Mungkin hanya ini teman-teman yang bisa saya sampaikan,maaf ya bila ada yang susah menyimpilkan dan kurangi dimengerti, saya mohon maaf sebesar-besarnya ya.

WASSALAMUALAIKUM WR.WB