Muchamad Eki S. A., S.Kom. M.M.
SMK Negeri 1 Panyingkiran @2017

Kampus SMK Negeri 1 Panyingkiran

Alamat : Jalan Kirapandak Desa Karyamukti Kecamatan Panyingkiran Kabupaten Majalengka Provinsi Jawa Barat 45459.

Praktik Kompetensi Keahlian

Praktik Kompetensi Keahlian di SMK Negeri 1 Panyingkiran (TKJ, RPL, MM, TP4, ELIN, KIMIN, BB, TKR)

Materi Pembelajaran Simulasi dan Komunikasi Digital

Blog ini membahas materi pembelajaran Simulasi dan Komunikasi Digital untuk kelas 10 TIK SMK.

Mengetik 10 Jari

Salah satu materi bahasan Simulasi Digital yang akan disampaikan.

Perangkat Lunak Pengolah Kata

Salah satu materi bahasan Simulasi Digital yang akan disampaikan.

Presentasi Video

Presentasi Video merupakan salah satu materi bahasan untuk membuat presentasi berbentuk video.

Pengolah Angka

Pengolah Angka (Spreadsheet) merupakan salah satu materi bahasan untuk membuat dokumen dalam bentuk worksheet.

Galeri Video Tutorial

Galeri Video Tutorial disediakan sebagai alat bantu untuk memahami materi bahasan dalam berbentuk video.

Kegiatan Ekstrakurikuler

Galeri Foto Kegiatan Ekstrakurikuler di SMKN 1 Panyingkiran.

Mengerjakan Tugas Diskusi

Salah satu aktifitas siswa dalam KBM.

Kelas Maya

Salah satu materi yang dibahas dalam materi pembelajaran simulasi digital.

Source Code Menu Pull Down

Artikel berupa Source Code untuk membuat Menu Pull Down dalam Blog Simulasi Digital.

Kegiatan Membaca Al Quran sebelum jam pertama KBM

Cuplikan dari hasil karya siswa dalam bahasan Presentasi Video.

Kegiatan Diskusi (salah satu metode dalam KBM)

Cuplikan dari hasil karya siswa dalam bahasan Presentasi Video.

Kerja Kelompok (salah satu metode dalam KBM)

Cuplikan dari hasil karya Presentasi Video

Brosur PPDB SMKN 1 Panyingkiran

Brosur PPDB SMKN 1 Panyingkiran Tahun Pelajaran 2018/2019 (depan)

Brosur PPDB SMKN 1 Panyingkiran

Brosur PPDB SMKN 1 Panyingkiran Tahun Pelajaran 2018/2019 (belakang)

Selamat Datang di Blog SMK Negeri 1 Panyingkiran Kabupaten Majalengka Provinsi Jawa Barat untuk Materi Pembelajaran Simulasi dan Komunikasi Digital - - - - - Untuk melihat Daftar isi dari Blog ini... silahkan klik tombol Materi Bahasan Blog

Klik >>> Daftar Isi (Materi Bahasan Blog)


Presentasi Blog sebagai Media Pembelajaran








Tutorial Penggunaan Editor Online Blogger








Tutorial Membuat Apps dengan AppsGeyser





Friday, September 28, 2018

Pengertian Rumus (Formula) dalam Excel

Pengertian Rumus (Formula) dalam Excel

Pengertian Rumus (Formula) dalam Excel adalah penulisan untuk menghitung atau menampilkan kombinasi dari data-data yang ingin ditampilkan dalam Excel, untuk menulis rumus (formula) ini diawali dengan penulisan tanda " = " sama dengan.



Pengertian Cell, Row, Column dan Range dalam Excel

Pengertian Row (Baris), Column (Kolom), Cell (Sel), dan Range dalam Excel





Row
Pengertian Row / Baris adalah Baris dalam lembar kerja Excel yang ditandai dengan angka berjajar ke arah bawah.

Column
Pengertian Column / Kolom adalah Kolom dalam lembar kerja Excel yang ditandai dengan huruf berjajar ke arah samping.

Cell
Pengertian Cell / Sel adalah Kotak-kotak kecil, perpotongan Kolom (column) dengan Baris (row)

Range
Pengertian Range adalah kumpulan dari beberapa sel.

Saturday, September 15, 2018

Tips Menggunakan Internet Sehat, Aman dan Nyaman

Tips tersebut bisa mengantisipasi dan membuat Anda terhindar dari serangan cyber yang sering terjadi belakangan ini. Tips berinternet aman dan nyaman juga berfungsi untuk menjaga keamanan komputer atau smartphone anda ketika browsing. Jika Anda pengguna internet aktif untuk mencari informasi atau pengguna sosial media aktif, maka terapkanlah beberapa tips.

Tips Menggunakan Internet Sehat, Aman dan Nyaman
  1. Think Before Connect
  2. Selalu Update Antivirus
  3. Hindari Menyebarkan Informasi Pribadi
  4. Gunakan Kombinasi Password dan Ubah Password Secara Rutin
  5. Selalu lakukan Logout

- - - - -
  1. Think Before Connect
Tetapkanlah tujuan terlebih dahulu ketika ingin berinternet ria sehingga tidak memberikan dampak negatif bagi anda. Tips pertama ini mengajarkan Anda tentang antisipasi sebelum melakukan sesuatu. Jangan sampai menggunakan internet untuk hal yang tidak penting atau menjadi hal yang sia-sia. Jika teledor, bisa saja Anda terjebak dalam situs illegal. Contoh, tanpa sengaja Anda bisa masuk ke dalam sebuah situs online shop atau survey online yang mencuri informasi pribadi Anda.
  1. Selalu Update Antivirus
Memasang program antivirus pada komputer Anda adalah sebuah keharusan, karena hal ini merupakan proteksi untuk data dan software komputer. Ada banyak jenis antivirus yang bisa dipasang pada komputer, bahkan program antivirus gratis. Antivirus juga berfungsi untuk memblokir situs-situs yang memiliki harm content, seperti konten dewasa dan berbahaya. Jangan lupa pula untuk selalu update antivirus pada komputer Anda, agar proteksi keamanan lebih terjamin.
  1. Hindari Menyebarkan Informasi Pribadi
Internet memudahkan menemukan informasi, namun jangan ceroboh untuk menyebarkan informasi Anda cuma-cuma. Hal tersebut bisa memudahkan orang tidak bertanggung jawab, maka tulislah sesingkat mungkin. menggunakan data diri Anda untuk modus kejahatan.  Jika ingin menuliskan contact person, maka cukup berikan data singkat. Contoh untuk data diri facebook, jangan sebutkan alamat rumah, nomor telepon pribadi atau foto pribadi. Hal tersebut bisa menimbulkan kejahatan internet.
  1. Gunakan Kombinasi Password dan Ubah Password Secara Rutin
Hal yang sangat penting ketika menggunakan internet adalah password sebagai kuncian dari semua peralatan digital Anda. Gunakan kombinasi password yang kuat agar tidak mudah terdeteksi oleh hacker. Jangan gunakan password umum, seperti tanggal lahir atau nama belakang, karena jika informasi pribadi sudah tersebar maka dengan mudah terdeteksi. Sebagai contoh, gunakan kombinasi password menggunakan nama hewan peliharaan, nama orang tua atau hal lain dimana cukup Anda saja yang tahu. Lalu kombinasikan password menggunakan angka, huruf besar dan kecil. Paling tidak, gunakan maksimal sepuluh atau dua belas digit password. Selain itu, Anda juga harus rutin mengubah password untuk menghindari pencurian password, minimal satu bulan sekali.
  1. Selalu lakukan Logout
Tips menggunakan internet aman dan nyaman yang terakhir adalah selalu logout setelah selesai menggunakan media sosial, email atau aktivitas pribadi menggunakan internet. Tips ini akan mencegah Anda dari orang jahil. Logout atau sign out harus selalu dilakukan demi keamanan data. Logout bukan hanya dilakukan ketika menggunakan komputer bersama, seperti warnet, namun Anda wajib melakukan logout saat menggunakan komputer pribadi. Contoh hal negatif yang mungkin membuat Anda tidak nyaman adalah ketika orang lain meminjam komputer dan membuka browser, kemudian menemukan media sosial atau email Anda terbuka. Bisa saja orang lain menemukan hal penting di dalam media sosial Anda.



- - - 
Sumber :



Pengertian Virus Komputer, Jenis Virus Komputer dan Cara Pencegahannya

Pengertian Virus Komputer 


  • Virus komputer merupakan program komputer yang dapat menggandakan atau menyalin dirinya sendiri dan menyebar dengan cara menyisipkan salinan dirinya ke dalam program atau dokumen lain. Virus komputer dapat dianalogikan dengan virus biologis yang menyebar dengan cara menyisipkan dirinya sendiri ke sel makhluk hidup. 
  • Pengertian Virus Komputer adalah program / aplikasi yang dapat menggandakan dirinya sendiri dan menyebar dengan cara  menyisipkan dirinya pada program dan data lainnya . biasanya user tidak mengetahui jika komputer yang di milikinya terjangkit virus sampai salah satu data hilang atau program yang ada pada komputer tidak bisa di jalankan.



Cara Pencegahan Virus Komputer

  1. Simpan data pribadi anda di layanan penyimpanan cloud
  2. Simpan data pribadi anda di email dengan enkripsi Two Factor Authentication



Berikut merupakan beberapa langkah pencegahan yang dapat anda lakukan dibawah ini:
1. Simpan data pribadi anda di layanan penyimpanan cloud
Banyak langkah pencegahan yang dapat dilakukan untuk menghindari serangan hacker yang akan menimbulkan kerugian besar pada aset yang telah anda rahasiakan selama ini. Dan salah satu cara terbaik untuk mencegah hal ini terjadi yaitu, dengan menyimpan data pribadi anda di layanan penyimpanan cloud seperti google drive, dropbox, dan sebagainya. Dan untuk menjamin keamanan data anda di google drive, maka anda dapat menambahkan enkripsi Two Factor Authentication, yang merupakan layanan yang menawarkan perlindungan ketat dari para hacker yang ingin menyusupi akun google drive anda.

2. Simpan data pribadi anda di email dengan enkripsi Two Factor Authentication
Pada poin pertama dalam langkah pencegahan diatas, kita sudah membahas tentang enkripsi Two Factor Authentication yang terintegrasi dengan google drive. Dan langkah selanjutnya anda juga dapat menyimpan data pribadi anda di akun gmail yang telah anda buat. Dalam hal ini, mungkin anda akan merasa penasaran dengan apa yang kami maksud, dan mengapa kami merekomendasikan layanan penyimpanan yang terintegrasi dengan enkripsi Two Factor Authentication. Tapi sebelumnya, tahukah anda bahwa google memiliki sistem verifikasi dua langkah yang dapat membuat akun gmail, maupun google drive anda menjadi aman? Jika anda belum mengetahui secara jelas apa yang kami maksud, maka anda dapat membaca ketentuan yang terdapat pada google 2 step verification
Nah, itulah beberapa jenis virus yang dilancarkan oleh hacker beserta langkah pencegahan yang dapat anda lakukan untuk mengamankan data anda. Dan kami berharap bahwa artikel ini dapat bermanfaat bagi seluruh pembaca. Dan atas perhatian dari para pembaca, maka kami mengucapkan banyak terima kasih. Good luck guys. Semoga hari anda menjadi lebih baik dari sebelumnya.



Jenis Virus Komputer :


  1. Trojan. 
  2. Worm. 
  3. Memory Resident Virus
  4. Multipartite Virus
  5. FAT Virus
  6. Directory Virus
  7. Macro Virus. ...
  8. Boot Sector Virus.


- - - 

Sumber ;








Pengertian Presentasi dan Teknik Presentasi yang baik

Pengertian Presentasi

Presentasi adalah penyajian atau penyampaian karya tulis atau karya ilmiah seseorang di depan forum undangan/peserta atau suatu kegiatan berbicara di depan masyarakat/khalayak ramai (audiens), dalam rangka mengajukan suatu ide atau gagasan untuk mendapatkan pemahaman atau kesepakatan bersama. Kehadiran peserta dalam presentasi bermanfaat untuk membuat presentasi secara lebih aktif dan lansar, serta efisien dalam jangka waktu yang ditentukan.

Orang yang menyampaikan presentasi disebut presentator atau presenter, sedangkan orang yang menghadiri presentasi disebut audience. Agar presentasi itu dapat berjalan secara selektif, ada beberapa hal yang perlu diperhitungkan.

Hal yang dimaksudkan tersebut adalah sebagai berikut :
a. menarik minat dan perhatian peserta
b. mengarahkan perhatian peserta
c. mempertahankan minat dan perhatian peserta
d. menjaga kefokusan pada presentasi yang disajikan
e. menjaga etika atau kode etik presentasi 


- - -

Teknik presentasi yang baik dipengaruhi :

a. Pembuatan slide presentasi
Berikut ini adalah teknik presentasi yang perlu diperhatikan saat pembuatan slide presentasi, yaitu:
  1. Pilih tema desain yang relevan
    Sebuah slide yang baik akan mampu menjelaskan ide dan gagasan yang ingin disampaikan oleh seorang presenter. Dengan demikian, audiens akan terbantu ketika melihat slide yang ditampilkan dan presenter lebih mudah dalam menjelaskan apa makna yang dikandung oleh slide tersebut. Tipe desain harus mengikuti prinsip relevansi artinya memiliki kesesuaian dengan topik yang dibicarakan misalnya presentasi ternak sapi dengan slide bergambar sapi.
  2. Hindari sajian teks panjang
    Pemakaian teks yang terlalu panjang dapat membuat slide tidak dapat terbaca oleh audiens. Apabila belum jelas, audien dapat membaca print out karya ilmiah tersebut, jika belum paham, audiens dapat bertanya pada sesi tanya jawab. Beberapa ahli presentasi menyarankan maksimum lima baris teks dalam sebuah slide. Dengan demikian jika Anda harus menampilkan teks dalam bentuk daftar, pastikan tidak lebih dari lima baris.
  3. Alur yang teratur
    Slide yang baik memiliki alur yang teratur, dari pendahuluan, penjelasan/isi, hingga penutup. Slide yang isinya melompat-lompat dari satu topik ke topik yang lain tanpa alur yang jelas akan menyulitkan audiens untuk memahaminya.
  4.  Berikan multimedia yang relevan
    Untuk menambah daya tarik, slide dapat ditambahkan multimedia yang relevan, seperti gambar, animasi, audio, video. Kesesuaian multimedia dengan topik pembicaraan harus saling mendukung, bukan malah membingungkan audiens.
  5. Satu slide, berisi satu pesan
    Slide presentasi yang baik hanya terfokus pada satu pesan. Tiap slide sebaiknya mewakili sebuah ide yang ingin dijelaskan. Jangan mencampur beberapa ide berbeda ke dalam satu slide. Audiens akan bingung dan sulit mencernanya.
  6. Perhatikan karakter huruf  dan ukuran huruf
    Karakter huruf  dan ukuran huruf dalam slide harus proporsional dan sesuai dengan ilustrasi, tidak terlalu besar dan tidak terlalu kecil.                  
b. Penyampaian presentasi
Berikut ini adalah teknik presentasi yang perlu diperhatikan saat akan menyampaikan presentasi, yaitu:
  1. Persiapkan Diri
    a. Sering latihan
    Semakin banyak melakukan latihan, maka akan semakin mahir dalam presentasi. Suatu kebolehan atau skill bisa didapatkan jika sering berlatih.
    b. Penampilan
    Menjaga penampilan pada saat presentasi juga sangat penting. Penampilan seseorang dapat meningkatkan rasa percaya diri.
  2. Persiapkan Materi dan Bahan
    a. Tentukan point-point penting (bukan slide yang penuh tulisan)
    b. Kuasai materi (menjabarkan secara lisan point tersebut)
    c. Siapkan contoh pendukung
    d. Susun materi dengan terstruktur
  3. Cara Penyampaian
    a. Santai, sopan, dan tidak terburu-buru
    b. Intonasi dan bahasa tubuh
    c. Interaksi
    d. Bahasa yang mudah
    e. Selipkan selingan atau humor


- - - 
Sumber :





Tuesday, September 11, 2018

Pengertian Penjelajah Web (Web Browser) dan Contoh Aplikasinya

Pengertian Penjelajah Web (Web Browser)


  • Penjelajah Web (Web Browser) peramban web atau penelusur web adalah perangkat lunak yang berfungsi untuk menerima dan menyajikan sumber informasi di Internet. Sebuah sumber informasi diidentifikasi dengan pengidentifikasi sumber seragam yang dapat berupa halaman web, gambar, video, atau jenis konten lainnya.
  • Pengertian Web Browser adalah alat pemandu menjelajah internet yang akan mengantar anda malakukan berbagai aktivitas di internet dunia maya. Program standar penjelajah internet yang biasa dipakai adalah Internet Explorer, karena pada dasarnya internet explorer merupakan bagian dari paket program sistem operasi windows, sebenarnya masih banyak web browser lain yang dapat anda gunakan walaupun cara pemakaiannya sama.






Contoh Penjelajah Web (Web Browser) diantaranya :
  • Google Chrome. 
  • Mozilla Firefox. 
  • Safari. 
  • Opera. 
  • Internet Explorer. 
  • Netscape Navigator. 
  • Maxthon.
  • RockMelt.
  • SeaMonkey.



- - -
Sumber :



Pengertian dan Simbol Creative Commons

Pengertian dan Simbol Creative Commons

Creative Commons (CC) adalah suatu organisasi nirlaba yang memfokuskan diri untuk memperluas cakupan karya kreatif yang tersedia untuk orang lain secara legal agar dapat digunakan kembali dan dibagi secara luas. Organisasi ini telah menerbitkan beberapa lisensi hak cipta yang dikenal dengan lisensi Creative Commons.




Simbol Creative Commons, dengan Creative Commons, Profesor Lessig menyediakan set lisensi hak cipta gratis untukdigunakan oleh publik. Seorang pencipta yang bersedia untuk melepaskan karyanya di bawah lisensi Creative Commons (CC) dapat mengunjungisitus web Creative Commons dan memilih lisensi yang diinginkan dalam satu klik.



- - -
Sumber :
https://id.wikipedia.org/wiki/Creative_Commons



Pengertian Cyberbully / Intimidasi dunia maya

Pengertian Cyberbully / Intimidasi dunia maya

Cyberbully / Intimidasi dunia maya atau penindasan dunia maya (bahasa Inggriscyberbullying) adalah segala bentuk kekerasan yang dialami anak atau remaja dan dilakukan teman seusia mereka melalui dunia maya atau internet. Intimidasi dunia maya adalah kejadian manakala seorang anak atau remaja diejek, dihina, diintimidasi, atau dipermalukan oleh anak atau remaja lain melalui media internet, teknologi digital atau telepon seluler.





- - -
Sumber ;
https://id.wikipedia.org/wiki/Intimidasi_dunia_maya





Blog Pemrograman Web

Web SMK Negeri 1 Panyingkiran











Monday, September 10, 2018

Web SMK Negeri 1 Panyingkiran

Web SMK Negeri 1 Panyingkiran











Pengertian Pemrograman CSS dan Contohnya


PEMROGRAMAN CSS


Cascading Style Sheet (CSS) merupakan aturan untuk mengatur beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman.

Pengertian CSS (Cascading Style Sheet)
CSS (Cascading Style Sheet) adalah salah satu bahasa desain web (style sheet language) yang mengontrol format tampilan sebuah halaman web yang ditulis dengan menggunakan penanda(markup laguage. Biasanya CSS digunakan untuk mendesain sebuah halaman HTML dan XHTML, tetapi sekarang CSS bisa diaplikasikan untuk segala dokumenXML, termasuk SVG dan XUL bahkan ANDROID.




CSS dibuat untuk memisahkan konten utama dengan tampilan dokumen yang meliputi layout, warna da font. Pemisahan ini dapat meningkatkann daya akses konten pada web, menyediakan lebih banyak fleksibilitas dan kontrol dalam spesifikasi darisebuah karakteristik dari sebuah tampilan, memungkinkan untuk membagi halaman untuk sebuah formatting dan mengurangi kerumitan dalam penulisan kode dan struktur dari konten, contohnya teknik tableless pada desain web.

CSS juga memungkinkan sebuah halaman untuk ditampilkan dalam berbagai style dengan menggunakan metode pembawaan yang berbeda pula, seperti on-screen, in-print, by voice, dan lain-lain. Sementaraitu, pemilik konten web bisa menentukan link yang menghubungkan konten dengan file CSS.

Pengertian CSS
Dalam bahasa bakunya, seperti di kutip dari wikipedia, CSS adalah “kumpulan kode yang digunakan untuk mendefenisikan desain dari bahasa markup” , dimana bahasa markup ini salah satunya adalah HTML.
Untuk pengertian bebasnya, CSS adalah kumpulan kode program yang digunakan untuk mendesain atau mempercantik tampilan halaman HTML. Dengan CSS kita bisa mengubah desain dari text, warna, gambar dan latar belakang dari (hampir) semua kode tag HTML.
CSS biasanya selalu dikaitkan dengan HTML, karena keduanya memang saling melengkapi. HTML ditujukan untuk membuat struktur, atau konten dari halaman web. Sedangkan CSS digunakan untuk tampilan dari halaman web tersebut. Istilahnya, “HTML for content, CSS for Presentation”.


Fungsi dan Kegunaan CSS
Awal mula diperlukannya CSS dikarenakan kebutuhan akan halaman web yang semakin kompleks. Pada awal kemunculan HTML, kita bisa membuat suatu paragraf bewarna merah dengan menulis langsung kode tersebut didalam tag HTML, atau membuat latar belakang sebuah halaman dengan warna biru. 



Sumber :
·      https://www.it-jurnal.com › Programming
·      internet


Thursday, September 6, 2018

Pengertian Internet Safety (Internet Sehat)

Keamanan internet atau keamanan online berusaha untuk aman di internet dan merupakan pengetahuan untuk memaksimalkan risiko keamanan dan keamanan pribadi pengguna terhadap informasi pribadi dan properti ... Wikipedia (Inggris)




Internet Sehat adalah aktifitas manusia yang sedang melakukan kegiatan online baik browsing, Chating, Social media, upload dan download secara tertib, baik dan beretika sesuai norma-norma dan aturan yang berlaku di masyarakat.

Internet Sehat adalah cara berprilaku yang beretika saat mengakses suatu Informasi dari internet, selain itu juga Pengguna Internet yang sehat tidak melakukan aktifitas internet yang melanggar hukum seperti Pelanggaran Hak Cipta (Ilegal), Hacking Dan Mengakses Konten legal (Situs Dewasa)

Internet Sehat adalah Internet yang di gunakan untuk tidak mengakses konten-konten negatif seperti halnya situs porno, sehingga Orang tua saat ini harus lebih teliti soal anaknya yang sudah mengenal Internet
Internet Sehat adalah adalah aktifitas Internet yang di sesuaikan dengan kebutuhan pengguna internet secara kriteria Umur, Profesi



- - -
Sumber :




x

Macam-macam Format Buku Digital (ebook)

Macam-Macam Format Buku Digital
  • AZW– Amazon World. ...
  • EPUB– Electronic Publication. ...
  • KF8– Format Kindle Fire dari Amazon. ...
  • MOBI– Format MobiPocket, ditampilkan menggunakan perangkat lunak membaca sendiri. ...
  • PDB– Palm File Database. ...
  • PDF– Portable Document Format yang diciptakan oleh Adobe untuk produk Acrobat mereka.






- - -
Sumber :

Pengertian Pengolah Video, Fungsi dan Contoh Aplikasinya

Pengertian Pengolah Video

  • Video adalah teknologi untuk menangkap, merekam, memproses, mentransmisikan dan menata ulang gambar bergerak. Biasanya menggunakan film seluloid, sinyal elektronik, atau media digital
  • Perangkat lunak untuk mengolah video termasuk tahapan menangkap, merekam, memproses, mentransmisikan dan menata ulang gambar bergerak.
  • Presentasi video adalah video untuk mengomunikasikan ide atau gagasan, yang digunakan untuk memperkenalkan produk yang dibuat melalui proses merekam gambar dan suara, menata urutan dan menyambung atau memotong gambar dan menyataukannya menjadi kesatuan yang utuh.





Contoh aplikasi untuk pengolah video :
  1. Corel Video Studio
  2. Adobe Premiere Pro CC.
  3. Adobe After Effect
  4. Power Director
  5. Show Biz DVD
  6. Ulead Video Studio
  7. Element Premier
  8. Easy Media Creator
  9. Pinnacle Studio Plus
  10. WinDVD Creater
  11. Nero Ultra Edition


- - -




Pengertian Pemrograman HTML dan contohnya


PEMROGRAMAN HTML

Unsur Hyper Text Markup Language (HTML) adalah komponen individual dari dokumen HTML atau halaman web, setelah ini telah diuraikan ke dalam Model Objek Dokumen. HTML terdiri dari pohon simpul HTML, seperti simpul teks. (Wikipedia (Inggris))

Pengertian HTML adalah singkatan dari Hypertext Markup Language. Bahasa HTML digunakan untuk membangun halaman web. Selain itu, HTML adalah bahasa markup yang umum digunakan oleh para developer web. Karena kemudahan dalam menggunakannya, HTML menjadi bahasa pemrograman web yang populer dikalangan para developer.
HTML mempunyai fungsi di antaranya dapat menentukan format suatu teks, membuat list, membuat link ke dokumen lain, menyisipkan gambar, serta dapat menampilkan informasi dalam bentuk tabel. Selain itu, HTML juga berfungsi untuk mengatur tampilan dari halaman web dan isinya, menambahkan objek seperti gambar, video, audio, dan lain-lain.
Bagi pembaca yang baru mengenal HTML, untuk membuat dokumen web dengan HTML cukup mudah dilakukan. Namun sebelumnya, baiknya pembaca mengenal terlebih dahulu struktur yang dimiliki oleh HTML. Di bawah ini akan dijelaskan mengenai strukur dan bagaimana menggunakan HTML.



TAG
Tag adalah suatu penanda untuk menandai elemen-elemen dalam suatu dokumen HTML dan Fungsi Tag adalah untuk memberikan instruksi atau memberitahu kepada browser bagaimana suatu objek di tampilkan berdasarkan Tag yang di gunakan, objek disini bisa berupa teks, video, audio dan gambar.

< TAG >





Bagaimana Cara menggunakan Tag pada HTML?
Penggunaan Tag itu berada diantara dua karakter < dan > dengan demikian perintah tersebut dapat dikenali oleh browser dan memberitahu web browser bagaimana suatu objek ditampilkan. Secara umum penggunaan tag pada HTML itu berpasang- pasangan dimulai dengan <tag_pembuka> Isi dari konten </tag_penutup>namun ada juga tag yang dalam penulisannya berdiri sendiri seperti <nama_tag/> tag tersebut disebut dengan Void Element.

Referensi tag HTML dibawah ini juga termasuk tag HTML5 yang terakhir di release oleh W3C. Dibawah akan disebutkan kegunaan masing-masing tag juga penggunaan tag yang harus di hindari karena sudah tidak lagi disupport HTML5.

Berikut adalah daftar dari tag-tag HTML. 
Tag
Keterangan
Digunakan untuk memberi sebuah komentar atau keterangan. Kalimat yang terletak pada kontiner ini tidak akan terlihat pada browser
Mendefinisikan informasi tipe dokumen 
<a>
Mendefinisikan sebuah anchor, tetapi lebih tepat jika diartikan sebagai tautan dikarenakan tautan ini digunakan untuk saling menautkan antara satu dokumen HTML ke dokumen HTML yang lain 
<abbr>
Digunakan untuk menguraikan satu ungkapan yang disingkat dan Anda dapat memberikan informasi bermanfaat kepada penelusur-penulusur page source(halaman sumber kode) / pembaca layar, sistem terjemahan dan mesin pencari yang berasal dari singkatan yang sudah diuraikan, tetapi saat di browser uraian tersebut tidak akan tampil dan hanya sebagai informasi saja
<acronym>
Mendefinisikan akronim / fungsi tag ini kurang lebih sama dengan tag <abbr>
<address>
Mendefinisikan informasi kontak untuk penulis/pemilik dokumen
<applet>
Digunakan untuk memasukan file java kedalam dokumen HTML
<area />
Mendefinisikan daerah yang dapat diklik (link) pada peta gambar
<b>
Membuat teks tebal
<base />
Mendefinisikan URL dasar/target untuk semua URL relatif dalam dokumen
<basefont />
Membuat atribut teks default, seperti warna, ukuran, jenis font untuk semua teks dalam dokumen
<bdo>
Digunakan untuk menimpa arah teks
<big>
Memperbesar ukuran teks sebesar satu point dari defaultnya
<blink>
Membuat teks berkedip
<blockquote>
Mendefinisikan sebuah kutipan panjang. Pada saat di browser teks akan tampil menjorok kedalam 
<body>
Mendefinisikan body/isi dokumen HTML, berfungsi untuk menentukan bagaimana isi suatu dokumen ditampilkan di web browsernya. Isi dokumen tersebut dapat berupa teks, gambar, animas, link dan seterusnya
<br />
Memberi baris baru/pindah baris
<button>
Mendefinisikan sebuah tombol diklik
<caption>
Membuat caption pada tabel
<center>
Untuk perataan tengah terhadap teks atau gambar 
<cite>
Mendefinisikan kutipan
<code>
Mendefinisikan sebuah bagian dari kode komputer
<col />
Mendefinisikan nilai atribut dari satu kolom atau lebih dalam sebuah tabel
<colgroup>
Menentukan kelompok dari satu kolom atau lebih dalam sebuah tabel untuk performatan
<dd>
Mendefinisikan deskripsi dari item dalam daftar definisi
<del>
Untuk memberi garis tengah pada teks/mencoret teks
<dfn>
Mendefinisikan sebuah istilah definisi
<dir>
Mendefinisikan sebuah daftar direktori
<div>
Mendefinisikan sebuah section dalam dokumen 
<dl>
Mendefinisikan sebuah daftar definisi
<dt>
Mendefinisikan istilah (item) dalam daftar definisi
<em>
Membuat teks miring. Fungsi tag ini sama dengan tag <i> tetapi tag <em> yang lebih dianjurkan/ditekankan pada penggunaan untuk teks miring
<embed>
Digunakan untuk memasukkan file video atau file musik
<fieldset>
Untuk mengelompokkan elemen-elemen yang terkait dalam form / membuat seperti frame-box di dalam form
<font>
Mendefinisikan jenis font, warna dan ukuran untuk teks
<form>
Mendefinisikan sebuah form HTML untuk input form
<frame />
Mendefinisikan frame dalam fremeset
<frameset>
Mendefinisikan satu set frame
<h1> to <h6>
Digunakan untuk menunjukkan awal dari suatu header/judul dari dokumen HTML tersebut.
<head>
Digunakan untuk memberikan informasi tentang dokumen tersebut
<hr />
Membuat garis horisontal
<html>
Mendefinisikan root dari suatu dokumen HTML
<i>
Membuat teks miring
<iframe>
Mendefinisikan sebuah inline frame
<img />
Berfungsi untuk menampilkan gambar pada dokumen HTML
<input />
Mendefinisikan input field pada form
<ins>
Membuat teks bergaris bawah
<kbd>
Mendefinisikan teks yang di input dari keyboard
<label>
Mendefinisikan label untuk sebuah elemen <input>
<legend>
Mendefinisikan sebuah caption untuk elemen <fieldset>
<li>
Digunakan untuk menampilkan informasi dalam bentuk item daftar 
<link />
Mendefinisikan hubungan antara dokumen dan sumber eksternalnya
<listing>
Fungsi tag ini sama dengan tag <pre> dan dianjurkan menggunakan tag <pre> karena tag <listing> tidak layak/diprotes
<map>
Mendefinisikan client-side peta gambar
<marquee> 
Membuat teks berjalan secara vertikal atau horisontal
<menu>
Mendefinisikan sebuah daftar menu
<meta />
Mendefinisikan metadata tentang sebuah dokumen HTML
<nobr>
Mencegah ganti baris pada teks atau gambar
<noframes>
Jika browser user tidak mendukung frame
<noscript>
Jika browser user tidak mendukung client-side scripts
<object>
meletakkan embed sebuah objek
<ol>
Mendefinisikan daftar dalam format penomoran
<optgroup>
Menampilkan beberapa pilihan yang sudah dikelompokkan dalam bentuk sebuah daftar drop-down
<option>
Menampilkan beberapa pilihan yang berbentuk dalam sebuah daftar drop-down
<p>
Membuat sebuah paragraf
<param />
Mendefinisikan sebuah parameter untuk objek
<pre>
Membuat teks dengan ukuran huruf yang sama
<q>
Mendefinisikan sebuah kutipan singkat
<s>
Untuk memberi garis tengah pada teks/mencoret teks, fungsi tag ini sama dengan tag <del> tetapi tag <s> tidak dianjurkan sebagai gantinya menggunakan tag <del>
<samp>
Mendefinisikan contoh keluaran dari program komputer
<script>
Mendefinisikan client-side script
<select>
Membuat daftar drop-down
<small>
Memperkecil ukuran teks dari ukuran defaultnya
<span>
Mendefinisikan sebuah section dalam dokumen 
<strike>
Untuk memberi garis tengah pada teks/mencoret teks, fungsi tag ini sama dengan tag <del>
<strong>
Membuat teks tebal, fungsi tag ini sama dengan tag <b>
<style>
Mendefinisikan informasi style untuk dokumen HTML
<sub>
Memberikan efek subscript pada teks
<sup>
Memberikan efek superscript pada teks
<table>
Membuat tabel
<tbody>
Untuk mengelompokkan isi body di dalam sebuah tabel
<td>
Mendefinisikan sel di dalam sebuah tabel
<textarea>
Mendefinisikan sebuah kontrol input multiline
<tfoot>
Untuk mengelompokkan isi footer di dalam sebuah tabel
<th>
Mendefinisikan sel header di dalam  sebuah tabel
<thead>
Untuk mengelompokkan isi header di dalam sebuah tabel
<title>
Membuat judul untuk dokumen HTML
<tr>
Membuat baris di dalam sebuah tabel
<tt>
Mendefinisikan teletype text
<u>
Membuat teks bergaris bawah, fungsi tag ini sama dengan tag <ins> tetapi tag <u> tidak dianjurkan untuk kategori HTML text formatting melainkan termasuk kategori HTML Style
<ul>
Mendefinisikan daftar dalam format bullet
<var>
Mendefinisikan sebuah variabel
<xmp>
Mendefinisikan preformatted text, fungsi tag ini sama dengan tag <pre>



Sumber :
·      https://teknojurnal.com/belajar-pemrograman-web-html-dasar/
·      https://www.codepolitan.com/tag-dan-atribut-pada-html-belajar-html
·      http://komputerdynamic.blogspot.com/2014/12/macam-macam-tag-html-dan-fungsinya.html
·      internet