Home All posts

Rabu, 07 Agustus 2024

hello word html

 <!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Hello, World!</title>

</head>

<body>

    <h1>Hello, World!</h1>

    <p>Welcome to learning HTML!</p>

</body>

</html>

Penjelasan:

  • <!DOCTYPE html>: Menyatakan bahwa dokumen ini adalah HTML5.
  • <html lang="en">: Tag pembuka untuk dokumen HTML, dengan atribut lang yang menunjukkan bahasa.
  • <head>: Bagian dari dokumen HTML yang berisi metadata seperti karakter set dan judul.
    • <meta charset="UTF-8">: Menentukan encoding karakter dokumen.
    • <meta name="viewport" content="width=device-width, initial-scale=1.0">: Mengatur viewport agar sesuai dengan perangkat.
    • <title>Hello, World!</title>: Menetapkan judul halaman yang akan ditampilkan di tab browser.
  • <body>: Bagian utama dari dokumen HTML yang berisi konten halaman.
    • <h1>Hello, World!</h1>: Menampilkan teks "Hello, World!" sebagai heading utama.
    • <p>Welcome to learning HTML!</p>: Menampilkan paragraf dengan teks tambahan.

Simpan kode ini sebagai file dengan ekstensi .html (misalnya index.html), lalu buka file tersebut di browser untuk melihat hasilnya.


Read more

Selasa, 06 Agustus 2024

Pengantar HTML: Dasar-Dasar yang Perlu Anda Ketahui

 

Pengantar HTML: Dasar-Dasar yang Perlu Anda Ketahui

HTML (HyperText Markup Language) adalah fondasi dari pengembangan web modern. Ini adalah bahasa standar yang digunakan untuk membuat dan menyusun konten di web. Dalam postingan ini, kita akan membahas pengertian dan sejarah HTML, fungsi HTML dalam pengembangan web, serta struktur dasar dokumen HTML yang menjadi pondasi dari setiap halaman web.

Apa Itu HTML?

Pengertian HTML: HTML, singkatan dari HyperText Markup Language, adalah bahasa markup yang digunakan untuk mendefinisikan struktur dan konten halaman web. HTML menggunakan tag untuk menandai berbagai elemen dalam halaman web, seperti teks, gambar, dan link.

Sejarah HTML:

  • Penemuan HTML: HTML pertama kali dikembangkan oleh Tim Berners-Lee, seorang ilmuwan komputer asal Inggris, pada awal 1990-an. Tujuannya adalah untuk memudahkan pertukaran informasi antara ilmuwan dan peneliti di seluruh dunia.
  • Evolusi: Versi pertama HTML dirilis pada tahun 1991, dan sejak saat itu telah mengalami beberapa perubahan signifikan. Versi-versi baru HTML, seperti HTML 4.01, XHTML, dan HTML5, telah ditambahkan untuk mendukung fitur-fitur web yang lebih kompleks dan modern.

Fungsi HTML

Peran HTML dalam Pengembangan Web:

  • Struktur Halaman Web: HTML memberikan struktur dasar untuk halaman web, termasuk elemen-elemen seperti header, paragraf, tabel, dan daftar. Ini memungkinkan browser web untuk menampilkan konten dengan cara yang terorganisir dan mudah dibaca.
  • Penyajian Konten: HTML menentukan bagaimana konten ditampilkan di browser, termasuk teks, gambar, video, dan link. Ini memungkinkan pengembang web untuk menyajikan informasi secara efektif kepada pengguna.
  • Integrasi dengan CSS dan JavaScript: HTML bekerja sama dengan CSS (Cascading Style Sheets) dan JavaScript untuk memperindah tampilan dan menambahkan interaktivitas pada halaman web. HTML menyusun konten, sementara CSS mengatur gaya visual dan JavaScript menambahkan fungsionalitas dinamis.

Struktur Dasar Dokumen HTML

**1. Elemen-elemen Dasar dalam Dokumen HTML

Tag HTML:

  • <!DOCTYPE html>: Menyatakan tipe dokumen dan versi HTML yang digunakan. Ini harus ditempatkan di bagian atas dokumen.
  • <html>: Tag utama yang menandai awal dan akhir dokumen HTML.
  • <head>: Bagian dari dokumen yang berisi metadata, seperti judul halaman (<title>), link ke stylesheet, dan skrip.
  • <body>: Bagian dari dokumen yang berisi konten utama halaman, seperti teks, gambar, dan tautan.

Contoh Struktur Dokumen HTML:

html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Judul Halaman</title>
</head>
<body>
    <h1>Selamat Datang di Website Kami</h1>
    <p>Ini adalah paragraf pertama dalam halaman web ini.</p>
    <a href="https://www.contoh.com">Kunjungi Contoh.com</a>
</body>
</html>

**2. Tag HTML Umum

Tag Header:

  • <h1> - <h6>: Digunakan untuk menentukan judul dan subjudul, dengan <h1> sebagai judul utama dan <h6> sebagai subjudul terkecil.

Tag Paragraf dan Teks:

  • <p>: Menandai paragraf teks.
  • <strong>: Menyoroti teks dengan huruf tebal.
  • <em>: Menyoroti teks dengan huruf miring.

Tag Link dan Media:

  • <a>: Digunakan untuk membuat hyperlink.
  • <img>: Digunakan untuk menambahkan gambar.

Kesimpulan

HTML adalah bahasa dasar dan esensial dalam pengembangan web yang memberikan struktur dan format untuk konten di halaman web. Memahami pengertian, fungsi, dan struktur dasar HTML adalah langkah pertama yang penting untuk siapa saja yang ingin memasuki dunia pengembangan web. Dengan menguasai HTML, Anda dapat mulai membuat halaman web yang terstruktur dengan baik dan siap untuk dikembangkan lebih lanjut dengan teknologi web lainnya.

Bagikan dan Diskusikan!

Apakah Anda baru memulai belajar HTML atau sudah berpengalaman dalam pengembangan web? Bagikan artikel ini dengan teman-teman dan kolega Anda dan beri tahu kami di komentar tentang pengalaman atau pertanyaan Anda terkait HTML. Kami ingin mendengar pendapat dan pengalaman Anda!

#HTML #PengembanganWeb #BelajarHTML #DasarHTML #WebDevelopment #TagHTML #StrukturHTML #Coding #WebDesign

Read more

Jumat, 02 Agustus 2024

contoh program sedehana bahasa C

 Contoh 1: Program "Hello, World!"

Ini adalah program paling dasar dalam pemrograman, yang berfungsi untuk menampilkan teks "Hello, World!" di layar.

C
#include <stdio.h>

int main() {
    printf("Hello, World!\n");
    return 0;
}

Penjelasan:

  • #include <stdio.h>: Ini adalah preprocessor directive yang menginstruksikan compiler untuk memasukkan library stdio.h. Library ini berisi fungsi-fungsi input/output standar seperti printf().
  • int main(): Ini adalah fungsi utama dari program C. Setiap program C harus memiliki fungsi main().
  • printf("Hello, World!\n");: Fungsi printf() digunakan untuk mencetak teks yang ada di dalam tanda kutip ke layar. \n digunakan untuk membuat baris baru.
  • return 0;: Fungsi main() mengembalikan nilai 0 untuk menunjukkan bahwa program telah selesai dengan sukses.

Contoh 2: Program Menghitung Luas Persegi Panjang

C
#include <stdio.h>

int main() {
    int panjang, lebar, luas;

    printf("Masukkan panjang: ");
    scanf("%d", &panjang);

    printf("Masukkan lebar: ");
    scanf("%d", &lebar);

    luas = panjang * lebar;

    printf("Luas persegi panjang    adalah: %d\n", luas);

    return    0;
}

Penjelasan:

  • Program ini meminta pengguna untuk memasukkan panjang dan lebar persegi panjang, kemudian menghitung dan menampilkan luasnya.
  • scanf() digunakan untuk membaca input dari pengguna.
  • Variabel panjang, lebar, dan luas digunakan untuk menyimpan nilai-nilai yang dihitung.

Contoh 3: Program Menentukan Bilangan Terbesar dari Dua Bilangan

C
#include <stdio.h>

int main() {
    int bilangan1, bilangan2, terbesar;

    printf("Masukkan bilangan pertama: ");
    scanf("%d", &bilangan1);

    printf("Masukkan bilangan kedua: ");
    scanf("%d", &bilangan2);

    if (bilangan1 > bilangan2) {
        terbesar = bilangan1;
    } else {
        terbesar = bilangan2;
    }

    printf("Bilangan terbesar adalah: %d\n", terbesar);

    return 0;
}

Penjelasan:

  • Program ini membandingkan dua bilangan dan mencetak bilangan yang lebih besar.
  • if...else digunakan untuk membuat keputusan berdasarkan kondisi.

Contoh 4: Program Faktorial

C
#include <stdio.h>

int main() {
    int n, faktorial = 1;

    printf("Masukkan nilai n: ");
    scanf("%d", &n);

    for (int i = 1; i <= n; ++i) {
        faktorial *= i;
    }

    printf("Faktorial dari %d adalah %d\n", n, faktorial);

    return 0;
}

Penjelasan:

  • Program ini menghitung faktorial dari sebuah bilangan.
  • for digunakan untuk membuat perulangan.

Ingin mencoba contoh lain? Kamu bisa meminta saya untuk membuat program yang lebih kompleks, seperti:

  • Mencari bilangan prima
  • Mengurutkan array
  • Membuat kalkulator sederhana
  • Dan masih banyak lagi

Tips Belajar C:

  • Latihan secara teratur: Semakin banyak kamu berlatih, semakin mahir kamu dalam bahasa C.
  • Pahami konsep dasar: Mulai dari variabel, tipe data, operator, hingga struktur kontrol.
  • Gunakan debugger: Debugger dapat membantu kamu menemukan kesalahan dalam programmu.
  • Cari referensi: Ada banyak buku, tutorial online, dan komunitas yang bisa kamu gunakan sebagai referensi.
Read more

Senin, 17 Desember 2018

Jumat, 14 April 2017

Bimbingan Belajar Komputer arteta

Bimbingan Belajar Komputer

ARTETA


 



Formulir Pendaftaran


Read more
Langganan: Postingan (Atom)