Belajar Dasar HTML Lengkap: Penjelasan Konsep Dan Prinsip Utama

Assalamualaikum, Pada kesempatan kali ini admin akan memberikan tutorial mengenai Belajar dasar- dasar HTML Lengkap, yang mencangkup penjelasan konsep dan prinsip utama. Tentunya materi belajar HTML penjelasan konsep dan perinsip utama ini sangat penting untuk teman- teman pelajari karena merupakan materi dasar dalam mengembangkan aplikasi berbasis website. Banyak yang akan admin bahas pada tutorial ini mengenai Belajar Dasar HTML Lengkap, Penjelasan Konsep dan Perintsip Utama.

Untuk pembasan lengkap mengenai tutorial HTML, Silahkan teman- teman kunjungi: Panduan Lengkap Belajar HTML

Oke, langsung saja kita mulai pembahasan pada tutorial kali ini.

Untuk belajar HTML tentunya tidak hanya universal, tetapi merupakan suatu hal yang paling mudah bagi pemula untuk mempelajarinya. Ini merupakan hal dasar untuk membangun situs website.

Jika teman- teman mengetahui cara membuat kode dalam HTML, teman- teman tentunya akan dapat membuat dan menyusun halaman website. Untuk memberikan mereka suatu tampilan yang bagus serta dinamis, tentunya teman- teman harus menggabungkan antara element HTML dengan CSS serta Javascript. Tentunya sebelum ini teman- teman harus terbiasa dengan dasar- dasar HTML dan belajar menggunakan tag pada HTML.

Tim Berner-Lee menciptakan HTML ini pada tahun 1990 serta mendasarkannya pada Standar Generalized atau biasa disingkat dengan (SGML). Prinsip utama dari dasar- dasar HTML ialah mengelilingi teks dengan menggunakan tanda kurung siku untuk menetapkan konsep yang dipilih.

Apa arti HTML? HTML merupakan akromim dari Hypertext Markup Language. Ini dimaksudkan untuk dapat membantu orang dalam menyusun dan memformat konten sehingga web browser internet akan menampilkan halaman dengan benar. Tentunya dengan menggunakan HTML itu saja tidak cukup untuk dapat membuat situs website yang menarik. Teman- teman harus mempelajari Tritunggal yaitu HTML, Javascript dan CSS.

Sebelum teman- teman mulai mempelajari dasar- dasar bahasa HTML, tentunya teman- teman harus mengingat pentingnya pembuatan tag yang tepat. Pada tag tentunya dibagi kedalam berbagai kategori sesuai dengan tujuannya, Silahkan teman- teman simak point - point dibawah ini:
  • Element Root
  • Metadata dokumen
  • Bagian
  • Mengelompokan Konten
  • Teks-Level semantics
  • Edits
  • Embedded Konten
  • Tabular Data
  • Forms
  • Elemen Interaktif
  • Scripting
Pada tag HTML biasanya hanya terdiri dari beberpa komponen saja. Ini dimulai dengan tag pembuka dengan  tag pembuka ini dan tentunya diakhiri dengan tag penutupnya yang berisi garis miring di depan nama tag. Pada kurung sudut kurang  dari ( < ) dan lebih besar dari ( > ) digunakan untuk membuat atau melampirkan semua tag.

Tag yang mendefinisikan elemen kosong merupakan self-closing: tentunya mereka tidak memerlukan tag penutup. Namun itu hanya pengecualian bukan merupakan sebuah aturan. Untuk sebagian tag tentunya tidak akan berfungsi dengan baik Jika teman- teman tidak menambahkan garis miring ke tag penutup.

Lalu apa saja point- point pembasan pada tutorial kali ini? silahkan teman- temn simak point- point pembahasan dibawah ini:
  • Mengapa Harus Belajar HTML, Tujuan dan Penggunaan
  • Dari Mana Untuk Memulai 
  • Apa Itu HTML Tips Penggunaan
  • Bagaimana Cara Kerja HTML
Setelah teman- teman mengetahui point- point pembahasan pada tutorial kali ini, tentnya itu akan mempermudah teman- teman dalam memahaminya.

Mengapa Harus Belajar HTML, Tujuan dan Penggunaan


Setelah mempelajari dasar- dasar pada pemrograman HTML, teman- teman akan melalukan banyak perubahan pada halaman yang teman- teman buat:

  • Struktur konten, Membuat situs web teman- teman mudah untuk dibaca dan dapat meningkatkan pengelaman pengguna dengan membagi teks menjadi suatu paragraf, daftar, judul dan kutipan.
  • Grafik, Menambahkan gambar, video, musik ataupun konten interaktif kedalam situs web yang teman- teman buat.
  • Tag Meta, Digunakan untuk meningkatkan SEO dan keseluruhan situs web yang teman- teman buat dengan memberi tahu mesin pencari kata kunci mana yang terkait dengan situs website yang teman- teman buat.
  • Komentar, Sertakan informasi serta komentar tambahan untuk orang- orang yang mungkin membaca kode HTML yang teman- teman buat.

Dari Mana Untuk Memulai

Jika teman- teman seorang pemula yang baru mempelajari kode HTML dan tidak tahu harus memulai dari mana, Admin menyarankan untuk memahami langkah- langkah yang mudah untuk diikuti untuk mempelajari pengkodean HTML.

  • Pengenalan HTML merupakan proses yang bagus untuk teman- teman memulai proses belajar teman- teman yang dikatakan sebagai suatu lembar contekan HTML pemula. Tutorial ini akan memberikan teman- teman tips utama untuk bagaimana cara menggunakan tag HTML. Selanjutnya teman- teman akan dapat menganalisis dokumen HTML dasar setelah menyelesaikannya. Untuk contoh latihannya silahkan teman- teman perhatikan kode dibawah ini:
<!DOCTYPE html>
<html>
<head>
 <title>Nama Website</title>
</head>
<body>
 <h1>Judul Untuk Konten</h1>
 <p>Teks teks teks</p>
</body>
</html>
  • Tutorial berikut mencangkup berbagai tag yang dapat teman- teman terapkan pada dokumen yang teman- teman buat: elemen, paragraf, judul dan sebagainya.Admin juga memberikan contoh kode bagi teman- teman untuk berlatih bahasa HTML ini.
  • HTML seharusnya bukan merupakan satu- satunya bahasa yang teman- teman putuskan untuk pelajari. Admin menyediakn tutorial terperinci mengenai CSS dan Javascript juga. Perbedaan antara HTML dan CSS adalah bahwa terakhir digunakan untuk styling. Dalam menambahkan javascript memungkinkan teman- teman untuk mengontrol perilaku pada Elemen.

Apa itu HTML: Tips Penggunaan

  • Teman- teman tidak memerlukan perangkat lunak khusus untuk menulis HTML: teman- teman dapat menggunakan teks editor apapun untuk dapat menggunakannya.
  • Namun editor yang baik (seperti Atom ataupun sublime) dapat menawarkan lebih banyak fungsi yang secara umumnya lebih nyaman untuk digunakan.
  • Saat teman- teman menulis kode HTML, merupakan ide yang bagus untuk memeriksa menggunakan validator HTML.
  • Untuk dapat meningkatkan pengalaman pengguna, cobalah untuk menjaga konten yang dapat dilihat oleh pengguna tampa harus scroll kebawah bebas dari elemen yang membutuhkan sedikit untuk memuat gambar dengan resosuli yang sangat tinggi.
  • Teman- teman jangan ragu untuk berekperimen, tetapi jangan lupa juga untu menghapus kode yang tidak digunakan. Setelah teman- teman selesai maka kode akan semakin pendek dan semakin mudah untuk dimuat oleh browser.

Bagaimana Cara Kerja HTML

Dokument HTML merupakan file yang diakhiri denagan akhiran html atau ektensi .html atau dapat juga dengan .htm . Untuk ekteksi tersebut dapat dilihat dengan menggunakan web browser apa saja seperti (Google Chroom, Mozilla Firefox dan Safari). Browser tersebut membaca file HTML serta merender kontennya sehingga user internet dapat melihat dan membacanya.

Pada biasanya, rata- rata situs website menyertakan sejumlah halaman HTML yang berbeda- beda. Contohnya, seperti beranda utamam, halam kontak dan halaman tentang kami yang semuanya memiliki dokument HTML yang terpisah.

Masing- masing halaman HTML terdiri atas seperangkat tags (dapat disebut sebagai element) yang tentunya mengacu pada building block halaman website. Pada teks tersebut dapat membuat hirarki yang menysun konten sehingga menjadi suatu bagian, heading, paragraf, dan block konten lainnya.

Sebagian besar elemen HTML memiliki tag pembuka dan penutup yang menggunakan syntax yaitu <tag></tag>. 

Dibawah ini merupakan struktur kode dari susunan struktur HTML:
<div>
  <h1>Judul Utama</h1> 
  <h2>Sub Judul</h2>
  <p>Paragraf satu</p> 
  <img src="/" alt="Image"> 
  <p>paragraf 2<a href="">link</a></p>
</div>

  • Pada element teratas dan terbawah merupakan division sederhana <div> </div> yang dapat teman- teman gunakan untuk mark up bagian konten yang tentunya lebih besar.
  • Pada susunan HTML diatas terdiri atas heading <h1></h1>, untuk subheading menggunakan tag<h2></h2> , untuk membuat paragraf menggunakan <p></p>, dan untuk menampilakan satu gambar <img>.
  • Pada paragraf dua meliputi sebuah link <a></a> dengan attribut href yang tentunya terdiri atas URL tujuan.
  • Pada tag gambar memiliki dua attribut, src untuk path gambar serta alt untuk dapat mendeskripsikan gambar.   

Munkin sekian yang dapat admin sampaikan, semoga artikel ini dapat memberikan teman- teman pengetahuan mengenai pembelajaran konsep dan prinsip utama HTML.


terimakasih teman- teman telah berkunjung dan membaca artikel ini mengenai Belajar Dasar HTML Lengkap: Penjelasan Konsep Dan Prinsip Utama, semoga bermanfaat -- salam success :)

By: Muhammad Rizal Supriadi

0 Response to "Belajar Dasar HTML Lengkap: Penjelasan Konsep Dan Prinsip Utama"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel