Sunday, May 17, 2015

Cara Memasukkan Gambar atau Foto Dalam HTML

Hai sobat kali ini saya akan memposting "Cara Memasukkan Gambar atau Foto Dalam HTML", Di sini yang kita gunakan adalah Notepad atau bisa juga dengan Notepad++. Salah satu cara untuk memperindah tampilan website selain menampilkan informasi dengan format teks, juga dibutuhkan adanya tampilan berupa gambar. Dengan adanya gambar juga akan memperjelas informasi yang disampaikan. Dalam menampilakan gambar, yang diperlukan adalah tag-tag HTML yang berperan untuk menampilkan gambar.

File gambar yang ada jumlahnya cukup banyak, tetapi tidak semua tipe gambar dapat ditampilkan dalam dokumen HTML. Berikut ini dapat ilihat beberapa format dan ekstensi dari file gambar yang dapat digunakan.

Jenis GambarEkstensiKepanjangan Ekstensi
JPEG*.jpegJoin Photographic Expert Group
JPG*.JPGJoin Photographic Group
TIFF/TIF*.JPGTagged Image File Format
PNG*.pngPortable Network Graphies
GIF
*.gifGraphis Interchange Format
Tag yang digunakan untuk menampilkan gambar pada dokumen HTML adalah <img> ada beberapa atribut yang menyertai tag ini, tetapi tag yang harus selalu disertakan hanya ada satu, yaitu atribut "src" (search). sintak sederhana dari tag <img> adalah sebagai berikut:
<img src="nama file gambar">

contoh:

contoh:
<html>
<head>
<title> gambar </title>
</head>
<body>
<img src="https://reanhidayat.files.wordpress.com/2010/12/garuda-indonesia.jpg"></img>
</body>
</html>

 




terima kasih

Friday, May 15, 2015

Cara Memasukkan Video Dalam HTML

Kali ini saya akan memposting "Cara Memasukkan Video Dalam HTML" , Baiklah berikut cara memasukan audio pada dokumen HTML. Di sini yang kita gunakan hanyalah Notepad.

1) Jalankan aplikasi text editor seperti 'notepad' untuk menulis sebuah dokumen HTML.

2) simpan dokumen HTML dengan format 'Nama_File.html' tanpa tanda kutip, kemudian pada 'Save as type' Anda pilih 'All files' agar dokumen yang Anda simpan menjadi dokumen HTML bukan dokumen text biasa.

3)Sekarang mari kita mulai untuk membuat video pada dokumen HTML seperti di bawah ini.

<!DOCTYPE html>

<html>

<head>
<title> Cara Memasukkan Playlist Lagu Pada Dokumen HTML </title>
</head>

<body>
<video width="320" height="240" controls autoplay>
  <source src="judul video.mp4" type="video/mp4">
</video>
</body>


</html>


1) Kemudian Simpan Script di atas yg sudah di Copy Paste di Notepad.
2) Buat folder kosong terlebih dahulu sebelum di Save.Kemudian Masukkan File HTML yg sudah kalian buat.
3) Anda bisa mengganti " judul video.mp4" diatas dengan judul musik yang ingin dimasukkannya tetapi tanpa menghilangkan ".mp4" nya.
4) Satukan/Masukkan juga File Videonya yang kalian inginkan di Folder tadi (jangan lupa edit skrip di Notepad kembali jika kalian mau mengganti File Videonya).
5) Terakhir, buka File HTML yang sudah kalian buat dengan Browser yg kalian inginkan.

Semoga script yang kita sharing di atas bermanfaat bagi kita semua ya guyssss
Terima Kasih :)
 




 

Pengertian Hosting dan Jenis - Jenisnya

PENGERTIAN HOSTING




Image result for pengertian hosting
Hosting adalah tempat atau jasa internet untuk membuat halaman website yang telah anda buat menjadi online dan bisa diakses oleh orang lain. Sedangkan Hosting Itu Sendiri Adalah : jasa layanan internet yang menyediakan sumber daya server-server untuk disewakan sehingga memungkinkan organisasi atau individu menempatkan informasi di internet berupa HTTP, FTP, EMAIL atau DNS.
Server hosting terdiri dari gabungan server-server atau sebuah server yang terhubung dengan jaringan internet   berkecepatan tinggi.

Jenis – Jenis Hosting yang Ada :

Ada beberapa jenis layanan hosting yaitu shared hosting, VPS atau Virtual Dedicated Server, dedicated server, colocation server.

  1. Shared Hosting adalah menggunakan server hosting bersama sama dengan pengguna lain satu server     dipergunakan oleh lebih dari satu nama domain. Artinya dalam satu server tersebut terdapat beberapa  account yang dibedakan antara account satu dan lainnya dengan username dan password.
  2. VPS, Virtual Private Server, atau juga dikenal sebagai Virtual Dedicated Server merupakan proses virtualisasi dari lingkungan software sistem operasi yang dipergunakan oleh server. Karena lingkungan ini merupakan lingkungan virtual, hal tersebut memungkinkan untuk menginstall sistem operasi yang dapat berjalan diatas sistem operasi lain.
  3. Dedicated Server adalah penggunaan server yang dikhususkan untuk aplikasi yang lebih besar dan tidak bisa dioperasikan dalam shared hosting atau virtual dedicated server. Dalam hal ini, penyediaan server ditanggung oleh perusahaan hosting yang biasanya bekerja sama dengan vendor.
  4. Colocation Server adalah layanan penyewaan tempat untuk meletakkan server yang dipergunakan untuk hosting. Server disediakan oleh pelanggan yang biasanya bekerja sama dengan vendor.

Mengapa Blogger Memerlukan Hosting?
Yup, sebagai seorang blogger tentunya secara anda sadari atau tidak pasti membutuhkan tempat mempublikasikan tulisan anda ke dunia internet. Contohnya jika anda mempunyai blog di WordPress.com, Blogger.com, Multiply.com, DagDigDug.com, dan jasa blog lainnya, otomatis anda telah memakai jasa hosting yang mereka sediakan. Tapi jika anda memilih untuk self-hosted seperti Bloggingly ini, maka tentunya anda harus memiliki sewa hosting sendiri.

Memilih Jasa Web Hosting yang Baik
Ketika anda memutuskan untuk memiliki blog atau website yang hosting sebdiri, maka anda harus bisa memilih-milih jasa web hosting yang baik. Yang harus anda perhatikan ketika memilih hosting untuk blog atau website anda adalah:
  1. Kebutuhan anda terhadap space dan bandwidth. Semakin banyak tulisan anda, maka semakin besar space yang akan dibutuhkan. Semakin banyak pengunjung blog anda maka semakin besar bandwidth yang dibutuhkan agar tidak terjadi server full load
  2. Perhatikan layanan dan fitur dari tempat anda akan menghostingkan blog atau website anda. Bisa mencakup software apa saja yang ada di hostingnya serta support dari jasa hostingnya.
  3. Target pembaca. Jika anda memilih target pembaca dari dalam negeri ada baiknya menggunakan server lokal saja agar lebih menghemat bandwidth. Tetapi jika anda memilih target yang glogal, maka tak ada salahnya anda memilih server luar negeri seperti di Amerika. Tapi keadaan ini tidaklah mutlak.
  4. Harga yang pas. Konsultasikan kepada mereka yang lebih paham tentang kebutuhan hosting anda agar jasa yang anda sewa sesuai dengan uang yang akan anda keluarkan.

Cara Menyewa Web Hosting :

  1. Untuk menyewa jasa hosting anda perlu mengetahui hosting mana saja yang tersedia di tempat anda atau setidaknya di Indonesia.
  2. Kemudian anda klik bagian pesan/ registrasi dari setiap halaman utama jasa hosting tersebut.
  3. Ikuti saja langkah yang di instruksikan seperti memilih nama domain, cek ketersediaan nama domain yang anda inginkan, dan selesaikan pembayarannya.
  4. Jika hosting anda sudah online biasanya anda akan mendapat email dari penyedia jasa atau chat saja officer yang sedang online di homepagenya.

Sekian dari kami guysss semoga ilmu tentang "Pengertian Hosting" ini dapat bermanfaat bagi kita semua.
Terima Kasih.

Cara Membuat Tabel Sederhana dalam HTML

Kali ini saya akan memposting "Cara Membuat Tabel Sederhana dalam HTML", Dan saya akan mencoba berbagi apa yang saya ketahui, membuat basic script HTML secara manual. Yang saya gunakan disini hanyalah Notepad.

Tag yang diperlukan:
-Membuat baris: <tr> (table row)
-Membuat kolom: <td> (table data)

<html>
<head>
        <title> Belajar Membuat Tabel </title>
</head>
<body>
       <table border="1">
  <tr><td>Baris 1 Sel 1</td><td>Baris 1 Sel 2</td></tr>
  <tr><td>Baris 2 Sel 1</td><td>Baris 2 Sel 2</td></tr>
       </table>
</body>
</html>

 

Sekian dari informasi atau ilmu tentang "Cara Membuat HTML Sederhana" semoga dapat bermanfaat bagi kita semua.

Terima Kasih.





Cara Memasukkan Audio Dalam HTML

Kali ini saya akan memposting "Cara Memasukkan Audio Dalam HTML" , Baiklah berikut cara memasukan audio pada dokumen HTML. Di sini yang kita gunakan hanyalah Notepad.
Jika anda ingin menggunakan Notepad++ yang mungkin lebih baik dan memudahkan pembuatannya anda dapat mengunduhnya di sini.



Langkah-Langkah:

1) Jalankan aplikasi text editor seperti 'notepad' untuk menulis sebuah dokumen HTML.

2) simpan dokumen HTML dengan format 'Nama_File.html' tanpa tanda kutip, kemudian pada 'Save as type' Anda pilih 'All files' agar dokumen yang Anda simpan menjadi dokumen HTML bukan dokumen text biasa.

3)Sekarang mari kita mulai untuk membuat playlist lagu pada dokumen HTML seperti pada kotak di bawah ini.

<!DOCTYPE html>

<html>

<head>
<title> Cara Memasukkan Playlist Lagu Pada Dokumen HTML </title>
</head>

<body>
<audio controls>
<source src="Nama Lagu.mp3" type="audio/mpeg">
</audio>
</body>
 

</html> 


1) Kemudian Simpan Script di atas yg sudah di Copy Paste di Notepad .
2) Buat folder kosong terlebih dahulu sebelum di Save.Kemudian Masukkan File HTML yg sudah kalian buat.
3) Anda bisa mengganti "Nama Lagu.mp3" diatas dengan judul musik yang ingin dimasukkannya tetapi tanpa menghilangkan ".mp3" nya. 
4) Satukan/Masukkan juga File Musiknya yang kalian inginkan di Folder tadi (jangan lupa edit skrip di Notepad kembali jika kalian mau mengganti File Musiknya).
5) Terakhir, buka File HTML yang sudah kalian buat dengan Browser yg kalian inginkan.

Semoga script yang kita sharing di atas bermanfaat bagi kita semua ya guyssss
Terima Kasih :)

Monday, May 11, 2015

Cara Membuat Latar Belakang HTML


Kali ini saya akan share tutorial yang mungkin Tidak Diperlukan lagi oleh para master deface. Namun meski tidak mainstream atau jarang lagi masih ada yang bertanya tentang "Cara Membuat Latar Belakang HTML". Oleh karena  itu saya mencoba berbagi apa yang saya ketahui ,membuat basic script HTML secara manual. Disini yang saya gunakan hanyalah Notepad.
<html>
<head>
        <title>Penggunaan Latar Belakang Warna </title>
</head>
<body bgcolor="Blue">Kami Sedang Mulai Belajar Cara Membuat Latar Belakang HTML Berwarna</body>
</html>
Sekian dari informasi atau ilmu tentang "Cara Membuat Latar Belakang HTML" semoga dapat bermanfaat bagi kita semua.

Terima Kasih.





Monday, May 4, 2015

Cara Membuat HTML Sederhana

 Kali ini saya akan share tutorial yang mungkin Tidak Diperlukan lagi oleh para master deface. Namun meski tidak mainstream masih ada yang bertanya cara membuat Script HTML/ Script Deface. Oleh karena itu saya mencoba berbagi apa yang saya ketahui, membuat basic script HTML secara manual. Yang saya gunakan disini hanyalah Notepad.

* Dasar-dasar dalam HTML


  • Tag : Digunakan untuk menentukan tingkah laku web browser.dinyatakan dengan tanda lebih kecil "<" (Tag awal) dan tanda lebih besar ">" (Tag akhir).Tag kontainer : <Nametag> ... </Nametag>
  • Element : Jenis-jenis dari tag.HTML mempunyai banyak element untuk berbagi keperluan dengan berbagai bentuk penggunaan
  • Attribute : Digunakan untuk memodifikasi nilai dari elemen HTML.Suatu elemen biasanya akan mempunyai banyak attribute
* Struktur HTML 
    Dokumen HMTL bisa dibagi menjai 3 bagian utama :
  • HTML
            Setiap dokumen HTML harus diawali dengan ditutup dengan tag HTML. <HTML> ... </HTML>
  • Head
            Bagian Header dari document HTML di apit oleh tag <HEAD> ... </HEAD> didalam bagian ini biasanya dimuat tag TITLE yang menampilkan judul dari halaman pada titlenya browser.   
  • Body
            Document body dignakan untuk menampilkan test,image link dan semua yang akan di tampilkan pada webpage. 
Contoh membuat HTML sederhana
<! Doctype HTML>
<HTML>
<Head>
<Tittle> HTML sederhana </tittle>
</Head>
<Body>
<p> HTML Saya </p>
</html>

Penggunaan komentar
Format : <!...>
Fungsi : -Memberi nama aplikasi
              -Mendeskripsikan tujuan pengekodean tertentu didalam file
              -Memberi nama pengarang
              -Memberi tanggal pembuatan
              -Memberi nomor versi
              -Memberi informasi hak cipta

Tag-tag dalam <body> :
-untuk warna latar belakang
-untuk heading
-untuk paragraf
-untuk preformatted text
-untuk blockquote
-untuk break
-untuk font
-untuk format documen
-untuk garis pemisah
-untuk list/daftar
-untuk memuat gambar
-untuk hypertext link
-DLL.


Sekian dari informasi atau ilmu tentang "Cara Membuat HTML Sederhana" semoga dapat bermanfaat bagi kita semua.

Terima Kasih.