Jurnal Perkuliahan 2 Pemrograman Web

-

 HTML



Pengertian HTML

HTML adalah bahasa markup standar untuk membuat halaman web. Singkatan dari HTML adalah Hyper Text Markup Language. HTML digunakan untuk menggambarkan struktur halaman web menggunakan markup. Element HTML adalah blok dasar dari halaman HTML dan direpresentasikan oleh tag. Tag HTML digunakan untuk menandai konten seperti "heading", "paragraph", "table", dan lainnya. Meskipun tag HTML tidak ditampilkan oleh browser, tetapi digunakan untuk merender konten halaman web.


Fungsi HTML

1. Menentukan struktur halaman web.

2. Membuat konten yang dapat ditampilkan di browser.

3. Mengatur tampilan dan layout halaman web.

4. Membuat link yang menghubungkan halaman web satu dengan yang lainnya.

5. Menyisipkan multimedia seperti gambar dan video ke dalam halaman web.

6. Membuat formulir untuk mengumpulkan data dari pengguna.

7. Membuat halaman web yang responsif dan dapat diakses di berbagai perangkat.

8. Menyediakan metadata untuk membantu mesin pencari memahami konten halaman web.

9. Membuat halaman web yang dapat diakses oleh pengguna dengan kebutuhan khusus.

10. Membuat tampilan yang menarik dan interaktif 


Struktur Dasar HTML

<!DOCTYPE html>

<html>

    <head>

        <title>Judul web</title>

    </head>

    <body>

        <h1>Heading Utama</h1>

        <p>Sebuah Paragraph.</p>

        <img src="my_src"\>My image

    </body>

</html>


  •          `<!DOCTYPE html>`: Mendefinisikan tipe dokumen HTML yang digunakan, yaitu HTML5.
  •          `<html>`: Menandakan awal dari dokumen HTML.
  •          `<head>`: Menyediakan informasi tentang dokumen HTML, seperti judul, metadata, dan tautan ke file eksternal.
  •          `<title>`: Menentukan judul halaman yang akan ditampilkan di tab browser atau judul halaman saat di-bookmark.
  •          `</head>`: Menandakan akhir dari bagian kepala dokumen.
  •          `<body>`: Menyertakan semua konten yang akan ditampilkan pada halaman web.
  •          `<h1>`: Menampilkan judul atau heading level 1, yang biasanya digunakan untuk judul utama atau judul halaman.
  •          `</h1>`: Menandakan akhir dari tag heading level 1.
  •          `<p>`: Menampilkan paragraf teks.
  •          `</p>`: Menandakan akhir dari tag paragraf.
  •          `<img src="my_src"\>`: Menyisipkan gambar ke dalam halaman dengan menggunakan atribut `src` untuk menentukan sumber gambar.
  •          `</body>`: Menandakan akhir dari bagian tubuh dokumen.
  •          `</html>`: Menandakan akhir dari dokumen HTML.


Hyper Link

Hyperlink adalah elemen HTML yang digunakan untuk membuat tautan atau link antara halaman web atau bagian-bagian dalam halaman yang sama. Hyperlink memungkinkan pengguna untuk mengklik teks atau elemen lainnya untuk mengarahkan mereka ke halaman web lain, ke bagian tertentu dalam halaman yang sama, atau ke sumber daya eksternal seperti dokumen PDF atau situs web lainnya.

Elemen <a> digunakan untuk membuat hyperlink dalam HTML. Atribut href pada elemen <a> digunakan untuk menentukan URL atau alamat tujuan dari hyperlink. URL ini dapat berupa alamat web, alamat halaman dalam situs yang sama, atau alamat sumber daya eksternal.

Contoh penggunaan hyperlink dalam HTML:

<a href="https://www.example.com">Ini adalah tautan ke situs web eksternal</a>

<a href="page2.html">Ini adalah tautan ke halaman lain dalam situs web</a>

Dalam contoh di atas, hyperlink pertama mengarahkan pengguna ke situs web eksternal "https://www.example.com". Ketika pengguna mengklik tautan tersebut, mereka akan dialihkan ke situs web tersebut. Hyperlink kedua mengarahkan pengguna ke halaman "page2.html" dalam situs web yang sama. Ketika pengguna mengklik tautan tersebut, mereka akan diarahkan ke halaman tersebut.


Table

able dalam HTML digunakan untuk menyusun dan menampilkan data dalam bentuk tabel. Tabel terdiri dari baris dan kolom yang membentuk sel-sel, dan setiap sel dapat berisi teks, gambar, atau elemen lainnya. Beberapa tag yang digunakan untuk mengatur tampilan tabel adalah sebagai berikut:

 - `<tr>`: Digunakan untuk membuat baris pada tabel.

- `<th>`: Digunakan untuk membuat header pada tabel.

- `<td>`: Digunakan untuk membuat sel pada tabel.

- `<caption>`: Digunakan untuk membuat judul pada tabel.

- `<thead>`: Digunakan untuk membuat header pada tabel.

- `<tbody>`: Digunakan untuk membuat tubuh pada tabel.

- `<tfoot>`: Digunakan untuk membuat kaki pada tabel.

- `<col>`: Digunakan untuk membuat kolom pada tabel.

- `<colgroup>`: Digunakan untuk membuat grup kolom pada tabel.

Contoh penggunaan tag <table> dalam HTML:

<table>

  <tr>

    <th>Nama</th>

    <th>Umur</th>

    <th>Kota</th>

  </tr>

  <tr>

    <td>Dani</td>

    <td>19</td>

    <td>Bandar Lampung</td>

  </tr>

  <tr>

    <td>Deti</td>

    <td>21</td>

    <td>Bandar Lampung</td>

  </tr>

</table>


Index

Index.html adalah file utama dalam sebuah proyek atau situs web yang akan diakses pertama kali oleh pengguna atau browser. File index.html berisi markup HTML dan merupakan titik awal dari navigasi dan konten situs web.

Ketika pengguna mengakses direktori atau URL utama dari suatu situs web, server web akan mencari file index.html dalam direktori tersebut dan mengirimkannya kepada pengguna. Jika file index.html tidak ditemukan, server web akan mengirimkan pesan kesalahan atau menampilkan halaman default yang telah ditentukan.

File index.html biasanya berisi elemen-elemen seperti tag `<html>`, `<head>`, dan `<body>`. Di dalam tag `<body>`, konten utama situs web ditempatkan seperti teks, gambar, video, formulir, dan elemen HTML lainnya. Selain itu, file index.html juga dapat memuat CSS dan JavaScript untuk mengatur tampilan dan interaktivitas situs web.

Pada dasarnya, file index.html berfungsi sebagai halaman depan yang mengarahkan pengguna ke konten utama situs web. Dalam halaman ini, pengguna bisa mendapatkan informasi, berinteraksi dengan elemen interaktif, atau melanjutkan navigasi ke halaman-halaman lain dalam situs web.

Komentar

Posting Komentar

Postingan populer dari blog ini

Tugas Kapita Selekta

-
Gambar
📑 Daftar Isi 1. Konsep Dasar Kapita Selekta 2. Business Strategic Plan – Analisis SWOT 3. Business Strategic Plan – Analisis Porter 4. Prioritas Penggunaan Internet 5. Pemahaman Open Source Philosophy 6. Judul Skripsi 7. Judul Kerja Praktik (KP) 8. Partisipasi Seminar Akademik 1. Konsep Dasar Kapita Selekta Kapita Selekta adalah mata kuliah yang membekali mahasiswa dengan pemahaman mengenai perkembangan teknologi informasi serta penerapannya dalam konteks profesional. Melalui mata kuliah ini, saya belajar untuk mengaitkan teori dengan praktik, menyusun strategi bisnis, menganalisis tantangan, dan memahami filosofi teknologi yang terus berkembang. 2. Business Strategic Plan – Analisis SWOT Judul Proyek Kerja Praktik Pengembangan Modul Subsoiler dan Optimalisasi Backend Aplikasi Web OSI QCPP Berbasis Laravel untuk Digitalisasi Monitoring Operasional Perkebunan Nanas di PT. Great Giant Pineapple Strengths (Kekuatan): Menguasai bahasa pemrograma...
Baca selengkapnya

Jurnal Perkuliahan 1 Jaringan Komputer

-
Gambar
 SUBNET, CIDR & VLSM 1. Pengertian Subnetting  Subnetting adalah upaya atau proses untuk memecah sebuah network yang memiliki banyak host menjadi beberapa network dengan jumlah host yang lebih sedikit. Teknik ini memungkinkan jaringan menjadi lebih luas dan tidak terbatas oleh kelas-kelas IP yang sudah diatur A, B, dan C. Dengan subnetting, Anda dapat membuat jaringan dengan batasan host yang lebih realistis sesuai kebutuhan. Subnetting menawarkan metode yang lebih fleksibel untuk menentukan komponen IP adddress 32 bit mana yang mewakili netword ID dan host ID. Untuk kelas IP address standar, hanya ada tiga pilihan network ID: 8 bit untuk kelas A, 16 bit untuk kelas B, dan 24 bit untuk kelas C. Subnetting memungkinkan Anda memilih angka bit bebas. Dua alasan utama untuk melakukan subnetting adalah sebagai berikut:  Memberikan IP address yang terbatas agar lebih efisien. Jika kelas A, B, dan C membatasi internet, setiap network akan memiliki 254, 65.000, atau 16 juta I...
Baca selengkapnya

Jurnal Perkuliahan 1 Pemrograman Web

-
Gambar
Perkenalan Pemrograman Web Apa Yang Dimaksud dengan Pemrograman Web? Istilah "pemrograman web" sangat terkait dengan internet dan website. Karena pemrograman web adalah proses membuat website untuk digunakan di internet. Web biasanya dikenal sebagai WWW atau World Wide Web. World Wide Web adalah saluran informasi yang terdiri dari halaman web yang terhubung satu sama lain, juga dikenal sebagai hyperlink, yang berjalan melalui protokol HyperText Transfer Protocol (HTTP).  Sejarah Web Web 1.0 Periode Web 1.0, juga dikenal sebagai periode pertama Internet, adalah struktur yang berisi halaman HTML statis yang dibuat pada tahun 1995 untuk memudahkan akses saat melakukan penelitian di Internet. Struktur ini memungkinkan pengguna secara pasif berada di jaringan web tanpa berinteraksi dengan orang lain. Selain itu, pengguna internet tidak diizinkan untuk menambahkan atau  mengomentari konten apa pun. Web 1.0 pada dasarnya adalah jaringan satu arah yang statis yang hanya dapat dibaca...
Baca selengkapnya