Langsung ke konten utama

HTML : Mengenal Bahasa Pemrograman Web Dasar

HTML : Mengenal Bahasa Pemrograman Web Dasar

HTML, singkatan dari HyperText Markup Language, adalah bahasa pemrograman yang menjadi tulang punggung World Wide Web (WWW). HTML digunakan untuk membuat halaman web, mengatur struktur konten, dan menampilkan informasi di seluruh internet. Artikel ini akan membahas dasar-dasar HTML, struktur dasar sebuah dokumen HTML, serta beberapa elemen penting dalam bahasa ini.

Apa Itu HTML?

HTML adalah bahasa markup yang digunakan untuk membuat halaman web. Dengan HTML, Anda dapat mengatur bagaimana informasi ditampilkan pada sebuah halaman web, mulai dari teks, gambar, tautan, hingga video. HTML bekerja dengan cara menandai atau "markup" teks dengan elemen-elemen tertentu yang memberikan instruksi kepada browser web tentang cara menampilkan konten tersebut.

Struktur Dasar HTML

Sebuah dokumen HTML memiliki struktur dasar yang terdiri dari elemen-elemen utama berikut :

<!DOCTYPE html> Ini adalah deklarasi dokumen HTML yang memberitahu browser bahwa halaman ini adalah dokumen HTML5. <html> Elemen <html> adalah elemen induk yang mengelilingi seluruh konten halaman web. <head> Elemen <head> berisi informasi meta tentang halaman, seperti judul halaman (<title>), tautan ke stylesheet eksternal, dan berbagai metadata lainnya. <body> Elemen <body> berisi konten utama halaman web yang akan ditampilkan kepada pengguna, seperti teks, gambar, dan tautan.

Contoh Struktur Dasar HTML :


<!DOCTYPE html> <html> <head> <title>Contoh Halaman Web</title> </head> <body> <h1>Selamat Datang di Halaman Web Saya</h1> <p>Ini adalah contoh paragraf dalam HTML.</p> <img src="gambar.jpg" alt="Gambar Contoh"> <a href="https://www.contoh.com">Tautan Contoh</a> </body> </html>

Elemen HTML Umum

HTML memiliki banyak elemen yang dapat Anda gunakan untuk membangun halaman web yang beragam. Beberapa elemen umum yang sering digunakan termasuk: <h1>, <h2>, <h3>, <h4>, <h5>, <h6>: Digunakan untuk judul atau heading dengan tingkat kepentingan yang berbeda. <p>: Untuk membuat paragraf teks. <a>: Untuk membuat tautan ke halaman web atau dokumen lain. <img>: Untuk menampilkan gambar. <ul> dan <ol>: Untuk membuat daftar tak terurut dan terurut. <li>: Elemen anak dari <ul> atau <ol> yang digunakan untuk membuat item daftar. <table>, <tr>, <td>: Untuk membuat tabel dan baris serta sel dalam tabel.

Menyematkan CSS dan JavaScript

Selain elemen-elemen HTML dasar, Anda juga dapat menyematkan CSS (Cascading Style Sheets) dan JavaScript dalam dokumen HTML Anda. CSS digunakan untuk mengatur tampilan halaman web, sedangkan JavaScript digunakan untuk menambahkan interaktivitas. Untuk menyematkan CSS, Anda dapat menggunakan elemen <link> dalam bagian <head> dokumen HTML Anda. Untuk JavaScript, Anda dapat menggunakan elemen <script>.

<head>
    <link rel="stylesheet" type="text/css" href="style.css">
    <script src="script.js"></script>
</head>

Kesimpulan

HTML adalah bahasa pemrograman web yang sangat penting dan merupakan dasar dari semua halaman web yang kita lihat. Dengan memahami struktur dasar dan elemen-elemen HTML, Anda dapat mulai membuat halaman web sederhana dan memahami cara informasi ditampilkan di internet. Jika Anda ingin menjadi seorang pengembang web yang mahir, akan sangat penting untuk terus mempelajari HTML dan teknologi web terkait lainnya. Semoga artikel ini membantu Anda memahami dasar-dasar HTML!

Komentar

Posting Komentar

Postingan populer dari blog ini

TUTORIAL DOWNLOAD DAN INSTAL NODE JS DI KOMPUTER / LAPTOP KALIAN

     Selamat datang di tutorial kami tentang cara menginstal Node.js di komputer atau laptop kamu! Node.js adalah lingkungan runtime JavaScript yang sangat populer yang memungkinkan kamu untuk menjalankan kode JavaScript di sisi server. Dengan Node.js, kamu dapat membangun berbagai jenis aplikasi, mulai dari aplikasi web hingga aplikasi server dan bahkan aplikasi desktop.      Dalam tutorial ini, kami akan membimbing kamu melalui langkah-langkah yang diperlukan untuk menginstal Node.js di sistem kamu. Baik kamu seorang pengembang web pemula yang ingin memulai dengan Node.js atau seorang profesional yang ingin menambahkan alat yang kuat ke tumpukan teknologi kamu, tutorial ini akan membantumu memulainya. Spesifikasi minimum sistem untuk menjalankan NODE JS : 1.  Sistem Operasi :  Windows, macOS, atau Linux. 2.  Prosesor :  Minimal 1 GHz. 3.  RAM :  Setidaknya 512 MB, disarankan 2 GB atau lebih. 4.  Ruang Penyimpanan : ...
Posting Komentar
Baca selengkapnya

Belajar React.js Untuk Pemula

 Apa itu React.js? React.js adalah sebuah pustaka JavaScript untuk membangun antarmuka pengguna (UI) aplikasi web. Dikembangkan oleh tim Facebook, React.js memungkinkan pembuatan komponen UI yang dapat digunakan kembali dan menggunakan konsep "Virtual DOM" untuk meningkatkan kinerja aplikasi. Ini mendukung paradigma pemrograman berbasis komponen, membuat pengembangan aplikasi web menjadi lebih terstruktur dan mudah dipelihara. Latihan: Hello World di React Buat folder REACT-JS di exploler kemudian buka foldernya menggukana menu cmd Setiap komputer punya versi yang berbeda, untuk melihatnya gunakan perintah "- v" Install React App menggunakan perintah "npm install -g create-react-app" Buat dan instal react app misal dengan folder happy dengan perintah "create-react-app happy" dan tunggu hingga prosesnya selesai Jika sudah selesai maka akan muncul tampilan seperti ini Kemudian masuk ke folder happy dan masukan "npm start" Belajar React,js...
Posting Komentar
Baca selengkapnya