Mengenal HTML

 

Di era digitalisasi saat ini, pembuatan website dan aplikasi mobile menjadi trend center untuk membantu meningkatkan promosi dan sarana mengenalkan produk dan jasa secara efektif. Oleh karena itu pekerjaan sebagai programmer menjadi pilihan yang paling banyak dicari di dunia industri. Pun juga, seorang web developer harus menguasai bahasa markup khusus untuk membantu dalam merancang struktur halaman website, yaitu HTML.

Pada artikel kali ini, kami akan membahas lebih dalam mengenai HTML dan apa saja kerangka utama untuk membangun struktur dasar halaman web dengan mengikuti perkembangan zaman dan teknologi yang ada. Untuk saat ini, pengembangan web terasa lebih mudah dan bisa jadi anda tidak perlu mempelajari lebih jauh terkait dengan bahasa pemrograman khusus. Anda dapat menggunakan bantuan CMS (Content Management System) seperti WordPress, Drupal, Joomla, dan lain sebagainya.

Namun untuk sekarang, kita tidak membahas CMS lebih lanjut. Jika anda ingin mengetahuinya, silakan membaca artikel kami terkait cara mengembangkan website menggunakan bantuan CMS. 

Pengertian HTML

HTML atau Hypertext Markup Language adalah bahasa markup yang digunakan untuk membuat struktur halaman website agar dapat ditampilkan pada web browser. Jadi, HTML dapat dianalogikan sebagai pondasi awal dalam menyusun kerangka halaman web secara terstruktur sebelum membahas terkait tampilan desain dan sisi fungsionalitas.

Sejarah HTML

Sejarah HTML pertama kali dibuat oleh Tim Berners-Lee yang merupakan fisikawan di lembaga penelitian CERN, Swiss. Berners-Lee mempunyai ide atau pemikiran mengenai sistem hypertext berbasis internet. Sekitar tahun 1991, Tim merilis versi HTML pertama yang di dalamnya terdalam sekitar 18 tag.

Untuk sekarang, HTML mengalami beberapa pengembangan dari sisi fitur serta informasi yang disajikan hingga versi terbaru, yaitu HTML5. Setiap tahunnya, bahasa ini mempunyai tingkat popularitas yang cukup tinggi sehingga dijadikan sebagai web standard resmi di dunia pemrograman.

Selanjutnya, HTML juga mengalami tahap perbaikan (maintain) dan dikembangkan oleh World Wide Web Consortium (W3C). Pada tahun 2014, merupakan waktu dimana HTML mengalami upgrade yang cukup signifikan dan terdapat fitur semantic untuk memudahkan pengembang website dalam menyusun kode dan memberitahukan makna dari konten tersebut, sebagai contoh <article>, <footer>, dan <header>.

Fungsi 

Setelah mengenal sejarah singkat dari bahasa markup HTML, selanjutnya kita juga harus mengetahui kegunaannya. Berikut ini beberapa fungsi dan tujuan dari penerapan HTML untuk pembuatan situs atau web app.

Fungsi utama penggunaan HTML sendiri adalah membangun tampilan website yang telah menerapkan metode semantik untuk memudahkan setiap pengembang dalam proses development dan maintenance. Kemudian, HTML juga dapat dikolaborasikan dengan penggunaan bahasa CSS (Cascade Style Sheet) serta JavaScript.

Dimana, peran dari HTML5 berfungsi untuk menyusun kerangka dan struktur halaman website. Kemudian, CSS membantu dalam memberikan tampilan desain meliputi warna, font, outline, dan lain sebagainya. Dan Tugas dari bahasa pemrograman JavaScript adalah memberikan sentuhan interaksi untuk memberikan pengalaman yang berbeda kepada user.

Kerangka Inti dan Cara Kerja HTML

Lantas, bagaimana cara membuat kode program HTML yang baik dan benar? Untuk dapat mempelajari bahasa markup ini, anda dapat belajar dari media mana saja. Anda dapat memanfaatkan internet untuk mencari berbagai forum atau jurnal yang membahas terkait tutorial HTML. Berikut ini merupakan beberapa macam kerangka inti yang membentuk struktur bahasa markup mulai tag, elemen, dan atribut.

• Tag, merupakan perintah atau awalan instruksi yang nantinya akan dibaca pada web browser. Misalnya adalah penggunaan tag <strong>, yang berfungsi untuk memberikan ketebalan pada teks paragraf.
• Element, merupakan proses keseluruhan kode yang dimulai dari tag pembuka (< >) dan diakhiri dengan tag penutup (</>), sebagai contoh element <p>Ini adalah website saya</p>.
• Attribute, merupakan informasi atau perintah tambahan yang dimasukkan ke dalam sebuah elemen. Misalnya saja <img class=”gambar” src=”komputer.jpg” alt=”komputer1” />, sehingga atributnya adalah class, src dan alt image.

Setelah mengetahui informasi terkait struktur awal dari HTML, selanjutnya kita akan mengenal kerangka intinya.

1. <!DOCTYPE html>

Berfungsi untuk mendeklarasikan kepada komputer bahwa anda menuliskan sebuah perintah di dalam kode HTML.

2. <html></html>

Berfungsi untuk tag yang menandakan proses mulai menuliskan kode program pada dokumen HTML.

3. <head></head>

Tag ini digunakan untuk menambahkan metadata ke dalam dokumen html yang berisi judul, deskripsi, library dan lain sebagainya.

4. <body></body>

Dan yang terakhir, tag body digunakan sebagai tempat untuk menuliskan setiap elemen atau lebih tepatnya disebut juga dengan konten pada HTML itu sendiri.

Baca juga: Optimasi Landing Page Website Anda dengan SEO

Jenis – Jenis Tag HTML dan Kode Warna

 Untuk saat ini, terdapat dua jenis tag yang sering digunakan, yaitu sebagai berikut:

1. Block Level

Untuk elemen yang menggunakan block level menggunakan ruang (space) tersedia dan membuat line atau baris baru untuk mendeklarasikan elemen berikutnya. Contoh dari penggunaan block level adalah struktur heading dan paragraf.

2. Inline Tags

Inline tags berarti menggunakan ruang yang lebih sedikit dan sempit. Sehingga kebutuhannya lebih ke arah memformat isi konten pada block level.

Selain itu, di dalam struktur HTML juga dapat mengolah dan memberikan beberapa macam warna untuk memperbaiki tampilan pada halaman situs agar lebih menarik.

 

Read More

Cara Membuat Video Sapaan Di Pembelajaran Online

Materi Pemrograman Berbasis Web

Untuk memulai pembelajaran di Universitas Terbuka sebagai Tutor Tutorial Online harus menyiapkan video materi yang berisi sapaan dan tujuan atau sekilas ruang lingkup materi perkuliahan yang akan dilakukan,

berikut ini adalah contoh video sesi 1 sapaan dan pengenalan ruang lingkup matakuliah secara singkat, dengan mempersiapkan RAT atau Rencana Akademik Tutorial sebelumnya, sebagai reverensi untuk isi kontennya adalah membaca atau referensi Modul atau BMP yang sudah disediakan oleh Universitas Terbuka .

semoga membantu dan menginspirasi untuk membuat video sapaan dan materi singkat.

Read More

cara mudah memisahkan nama depan dan belakang secara otomatis

 Mengolah data di microsoft excel di mata kita yang awam akan sangat sulit untuk digunakan apalagi tidak memiliki ilmu dasar dibidang komputer sehingga lebih menyulitkan untuk mengoperasikan dan menggunakan produk dari microsoft ini, namun tidak perlu khawatir karena banyak tutorial terbaik yang sudah mengemas materi dengan sangat mudah dimengerti.

salah satunya cara memisahkan nama depan dan nama belakang dalam tabel microsft excel, dan kali ini tanpa harus menggunakan rumus yang sering digunakan saat mengolah data menggunakan microsoft excel.

adapun tatacaranya dapat dilihat pada video dibawah ini, semoga membantu.

Read More

cara menganti background tema microsoft word terbaru

 

Tema dokumen memudahkan untuk mengkoordinasikan warna, font, dan efek pemformatan grafik di seluruh word, Excel, dan PowerPoint dokumen Anda dan memperbaruinya dengan cepat. Video ini memperlihatkan cara mengubah seluruh tema, baca di bawah ini untuk menyesuaikan font, warna, atau efek tema saja.

langkah mengubah tema microsoft word terbaru adalah

klik menu file

pilih option

pilih general di word option

pilih theme color pada  office theme di grup personalize yout copy of microsoft office

kemudian akhiri dengan klik ok

untuk lebih jelasnya dapat dilihat pada video berikut ini:

 

 

Read More

Daftar materi dan kegiatan laboratorium perbankan

 Berikut daftar materi dan link praktek laboratorium perbankan :

Pokok Bahasan	Keterangan
Membuat CIF dan Membuka Rekening Baru	https://youtu.be/ydOyMfct2v8
Blokir Saldo dan Rekening	https://youtu.be/cYJYNZn1f2k
Penerbitan cek dan bilyet giro	https://youtu.be/SBEJu1m1wrs
Tatacara Penutupan Rekening Tabungan	https://youtu.be/xhMpRS90h7I
Penerbitan / Pembukaan Deposito	https://youtu.be/fk3426K5TDI
Rekening Koran	https://youtu.be/2a4NUKhSvww
Transaksi Awal Hari, Setor Tunai, Tarik Tunai, Laporan Akhir Hari Teller Bank	https://youtu.be/SK4yvScUIeI
Mengenal Tarik Tunai Tutup Rekening, Pindah Buku dan Transaksi Teller Belum di Otorisasi	https://youtu.be/si3JaSj1yak
Fungsi dan tugas Supervisor Bank	https://youtu.be/XW-_s7NVxn4
Supervisor sebagai otorisasi rekening tabungan	https://youtu.be/cvZSywX_J-c
otorisasi pembukaan cek atau bilyet	https://youtu.be/Mohz6Efvrbw
Mengenali langkah Otorisasi Deposito Bank	https://youtu.be/HyTFmsvsj9k
mengenal tugas dan fungsi supervisor bank | Fungsi Supervisor mengawasi transaksi teller	https://youtu.be/9jh3V5fcNEg

 

Read More

Cara menghitung jumlah hari kerja dengan microsoft excel | format tanggal dan hari

 

Halo

 assalamualaikum warahmatullahi wabarakatuh 

apa kabarnya sahabat disini hari ini ??

kali ini kita akan membahas tentang bagaimana cara menghitung jumlah hari kerja yang kita tahu ya kan setiap bulan itu ada beberapa hari dan hitungannya ada yang berbeda ada yang 30 hari 31 hari 28 hari bagaimana cara menghitung jumlah hari kerja apabila ada hari libur ataupun hari libur yang di mana pekerja tidak bisa masuk kali ini aku akan ngebahas nya satu persatu dan sebelum kita lanjut jangan lupa untuk dukung channel ini dengan cara klik subscribe aktifkan lonceng notifikasi like Comment and share baik kita mulai dengan data-data yang aku pakai sekarang ini dapat kalian download melalui Link yang ada di deskripsi video ini karena aku udah sertakan linknya jadi kalian tinggal download saja saya di sini ada parameter yang aku buat parameternya adalah kalau libur kantor itu di hari Sabtu dan Minggu tidak kerja jadi ada beberapa kolom yang aku gunakan pertama jelas kita harus tahu terlebih dahulu hari masuknya atau tanggal masuknya ini ada di kolom hari masuk kemudian ada hari terakhir gimana hari untuk rekapan ya tanggal tanggal terakhir masuk kemudian ada kolom libur kalau libur ini diisi apabila karyawan atau objek yang sedang bekerja itu ada libur atau enggak jadi kalau Sunday libur ada liburnya nggak masuk atau tidak hadir karena alasan sesuatu maka dibuat saja tanggalnya di bagian sini yang jelas hari liburnya harus antara hari masuk dengan hari terakhir ya kalau untuk tanggalnya = hari Sabtu dan Minggu maka itu tidak bisa dihitung sebagai libur oke nah yang terakhir di kolom ini ada jumlah hari kerja yang akan kita hitung sebagai contoh hari masuknya tanggal 1 bulan 11 2020 dan hari terakhirnya tanggal 30 bulan 12 2002 1 sedangkan liburnya di tanggal 12 bulan 11 2000 21 kita langsung saja di kolom jumlah hari kerja di bagian bawahnya kita masukkan = dan untuk menghitung jumlah harinya kita gunakan rumus Day atau hari kerja ya na yang kita pakai yang bawah net worth internasional saja setelah kita klik dua kali maka ada tambahan buka (kurung ini ada di atau bantuan memberikan pedoman apa yang harus kita lakukan di sini ada lebar berwarna hitam di mana menunjukkan start jadi kita mulai dengan tanggal awal internetnya yang kita gunakan pada data ini adalah di hari masuk maka kita tinggal klik saja lalu;

untuk lanjutnya silahkan klik link berikut :

Cara menghitung jumlah hari kerja dengan microsoft excel | format tanggal dan hari 

Read More

Cara mencetak tanpa warna dengan printer iP2770

 Halo sobat bunglon..

Kali ini admin mau berbagi tips untuk para sobat yang terbiasa dengan cetak mencetak data menggunakan printer Ip 2700 atau jenis printer yang dikeluarkan oleh perusahaan besar canon ini, tips ini tidak lain tidak bukan adalah mencetak seluruh data dengan warna hitam atau ke abu abuan, walaupun didalam ketikan atau kertas kerja kita ada yang berwarna namun kita cetak dalam bentuk dan warna hitam saja,

hal ini dilakukan terkadang cartridge color atau warna tidak dalam kondisi terisi dengan baik sedangkan kita akan mencetak data cepat, solusi ini baik digunakan agar jangan sampai terkendala dengan pencetakan datanya.

Printer iP 2700 atau iP 2770 pasti sudah pada tahu semuanya kan sebab printer ini banyak digunakan karena bandel sekali, mudah perawatannya begitu juga dengan kualitasnya bagus maka wajar saja banyak yang menggunakan  jenis printer ini.

Langsung saja tidak perlu berlama lama lagi berikut caranya :

Langkah pertama buka lembar kerja yang akan di print, siapkan dokumen yang akan dicetak apa pun warna yang akan di cetak.

Kemudian klik tanda print di menu atau tekan Ctrl + P, pastikan terlebih dahulu bahwa printer kita sudah terhubung ke komputer yang digunakan dengan pemberitahuan atau kode jenis printer dengan status online. yang terlihat pada gambar berikut ini.

setelah memastikan bahwa printer yang digunakan dalam kondisi status online selanjutnya kita akan melakukan pengaturan agar saat melakukan operasi pencetakan data menggunakan kertas warna yang keluar adalah abu abu atau hitam maka klik tombol printer properties yang berada tepat dibawah jenis printer dan status printer saat ini. 

terdapat beberapa menu dalam tampilan ini, dan perhatikan pada judul tampilan ini seperti canon iP2700 series merupakan jenis printer yang akan kita atur mekanisme pencetakannya, menu pengesetan cepat berfungsi untuk mengatur tentang fitur fitur yang sering digunakan saat melakuka pencetakan data seperti fitur tambahan, tipe media atau jenis kertas yang digunakan, lalu ada ukuran kertas yang dapat dipilih sesuai dengan kertas yang akan digunakan saat melakukan pencetakan data, seperti A4, legal, letter, B5 dan lain sebagainya dengan mengklik tombol segi tiga atau tanda panah pada jenis kertas maka akan tampil ukuran kertas yang tersedia dalam aplikasi ini. juga terdapat kualitas cetak yang dapat kita gunakan apabila printer atau cartridge mulai eror maka dapat memanfaat kualitas ceta kertas yang tediri dari beberapa pilihan seperti standar yang biasa merupakan aturan standar tidak cepat atau pun lambat, sedang dan tinggi.

Kembali lagi ke topik kita untuk mencetak dalam bentuk warna hitam atau no color maka pada pilihan fitur tambahan ceklis pencetakan keabu abuan.

Setelah memilih keabu abuan pada fitur tambahan selantunya klik ok, untuk mengakhir pengaturan agar pencetakan tidak berwarna, dan hanya berwarna abu abu atau hitam.

Setelah pengaturan akan kembali ke tampilan awal saat menekan ctrl + p selanjutnya klik print.

Demikian teknik dan cara mencetak data dalam warna keabu abuan atau warna hitam menggunakan Printer iP 2770 atau printer iP2700.

Read More

cara download versi mendeley dari android maupun komputer

 

Karena ada beberapa masalah di mana versi terbaru dari mendeley tidak berfungsi dengan baik atau bahkan tidak dapat digunakan setelah dilakukan penginstalan

Atau istilahnya tidak kompatibel, sehingga tidak jarang dari kita harus melakukan penginstalan pada versi lama dan tidak terkecuali dengan software mendeley ini, yang biasa membuat tulisan pasti sudah mengenal apa itu mendeley khususnya dalam membuat sitasi maupun daftar pustaka

mari kita langsung saja membahas cara caranya..

Pertama, buka terlebih dahulu website mendeley di alamat mendeley.com

Lalu klik download now for window untuk versi terbaru, namun pada versi baru ini tidak semua sistem operasi dapat menginstalnya.

Untuk itu pada saat mendownload software mendeley harus memperhatikan sistem operasi yang digunakan

Bagi kalian yang belum tahu versi Windows yang digunakan dapat mengklik link notifikasi di atas.

...

Apabila sudah mendownload dan menginstal versi terbaru dari mendeley, namun tidak dapat dioperasikan karena software tidak kompatibel dengan sistem operasi maupun aplikasi seperti Microsoft Word yang digunakan pada perangkat kita,

Maka kita dapat mengklik tombol see release note, untuk menampilkan beberapa versi yang cocok untuk sistem operasi Windows 7 atau di atasnya

Terdapat dua jenis software mendeley yang disediakan, ini terlihat pada tampilan di sebelah kiri yang terdiri dari rilis versi stabil dan versi beta

Untuk melihat versi dari setiap jenis dapat mengklik tombol show more

Sedangkan di bagian tengah merupakan versi terbaru dari jenis stabil maupun dari jenis beta yang siap digunakan atau didownload

Untuk mendownload versi stabil maupun versi beta pilihlah versi yang diinginkan, kemudian copy versi yg diinginkan

Lalu bukalah Tab browser baru

Ketikan atau masukan alamat web mendeley.com/autoupdates/installers/1.19.1

Atau silakan copy paste alamat web yang ada di deskripsi video ini

Pastekan versi di baris paling terakhir semisal yang akan di download adalah versi 1.19.1

Lalu enter

Kemudian klik sesuai dengan sistem operasi yang digunakan

apabila menggunakan Windows maka klik Windows

Tunggu sampai download selesai...

...........

Demikian cara mendownload installer mendeley sesuai dengan versi yang disediakan pada website mendeley

Untuk Cara menginstal dan menghubungkan mendeley ke aplikasi Microsoft Word dapat mengklik link di atas

Semoga bermanfaat

 

Read More