Pengenalan HTML (HyperText Markup Language) – Episode 1

HTML (HyperText Markup Language)

HTML adalah bahasa markah yang digunakan untuk membuat dan menyusun halaman web. HTML menggunakan elemen-elemen yang disebut tag untuk menandai konten. Tag ini membantu browser untuk memahami struktur konten seperti judul, paragraf, gambar, tabel, form, dan banyak lagi.

Text Editor

Text editor adalah aplikasi yang digunakan untuk menulis dan mengedit kode HTML dan berbagai bahasa pemrograman lainnya. Beberapa contoh text editor populer untuk mengedit HTML adalah:

  • Notepad (Windows)
  • TextEdit (macOS)
  • VS Code (Visual Studio Code)
  • Sublime Text
  • Atom

Text editor yang baik biasanya mendukung fitur syntax highlighting, auto-completion, dan dapat dihubungkan dengan extension untuk meningkatkan produktivitas pengkodean.


Contoh Materi Dasar HTML

  1. Tag Dasar HTML Tag dasar HTML adalah struktur minimum yang harus dimiliki oleh dokumen HTML agar dapat dibaca oleh browser. Berikut adalah contoh struktur dasarnya:htmlCopy code<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Judul Halaman</title> </head> <body> <h1>Selamat Datang di Halaman HTML</h1> <p>Ini adalah paragraf pertama dalam HTML.</p> </body> </html>
    • <!DOCTYPE html>: Menyatakan tipe dokumen sebagai HTML5.
    • <html>: Elemen root dari dokumen HTML.
    • <head>: Bagian yang berisi meta informasi dan judul halaman.
    • <title>: Menentukan judul halaman yang muncul di tab browser.
    • <body>: Bagian utama yang berisi konten halaman.
  2. Tag Atribut & Paragraf Atribut adalah informasi tambahan yang bisa ditambahkan ke dalam tag HTML untuk mengubah atau menambah fungsinya. Contoh tag dengan atribut dan paragraf:htmlCopy code<p title="Judul Paragraf">Ini adalah paragraf dengan atribut title.</p> <a href="https://www.example.com" target="_blank">Kunjungi Website</a> <img src="gambar.jpg" alt="Deskripsi Gambar">
    • title: Menyediakan keterangan tambahan pada elemen.
    • href: Atribut pada tag <a> yang digunakan untuk membuat link.
    • src dan alt: Atribut pada tag <img> untuk menampilkan gambar dan teks alternatifnya.
  3. Tag Style & Formatting HTML juga menyediakan tag untuk mengatur gaya dan format teks. Contoh:htmlCopy code<p style="color: blue; font-size: 18px;">Teks berwarna biru dan berukuran 18px.</p> <b>Ini adalah teks tebal</b> <i>Ini adalah teks miring</i> <u>Ini adalah teks bergaris bawah</u> <mark>Ini adalah teks yang disorot</mark>
    • style: Menyisipkan CSS dalam HTML untuk pengaturan gaya elemen.
    • <b>: Membuat teks menjadi tebal.
    • <i>: Membuat teks menjadi miring.
    • <u>: Menambahkan garis bawah pada teks.
    • <mark>: Menyoroti teks dengan latar belakang warna.

Tag-tag ini adalah dasar dari HTML yang digunakan untuk menampilkan dan menata konten pada halaman web., lalu pilih Menu -> PHP -> Pilih Versi php yang terbaru
4. Aktifkan PHP Extension : PDO_SQLite, SQLite3 dan Zip, stop laragon dan klik start kembali
5. Ketikan php artisan migrate dan php artisan migrate:fresh pada projects laravel jika masih terdapat error
6. Selamat, anda sudah bisa menginstall laravel versi terbaru sesuai dengan requirment PHP nya

Referensi Lainnya :

  • https://drive.google.com/file/d/1XfEJRU1WrYhyjjqiiSE1tz7rrhs69v32/view?usp=classroom_web&authuser=0
  • https://drive.google.com/file/d/1S1MEVcI46ZdKc3ymJd_iDL94rVlsIul1/view?usp=classroom_web&authuser=0
  • https://drive.google.com/file/d/1qmCXn63xbj5vZYCUoBe0GCVE0LGfbS3W/view?usp=classroom_web&authuser=0
  • https://drive.google.com/file/d/1edM2p7MgwwbqDPkudp-yTMeiPcCl9K7j/view?usp=classroom_web&authuser=0

Tags :

Leave a Reply

Your email address will not be published. Required fields are marked *

2 + sixteen =

Tutorial Terpopuler

Tutorial Pilihan

Tentang Gurututorku

Gurututorku adalah sebuah kursus online maupun offline yang menyediakan berbagai macam tutorial tentang pemrograman, design, dan multimedia serta artikel teknologi yang tentunya bisa dinikmati dan dipelajari oleh semua orang yang baru ingin belajar dunia IT.

© 2024 – Gurututorku.com | Learning today success tomorrow.