PEMROGRAMAN HTML UNTUK PEMULA #1


 

Pengertian HTML

HTML (Hyper Text Markup Language) adalah sebuah bahasa formatting yang digunakan untuk membuat sebuah halaman website.  HTML merupakan bahasa pemrograman dasar yang wajib dikuasai bagi seorang web developer. Di dalam dunia pemrograman berbasis website (Web Programming), HTML menjadi pondasi dasar pada halaman website.  Sebuah file HTML disimpan dengan ekstensi .html (dot html) dan dapat dieksekusi atau diakses menggunakan web browser (Google Chrome, Mozilla Firefox, Opera, Safari dan lain-lain) Nantinya, untuk membuat sebuah website yang dinamis, selain HTML kita memerlukan bantuan CSS, JavaScript dan PHP.


Kegunaan HTML

HTML berfungsi sebagai pondasi sebuah halaman website. adapun yang dapat dilakukan dengan HTML adalah sebagai berikut :

  • Membungkus element-element tertentu sesuai kebutuhan
  • Membuat heading atau format judul
  • Membuat Tabel
  • Membuat List
  • Membuat Paragraf
  • Membuat Form
  • Membuat Tombol
  • Membuat Huruf Tebal
  • Membuat Huruf Miring
  • Menampilkan gambar
  • Menampilkan Video
  • dsb

Memilih Teks Editor
Text Editor merupakan aplikasi yang digunakan untuk menulis syntax atau kode program HTML. Text editor sendiri sangatlah banyak yang bisa digunakan untuk penulisan kode HTML, contohnya seperti Notepad yang disediakan oleh sistem operasi windows, Textedit atau Nano. Text editor berbeda dengan Word Processor (Microsoft Word, King Soft, WordPerfect). Itu dikarenakan text editor tidak bisa digunakan untuk mengatur format document. Beberapa text editor yang sering digunakan oleh kebanyakan web programmer antara lain Sublime Text Editor, Notepad ++, Atom, Brackets, Netbeans, Dreamweaper, dan lain-lain.

Sublime Text Editor

Notepad ++

Atom

Adobe Dreamweaper


Memilih Web Browser
Browser merupakan aplikasi yang akan kita gunakan untuk menjalankan code program html yang sudah kita tulis. Browser ini ialah aplikasi yang wajib anda miliki jika anda belajar web programing. Browser berfungsi untuk menguji apakah code program yang kita tulis sudah berjalan dengan sesuai dengan keinginan atau belum. Adapun aplikasi browser yang bias digunakan antara lain adalah Mozilla Firefox, Opera, Chrome, Safari dan sebagainya

Google Chrome

Mozilla Firefox


Jadi kesimpulannya, sebelum memulai penulisan kode program, yang harus anda penuhi terlebih dahulu adalah memilih salah satu text editor yang akan anda digunakan dan browser untuk menjalankan code program.


Mengenal Tag HTML
Tag merupakan kode yang digunakan untuk memperkenalkan pada web browser untuk apa text HTML yang ditulis. HTML membutuhkan cara memperkenalkan text yang ditulis didalamnya kepada web browser. baik text itu berupa list, paragraf, link dan sebagainya. Dalam penulisan tag, hampir semua menggunakan pembuka dan penutup tag, dimana objek yang di maksudkan berada diantara pembuka dan penutup tag. Berikut penulisan tag yang digunakan dalam HTML.
Tag HTML


Beberapa jenis tag yang akan sering dijumpai
Tag Fungsi
<!– ….–> Digunakan untuk memberi sebuah komentar atau keterangan
<!DOCTYPEhtml> digunakan untuk Mendefinisikan tipe document HTML5
<a>link</a> Mendefinisikan sebuah anchor, digunakan untuk saling menautkan antara satu dokumen HTML ke dokumen HTML yang lain (membuat link)
<b> .. </b> membuat teks menjadi tebal
<p> .. </p>  membuat paragraf
<h1> .. </h1> membuat heading satu 
<h2> .. </h2> membuat heading satu 
… dan seterusnya...



Mengenal Element HTML
  • Element pada HTML merupakan isi atau objek yang berada pada tag. 
  • Isi yang ada diantara tag pembuka dan tag penutup disebut dengan elemen
  • pada contoh dibawah <h2> adalah heading dua, <h2> mempunyai element yang isinya adalah “Pengenalan atribut HTML”
  • Dalam element ini bisa berupa text ataupun tag lain misalnya <link> dansebagainya.


Mengenal Atribut HTML
Atribut merupakan informasi tambahan yang digunakan di dalam tag pembuka. Informasi ini bisa berupa instruksi untuk memberikan efek warna, ketebalan, dll. Atribut bisanya memiliki 2 bagian yaitu nama dan nilai, dapat ditulis dengan (name=”value”). penulisan nilai/value diapit oleh dua tanda kutip (bisa digunakan kutip satu atau kutip dua). Tidak semua tag ini membutuhkan atribut di dalamnya, namun bagi anda yang bergelut diweb programing akan sering menjumpai tag yang didalamnya terdapat atribut.

Perhatikan pada syntax di bawah :
  • <h2> adalah tag heading 2
  • align adalah nama dari atribut
  • center adalah nilai/value dari atribut
  • “Pengenalan atribut HTML” adalah element dari tag h2


VIDEO INTERAKTIF | BELAJAR BARENG PEMROGRAMAN HTML UNTUK PEMULA #1





Lokasi: Penglatan, Kec. Buleleng, Kabupaten Buleleng, Bali, Indonesia

Komentar

Posting Komentar

Popular Posts

[TIPS & TRIK] 6 CARA MEMBERSIHKAN LAYAR MONITOR ATAU LCD LAPTOP

Gambar
Layar monitor/laptop cenderung mengumpulkan debu, partikel makanan, dan kotoran-kotoran lain yang mulai terlihat tidak menarik dalam waktu singkat. Menggunakan peralatan yang yang sangat lembut untuk membersihkan layar laptop adalah hal yang penting, karena permukaan LCD mudah rusak. Menggunakan lap serat mikro dan larutan sederhana dari air dan cuka dapat memberikan hasil yang diharapkan jika Anda tidak ingin membeli pembersih layar khusus. Bingung gimana caranya membersihkan layar monitor dan LCD Laptop Anda??? Nah.. melalui Blog ini saya akan berbagi kepada Anda mengenai cara membersihkan LCD Laptop: 1. Gunakan Kain Halus Dipasaran sebenarnya sudah ada Paket alat pembersih LCD ini dengan harga bervariasi antara 10rb – ratusan ribu. Dan jikalau belum bisa membeli paketan alat ini, gunakan kain yang lembut. 2. Gunakan Cairan Secukupnya Cairan yang biasa saya pakai adalah cairan yang biasa saya pakai untuk membersihkan kacamata saya, kalaupun ternyata cairan ini tidak punya, sebenar...
Baca selengkapnya

PURA BUKIT PUNCAK CEMARA GESENG | LEMUKIH - BULELENG

Gambar
Pura Bukit Puncak Cemara Geseng terletak di ketinggian 1.184 meter diatas permukaan laut. Kawasan pura bukit masuk ke dalam wilayah Desa Silangjana.  Disebut Pura Cemara Geseng, karena dulunya di puncak bukit ini  terdapat habitat pohon cemara geseng, dengan nama latin Casuarina junghuhniana. Dimana menurut biodiversitywarriors.org Cemara geseng merupakan tanaman pioner karena akarnya mampu menambat nitrogen, biasanya tumbuh subur menghijau di puncak. Getahnya untuk obat sakit perut, daunnya untuk upacara adat ngaben, dan kayunya untuk tangkai peralatan (madik, kandik, kapak, dsb) Nah, Namun sekitar beberapa puluh tahun yang lalu pohon cemara tersebut habis terbakar, yang hingga saat ini belum diketahui apa penyebabnya, apakah terbakar karena bekas dupa yg baru habis digunakan untuk bersembahyang atau karena gesekan antar pohon shg bisa menimbulkan percikan api, atau mungkin bekas kayu bakar anak2 kemah yang mungkin apinya tidak dipadamkan dengan baik ketika mereka hendak pula...
Baca selengkapnya

Pengertian, Manfaat, Contoh Penggunaan, dan Dampak Negatif AI

Gambar
Pengertian, Manfaat, Contoh Penggunaan, dan Dampak Negatif AI Artificial Intelligence (AI) atau Kecerdasan Buatan telah menjadi salah satu teknologi paling revolusioner di abad ke-21. Dengan kemampuan untuk belajar dan beradaptasi, AI membuka peluang baru dalam berbagai aspek kehidupan manusia. Artikel ini akan membahas pengertian AI, manfaatnya, contoh penggunaan, serta dampak negatif yang mungkin timbul dari teknologi ini. Pengertian AI AI adalah bidang ilmu komputer yang berfokus pada pembuatan mesin dan perangkat lunak yang mampu meniru proses berpikir dan kemampuan belajar manusia. AI mencakup berbagai teknologi seperti machine learning, neural networks, deep learning, natural language processing, dan lainnya. Dengan AI, mesin dapat melakukan tugas yang biasanya membutuhkan kecerdasan manusia, seperti pengenalan suara, pemahaman bahasa alami, dan pengambilan keputusan. Manfaat AI 1. Otomatisasi Tugas Rutin : AI dapat mengotomatiskan tugas-tugas yang berulang dan memaka...
Baca selengkapnya