Skip to main content

Belajar Dasar-Dasar HTML Untuk Pemula

Setelah sekian lama nggak check this blog karena peradaban dunia maya yang terus berkembang. Jujur saja, nulis blog di jaman sekarang tuh rasanya sangat membosankan ketimbang ngepost konten di sosmed. Beda dengan 10 tahun lalu, blog ibarat game "Mobile Legends" yang bikin saya lupa waktu karena terlalu asik berimajinasi. wkwkwk...

So, kenapa saya bisa nongol lagi pada postingan kali ini? Coz ini adalah tugas kuliah yang diturunkan oleh dosen pengampu mata kuliah Pemrograman Internet. Langsung saja kita membahas terlebih dahulu tentang HTML.

Apa itu HTML?

HTML adalah singkatan dari Hypertext Markup Language. Disebut hypertext karena di dalam HTML sebuah text biasa dapat berfungsi lain, kita dapat membuatnya menjadi link yang dapat berpindah dari satu halaman ke halaman lainnya hanya dengan meng-klik text tersebut. Kemampuan text inilah yang dinamakan hypertext, walaupun pada implementasinya nanti tidak hanya text yang dapat dijadikan link.
Disebut Markup Language karena bahasa HTML menggunakan tanda (mark), untuk menandai bagian-bagian dari text. Misalnya, text yang berada di antara tanda tertentu akan menjadi tebal, dan jika berada di antara tanda lainnya akan tampak besar. Tanda ini di kenal sebagai HTML tag.
HTML bukanlah bahasa pemrograman (programming language), tetapi bahasa markup (markup language), hal ini terdengar sedikit aneh, tapi jika anda telah mengenal bahasa pemrograman lain, dalam HTML tidak akan ditemukan struktur yang biasa di temukan dalam bahasa pemrograman seperti IF, LOOP, maupun variabel. HTML hanya sebuah bahasa struktur yang fungsinya untuk menandai bagian-bagian dari sebuah halaman.
Selain HTML, dikenal juga xHTML yang merupakan singkatan dari eXtensible Hypertext Markup Language. xHTML merupakan versi lama dari HTML (sebelum era HTML5 seperti saat ini). xHTML menggunakan aturan penulisan yang lebih ketat. Jika anda menemukan artikel yang membahas xHTML, bisa disamakan dengan HTML, karena perbedaannya tidak terlalu banyak.
Btw empat paragraf di atas ini saya kutip dari situs duniailkom.
Cara menjalankan HTML
kita bisa membuat file yang disimpan dengan ekstensi .html dengan menggunakan aplikasi notepad atau semacamnya.
Contoh:
Ketikkan kode ini di notepad:


simpan dengan nama belajar_1.html, kemudian buka file tersebut di browser, dan berikut hasilnya:


Pengertian Tag Tag HTML Belajar 1 :

<html> (Untuk membuat sebuah dokumen HTML)
<head> (Untuk memulai Bagian Header atau Atas)
<title> (Tag untuk membuat judul dari sebuah halaman)
<body> (Tag untuk membuat tubuh dari sebuah halaman)
<h1>to<h6> (Tag untuk membuat heading)

belajar_2.html

hasilnya:

Pengertian Tag Tag HTML Belajar 2 :

<html> (Untuk membuat sebuah dokumen HTML)
<head> (Untuk memulai Bagian Header atau Atas)
<title> (Tag untuk membuat judul dari sebuah halaman)
<body> (Tag untuk membuat tubuh dari sebuah halaman)
<h1>to<h6> (Tag untuk membuat heading)
<hr>(Tag untuk membuat perubahan dasar kata)
<p> (Tag untuk membuat paragraf)
<br> ( untuk Membuat sebuah baris baru atau enter dan Memasukan satu baris putus)

belajar_3.html


Hasilnya:


Pengertian Tag Tag HTML Belajar 3 :

<html> (Untuk membuat sebuah dokumen HTML
<head> (Untuk memulai Bagian Header atau Atas
<title> (Tag untuk membuat judul dari sebuah halaman
<body> (Tag untuk membuat tubuh dari sebuah halaman)
<h1>to<h6> (Tag untuk membuat heading)
<hr>(Tag untuk membuat perubahan dasar kata)
<p> (Tag untuk membuat paragraf)
<ol> (Tag untuk membuat daftar dengan nomor)
<li>  (Tag untuk membuat sebuah item daftar)
<ul>  (Tag untuk membuat daftar dengan selain nomor)

Belajar_4.html

HTML ini khusus untuk menampilkan gambar, berikut hasilnya:
Penjelasan:

 untuk menampilkan gambar di browser, pastikan kita bisa menyebutkan nama dan "alamat" gambar yang dituju dengan jelas.

Jadi sampai disini dulu tulisan saya mengenai contoh-contoh dasar pembuatan file html. Jika ada salah dan kurang saya mohon maaf. Jangan segan untuk menyelipkan komentar Anda di bawah ini agar memotivasi saya untuk lebih semangat berkarya untuk kedepannya. :)
Labels:

Comments

Post a Comment

Popular posts from this blog

5 TIPS / CARA MEMBUJUK ORANG TANPA TERLIHAT MEMAKSA

Meyakinkan orang lain bukan soal siapa yang paling keras bicara. Tapi siapa yang paling halus menyentuh logikanya tanpa bikin dia sadar sedang dibujuk. Kita semua pernah ada di posisi ini: Punya ide bagus, niat tulus, atau ajakan yang logis banget tapi orang yang kita ajak justru makin defensif. Padahal, menurut Robert B. Cialdini dalam buku Influence: The Psychology of Persuasion, saat seseorang merasa “dipaksa” bahkan untuk hal yang baik otaknya otomatis aktifkan resistensi. Itu artinya: semakin kita terlihat ingin meyakinkan, semakin besar kemungkinan ditolak. Jadi, kuncinya bukan di kalimat yang rumit, tapi di cara menyampaikannya. Berikut ini 5 strategi halus tapi ampuh, biar kamu bisa membujuk orang tanpa harus maksa, ngegas, atau debat kusir: 1. Ajukan Pertanyaan, Bukan Pernyataan Alih-alih bilang: “Menurutku kamu harus lebih disiplin.” Coba: “Kamu sendiri ngerasa gak sih akhir-akhir ini waktumu kebuang ke mana-mana?” Dalam buku Never Split The Difference karya Chr...
Post a Comment
Read more

Contoh SK Penetapan Panitia Proktor, Pengawas, dan Teknisi ANBK Tahun 2023

Ilustrasi Contoh SK Penetapan panitia ANBK,  Contoh SK Penetapan Pengawas ANBK,  Contoh SK Penetapan Proktor ANBK,  Contoh SK Penetapan Teknisi ANBK untuk jenjang Sekolah SD, SMP, SMA, SMK dan Madrasah Tahun Pelajaran 2023/2024. Musim Asesmen Nasional Berbasis Komputer (ANBK) akan dimulai pada Bulan Juli s/d Oktober. Dengan waktu yang cukup lama tersebut, Satuan Pendidikan harus benar-benar mempersiapkan berbagai hal yang dapat mempengaruhi nilai Satuan Pendidikan itu sendiri. Agar asesmen dapat terlaksana dengan baik, tentunya dibutuhkan tim yang terdiri dari Kepala Sekolah, Proktor, Pengawas, dan Teknisi. Tim ANBK ini akan diresmikan melalui SK yang ditetapkan oleh Kepala Sekolah/Satuan Pendidikan. SK Penetapan ini juga menjadi syarat untuk Satuan Pendidikan mengikuti ANBK. Disini saya akan membagikan contoh SK Penetapan Panitia dan Tim Pelaksanaan ANBK 2023. KOP SURAT ------------------------------------------------------------------------------------------------------...
Post a Comment
Read more

Hobi Hunting Foto? Pentingnya Memahami Segitiga Eksposur dalam Fotografi

Ponakan saya Baru punya kamera? Atau punya teman yang punya kamera, terus dia minta kamu fotoin dia? Perlu kamu pahami kalau memotret pakai kamera DSLR atau Mirrorless tidak bisa asal jepret saja. Kamu harus bisa mengatur fokus, angle, dan pencahayaan. Kan sayang kalau yg punya kamera motoin kamu bagus, giliran kamu motoin yang punya kamera hasilnya mengecewakan, huhu.... Oleh karena itu, penting banget buat kamu menguasai yang namanya Segitiga eksposur baik kamu yang punya “kamera bagus”, ataupun nggak punya sekalipun. Segitiga eksposur adalah konsep dasar dalam fotografi yang menggabungkan tiga elemen penting: aperture (bukaan lensa), shutter speed (kecepatan rana), dan ISO (sensitivitas sensor). Pemahaman yang baik tentang segitiga eksposur adalah kunci untuk menghasilkan foto yang diinginkan dalam berbagai kondisi pencahayaan. Mari kita bahas setiap elemen dari segitiga eksposur ini secara lebih mendalam. 1. Aperture (Bukaan Lensa) Aperture mengontrol seberapa banyak cahaya...
Post a Comment
Read more