Jurnal Perkuliahan 2

Pengantar HTML

HTML adalah bahasa markup standar untuk membuat halaman web. Singkatan HTML adalah Hyper Text Markup Language. HTML digunakan untuk menggambarkan struktur halaman web menggunakan markup. Element HTML adalah blok bangunan dari halaman HTML.

Elemen-elemen HTML adalah komponen dasar dari halaman HTML. Mereka direpresentasikan oleh tag-tag. Penjelasan tentang HTML dan tag-tagnya sebagai berikut:


  • Apa Itu HTML?
    HTML adalah bahasa penanda standar untuk membuat halaman web. Singkatnya, HTML adalah cara untuk menentukan struktur dan konten sebuah halaman web menggunakan markup.
  • Elemen dan Tag HTML:
    Elemen HTML adalah komponen individual dari HTML, seperti paragraf, gambar, judul, dan lainnya. Masing-masing elemen memiliki tag yang menandai awal dan akhirnya. Misalnya, <p> adalah tag untuk paragraf.
  • Struktur Halaman HTML:
    Halaman HTML biasanya terdiri dari beberapa bagian, termasuk <html>, <head>, <title>, dan <body>. <html> menandai awal dan akhir dari dokumen HTML, <head> berisi informasi meta tentang halaman, dan <body> berisi konten yang akan ditampilkan.
  • Contoh Penggunaan Tag HTML:
    <p>Ini adalah konten</p>
  • Contoh Halaman HTML:
    <!DOCTYPE html>
    <html>
    <head>
        <title>Judul halaman</title>
    </head>
    <body>
        <h1>Judul utama</h1>
        <p>Paragraf pertama</p>
        <img src="gambar_saya.jpg" alt="Deskripsi gambar">
    </body>
    </html>

  • Nesting:
    Elemen-elemen HTML dapat disusun bertingkat di dalam satu sama lain. Misalnya, paragraf <p> dapat disusun di dalam elemen <body>.

  • Heading dan Paragraf:
    Judul-judul dan paragraf dalam HTML ditandai dengan tag <h1> hingga <h6> untuk judul, dan <p> untuk paragraf.
    Penggunaan tag untuk judul dan paragraf:
    <h1>Ini adalah judul 1</h1>
    <p>Ini adalah paragraf pertama</p>

  • Pemecahan Masalah Puisi dan Pemisah Baris:
    Penggunaan tag <br> untuk pemisah baris:
    <p>
        My Bonnie lies over the ocean. <br>
        My Bonnie lies over the sea. <br>
        My Bonnie lies over the ocean. <br>
        Oh, bring back my Bonnie to me.
    </p>

  • Teks Preformatted:
    Penggunaan tag <pre> untuk teks yang diformat sebelumnya:
    <pre>
        My Bonnie lies over the ocean.
        My Bonnie lies over the sea.
        My Bonnie lies over the ocean.
        Oh, bring back my Bonnie to me.
    </pre>

  • Tautan dan Gambar:
    Tautan atau link menggunakan tag <a>, sementara gambar menggunakan tag <img>.

    <a href="http://www.google.com" target="_blank">Ini adalah tautan ke Google!</a>
    <img src="gambar_saya.jpg" alt="Deskripsi gambar">

  • Daftar:
    Daftar dapat dibuat menggunakan tag <ul> (daftar tidak berurutan) atau <ol> (daftar berurutan)
    <ul>
        <li>Item daftar</li>
        <li>Item daftar lainnya</li>
    </ul>

    <ol>
        <li>Item daftar berurutan</li> 
        <li>Item daftar berurutan lainnya</li>
    </ol>
  • Tabel:
    Tabel digunakan untuk merepresentasikan informasi kompleks dalam format grid:
    <table>
        <tr>
            <th>Kepala</th>
            <th>Kepala</th>
        </tr>
        <tr>
           <td>Data</td>
            <td>Data</td>
        </tr>
    </table>
  • Komentar:
    Komentar dalam HTML dapat ditambahkan menggunakan tag <!-- -->, dan ini tidak akan ditampilkan oleh browser.
    <!-- Awal header -->
    <div id="header">Konten header </div>
    <!-- Akhir header -->

Comments

Post a Comment

Popular posts from this blog

Jurnal Perkuliahan 1

Dasar-Dasar Pemrograman Web Pemrograman web menggabungkan dua konsep penting: pemrograman dan web. Pemrograman adalah proses pembentukan instruksi atau perintah tertulis untuk program komputer. Ini melibatkan proses menulis, menguji, memperbaiki, dan memelihara instruksi tersebut. Program komputer dapat berupa aplikasi seperti Microsoft Word, Excel, Paint, dan lainnya. Web, di sisi lain, adalah media informasi yang dapat diakses melalui jaringan internet menggunakan perangkat lunak browser. Web mencakup berbagai informasi dalam berbagai bentuk, mulai dari teks, gambar, grafik, video, audio, hingga animasi. Pemrograman web melibatkan pembuatan instruksi untuk membuat program atau aplikasi berbasis internet yang dapat diakses melalui browser. Contoh aplikasi pemrograman web termasuk Gmail, Facebook, Tumblr, dan lainnya. Pemrograman web bukan sekadar tentang membuat situs web; ini melibatkan perencanaan, konseptualisasi, dan pemodelan pengiriman media elektronik melalui internet. Pemrogra
Read more

Jurnal Perkuliahan 3

Image
Pengantar Teknologi Web: HTML, CSS, dan JavaScript Ketika memutuskan untuk mengembangkan aplikasi menggunakan bahasa pemrograman apa pun, salah satu masalah pertama yang dihadapi adalah bahwa bahasa pemrograman tidak menyertakan perpustakaan untuk membuat antarmuka pengguna. Kita perlu menggunakan beberapa kerangka kerja untuk mengakses lapisan OS. Setiap bahasa pemrograman memiliki setidaknya satu, tetapi kita perlu memilihnya terlebih dahulu. Salah satu hal yang bagus tentang pengembangan untuk web adalah web menyediakan kerangka kerja yang sangat kaya dan sederhana untuk membuat aplikasi yang mencakup banyak fitur, bukan hanya antarmuka tetapi juga akses ke perangkat (audio, input, gamepad, dll.), dan API ini sangat mudah digunakan. Tujuan: Pengantar Teknologi Web: -  HTML untuk membuat struktur dokumen dan konten - CSS untuk mengontrol aspek visual - JavaScript untuk interaktif Apa yang Perlu Disiapkan: Browser web yang baik (Chrome atau Firefox) Kode HTML contoh untuk memulai Edit
Read more