Posts

Showing posts from November, 2017

Belajar HTML Bagian 8 : Cara Membuat Heading di HTML

Image
Tag Heading merupakan tag khusus yang disediakan oleh HTML untuk membuat sebuah judul dalam sebuah halaman web. Tag Heading secara default ditampilkan oleh browser dengan ukuran yang lebih besar dan lebih tebal dari teks biasa.

Tag Heading dalam HTML terdiri dari 6 tingkatan bedasarkan ukuran dan tebal hurufnya. Tag Heading tersebut yaitu <h1>, <h2>, <h3>, <h4>, <h5>, <h6>. Tag Heading <h1> memiliki ukuran huruf yang paling besar diantara Tag Heading lainnya, sedangkan <h6> memiliki ukuran huruf paling kecil diantara Tag Heading lainnya.

Tag Heading <h1> biasa digunakan untuk membuat judul utama, diikuti oleh <h2> untuk judul, sedangkan subjudul <h3> dan seterusnya.

Berikut ini adalah contoh untuk penggunaan Tag Heading di dalam HTML :

<!DOCTYPE html> <html> <head> <title>Belajar HTML</title> </head> <body> <h1>Heading tingkatan 1</h1> <h2>Heading tingkatan 2…

Belajar HTML Bagian 9 : Membuat Daftar di HTML

Image
Sobat bisa membuat daftar di HTML menggunakan tag <ol> yang merupakan singkatan dari ordered list, <ul> yang merupkan singkatan dari unordered list dan <dl> yang merupkan singkatan dari definition list. Untuk penjelasan dan penulisan tag tersebut silahkan baca artikel ini sampai selesai :-).

Ordered ListOrdered list atau biasa disebut dengan daftar berurutan dapat dibuat dengan menggunakan tag <ol>. Untuk membuat item, sobat dapat menggunakan tag <li> yang merupakan singkatan dari list item atau daftar item.

Berikut ini adalah contoh penggunaan tag <ol> di HTML :

<!DOCTYPE html> <html> <head> <title>Belajar Membuat Daftar di HTML</title> </head> <body> <h2>Langkah-langkah menyalakan televisi :</h2> <ol> <li>Colokan kabel televisi ke stopkontak</li> <li>Arahkan remote ke televisi</li> <li>Lalu tekan tombol power yang ada di rem…

Belajar HTML Bagian 7 : Cara Membuat Paragraf di HTML

Image
Paragraf adalah serangkaian kalimat yang terdiri dari satu kalimat pokok dan beberapa kalimat penjelas. Di dalam HTML, tentunya terdapat tag untuk membuat paragraf.

Pada pembahasan kali ini Saya akan menjelaskan cara membuat paragraf di HTML, selain paragraf sobat juga akan mempelajari cara membuat baris baru di HTML. Silahkan baca artikel ini sampai selesai :-).

Tag <p> HTML menyediakan tag khusus untuk membuat paragraf yaitu tag <p>. Tag <p> menyatakan awal dari suatu paragraf sedangkan akhir dari suatu paragraf ditandai dengan tag </p>.

Silahkan buka text editor sobat di sini Saya menggunakan Notepad++, lalu ketikan kode di bawah ini :

<!DOCTYPE html> <html> <head> <title>Belajar Membuat Paragraf di HTML</title> </head> <body> <p>Paragraf pertama</p> <p>Paragraf kedua</p> </body> </html>
Jika sudah di ketikan silahkan simpan dengan nama Paragraf.html, lalu buka di browser. Maka h…

UC Browser Mendadak Menghilang Dari Google Play Store

Image
UC Browser, siapa yang tidak kenal dengan aplikasi browser android ini? Aplikasi yang populer di kalangan anak muda ini memang memiliki kelebihan dari akselerasi download manager-nya yang terbilang cepat dalam mendownload, sehingga banyak digunakan untuk keperluan download film, musik dan file lainnya yang membutuhkan akses download cepat, akan tetapi UC Browser hilang secara tiba-tiba di toko aplikasi Android yaitu Google Play Store pada Rabu (15/11/2017). Kejadian ini diketahui pertama kali oleh seorang warganet yang kemudian mem-posting di platform Reddit.

Anda mungkin akan mengatakan bahwa UC Browser masih ada di Google Play Store, tetapi jika sobat periksa lagi yang tersedia di Google Play Store adalah aplikasi UC Browser Mini, bukan UC Browser utama.


Pengguna berasumsi, hilangnya UC Browser dari Google Play Store dikarenakan UC Browser sempat dilaporkan karena diduga mencuri data sensitif penggunanya secara diam-diam. Data tersebut kemudian diklaim dikirim tanpa persetujuan pe…

Belajar HTML Bagian 5 : Cara Membuat Struktur Dasar HTML

Image
Setiap dokumen HTML memiliki struktur dasar yang terdiri dari tag DOCTYPE, HTML, HEAD dan BODY. Agar lebih mudah dipahami silahkan buka Teks Editor sobat, lalu ketikan kode dibawah ini.

<!DOCTYPE html> <html> <head> <title>Dokumen</title> </head> <body> <p>Mari belajar HTML</p> </body> </html>
Simpan sebagai Dokumen.html lalu buka di browser.

Pengertian Tag DOCTYPE Tag DOCTYPE berfungsi untuk memberitahu browser versi dari HTML yang digunakan. Perlu sobat ketahui HTML memiliki beberapa versi, pada contoh Dokumen.html diatas, Saya menggunakan <!DOCTYPE html> untuk versi HTML 5. Nah, untuk versi xHTML 1.1 tag DOCTYPE seperti dibawah ini.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
Jika sobat tidak menuliskan tag DOCTYPE di dokumen HTML, maka browser akan tetap menerjemahkannya, namun dokumen HTML tersebut akan diterjemahkan pada m…

Belajar HTML Bagian 4 : Cara Menjalankan File HTML Dari Komputer Lokal

Image
Setelah sobat selesai memasang browser dan juga selesai memilih aplikasi Text Editor yang akan sobat gunakan, maka kini saatnya untuk menulis teks di aplikasi Text Editor lalu menjalankannya di browser. Berikut ini langkah-langkahnya.

Untuk memudahkan sobat untuk mengakses file, maka buatlah folder baru di Local Disk (D:) dengan nama Belajar HTML. Folder ini akan digunakan untuk menyimpan file HTML yang telah sobat buat.

Selanjutnya buka aplikasi Text Editor sobat disini Saya menggunakan aplikasi Notepad++, lalu ketikan tulisan dibawah ini.

Hallo dunia, sekarang Saya lagi belajar HTML!

Jika sudah diketik, silahkan klik File, pilih Save As...


Maka akan muncul jendela baru, pastikan di Save as type harus terpilih All Files (*.*). Jika sudah silahkan kasih nama Hallo.html di File Name, lalu klik Save. Jangan lupa untuk menyimpannya di folder Belajar HTML yang sobat buat tadi.



Jika sudah di Save silahkan klik Run, lalu pilih browser yang akan sobat gunakan, disini Saya menggunakan Firefox …

Belajar HTML Bagian 3 : Memilih Aplikasi Text Editor

Image
Text Editor adalah sebuah aplikasi untuk menulis sebuah teks, kode HTML adalah sebuah teks biasa namun jika kode HTML tersebut dijalankan dibrowser maka akan diterjemahkan oleh browser lalu menampilkan halaman web yang sesuai dengan yang dirancang.

Jika sobat ingin membuat kode HTML, sobat perlu menggunakan aplikasi Text Editor. Sobat juga bisa menggunakan Text Editor seperti aplikasi bawaan sistem operasi Windows yaitu Notepad. Namun untuk tutorial kali ini Saya menggunakan Text Editor yang lain, berikut ini beberapa aplikasi Text Editor yang ringan namun penuh dengan fitur yang akan sangat membantu sobat dalam proses coding (penulisan kode) HTML.

Notepad++
Aplikasi Notepad++ hanya tersedia untuk sistem operasi Windows pada saat artikel ini ditulis. Aplikasi ini berukuran 2,8MB untuk versi 7.5.1. Saya menggunakan aplikasi ini karena penuh dengan banyak fitur seperti Syntax Highlighting yang berfungsi untuk pewarnaan kode yang memudahkan sobat dalam membaca kode HTML, aplikasi ini jug…

2 Cara Reset Windows Firewall Ke Pengaturan Semula

Image
Setiap komputer dengan sistem operasi Windows selalu dilengkapi dengan aplikasi Windows Firewall. Aplikasi ini berfungsi untuk melindungi komputer dari serangan malware atau program jahat lainnya yang menyebar melalui jaringan internet.

Cara kerja aplikasi ini yaitu dengan melakukan filter dan memutuskan data-data yang dikirim melalui jaringan internet yang dianggap mencurigakan. Dengan menggunakan Windows Firewall ini maka komputer akan senantiasa aman dan terjaga karena Windows Firewall akan langsung bekerja saat komputer sobat dinyalakan.

Jika sobat merubah pengaturan Windows Firewall atau menonaktifkannya, maka serangan malware atau program jahat lainnya akan sangat besar menyerang komputer sobat. Cara paling efektif untuk mengembalikan pengaturan Windows Firewall ke semula ialah dengan mereset Windows Firewall ke pengaturan semula.

Ada 2 cara untuk mereset Windows Firewall ke pengaturan semula, berikut ini caranya.

1. Cara Reset Windows Firewall 1. Buka Search Windows yang berada…

7 Aplikasi Pemutar Video Terbaik Untuk PC/Laptop

Image
Bagi sobat yang ingin menonton film di komputer, maka sobat perlu aplikasi pemutar video. Sistem operasi Windows telah menyediakan aplikasi pemutar video bawaan bernama Movies & TV, aplikasi bawaan Windows ini sangat cocok bagi mereka yang ingin menonton video atau film.


Beberapa fitur diantaranya seperti mendukung subtitle otomatis, jadi sobat tidak perlu repot-repot memasukkan subtitle ke video secara manual. Serta, aplikasi Movies & TV ini mendukung untuk mampu memutar video 360 derajat, jadi dengan sekali klik, sobat bisa menonton video 360 derajat tanpa perlu sebuah perangkat VR (Virtual Reality).

Selain itu, aplikasi ini juga memiliki fitur Mode Mini, yang digunakan untuk memutar video dengan ukuran jendela yang kecil, dengan tombol Play & Pause khasnya sendiri. Sehingga sobat bisa mengerjakan tugas sambil menonton film.

Jika fitur yang terdapat di aplikasi Movies & TV dirasa kurang memuaskan atau tidak ada maka sobat dapat menggunakan aplikasi lain yang tidak ka…

Belajar HTML Bagian 6 : Pengertian Tag, Elemen Dan Atribut Pada HTML

Image
Pengertian Tag HTML HTML merupakan sebuah bahasa markup yang memberitahu browser untuk apa fungsi sebuah teks yang ditandai. Apakah teks yang tandai akan menjadi miring, tebal atau sebagai link. Dalam HTML teks penanda dikenal dengan istilah tag.

Hampir semua tag di dalam HTML ditulis berpasangan, yakni tag pembuka dan tag penutup, dimana teks yang ditandai oleh tag berada didalam tag pembuka dan tag penutup.

Berikut ini contoh penulisan tag HTML :

<tag_pembuka> Teks </tag_penutup>

Sebagai contoh Saya akan menandai objek yaitu teks yang akan menjadi miring :

<i> Teks miring </i>

<i> adalah tag pembuka, dalam contoh diatas i adalah tag untuk membuat teks menjadi miring.

</i> adalah tag penutup, perbedaan antara tag pembuka dan penutup terletak pada penambahan tanda garis miring "/" pada tag penutup.

Jika sobat lupa memberi tag penutup, maka jika dibuka dibrowser akan tetap menampilkan teks menjadi miring, karena browser secara otomatis akan me…

10 Ekstensi Chrome Yang Dapat Digunakan Secara Gratis

Browser apa yang sobat gunakan untuk berselancar  di dunia maya? pasti kebanyakan menjawab browser Chrome dan Firefox.

Hal ini wajar, karena Chrome dan Firefox memiliki perkembangan yang tinggi baik dari segi trend, kemudahan pemakaian dan ketersediaan ekstensi yang meningkatkan kemampuan  browser.

Kali ini Saya akan memberitahu ekstensi untuk Chrome yang bisa sobat gunakan untuk meningkatkan kemampuan browser Chrome sobat, berikut ini ekstensi-nya :

Check My Links Check My Links ini berfungsi untuk memeriksa semua link yang ada pada sebuah website, apakah link tersebut masih tersedia atau sudah dirubah alamat linknya ataupun dihapus. Ekstensi ini akan mengecek semua link yang berada di sebuah website satu per satu kemudian memberi warna latar belakang hijau pada link yang masih tersedia dan memberi warna latar belakang  merah apabila link tersebut dirubah alamat linknya atau dihapus. Selain itu daftar link yang sudah di cek oleh Check My Links dapat diakses pada riwayat Chrome.

Color Z…

Cara Memblokir Akses Internet Aplikasi Windows 10 Tanpa Aplikasi Pihak Ketiga

Image
Hallo, berjumpa lagi diblog Abdi, kali ini Saya akan membahas cara memblokir akses internet aplikasi di sistem operasi Windows 10. Entah itu untuk menghemat kuota internet sobat atau untuk kegunaan lainnya.

Untuk memblokir akses internet aplikasi, sobat dapat menggunakan aplikasi Firewall.

Firewall adalah aplikasi yang digunakan untuk melakukan pengawasan lalu lintas jaringan, maksudnya mengizinkan lalu lintas jaringan yang aman sehingga dapat melaluinya dan memutuskan lalu lintas jaringan yang dianggap tidak aman.

Bagi pengguna sistem operasi Windows, Windows telah menyediakan aplikasi Firewall bawaan yang bernama Windows Firewall.

Memblokir Akses Internet Aplikasi Dengan Windows Firewall 1. Klik tombol Search yang berada di taskbar, lalu ketik Windows Firewall di kolom search. Maka akan muncul aplikasi Windows Firewall, silahkan klik aplikasi tersebut atau tekan enter untuk membuka aplikasinya.

2. Maka akan terbuka jendela aplikasi Windows Firewall, disni sobat pilih Allow an app or…