Membuat halaman website sederhana

Pada toturial kali ini saya akan berbagi tentang cara membuat halaman website sederhana dengan HTML dan CSS.

Yang anda perlukan dalam membuat halaman website ini diantaranya adalah :

  1. Notepad
  2. Browser seperti firefox atau chrome

Langkah-langkahnya yaitu :

  1. Jalankan notepad
  2. Ketikkan text kode html berikut :
    <html>
        <head>
        <title>Membuat halaman website</title>
        <style type="text/css">
        body {
            background-color:#33CC00;
            color:#0000CC;
        }
        h1 {
            color:#000066;
        }
        </style>
        </head>
        <body>
        <h1>Selamat datang di Website saya</h1>
        <p>Saya sedang belajar membuat halaman website sederhana</p>
        <p>Ternyata membuat halaman website itu sangat mudah</p>
        </body>
        </html>
     
  3. Kemudian kita simpan. Untuk menyimpan harus dengan jenis html, sehingga kita gunakan fasilitas menu save as yang ada di notepad.
    1. Klik menu save as
    2. Pilih folder tempat menyimpan, misal di desktop
    3. kemudian ketikkan nama file secara lengkap : latihan1.html
    4. Kemudian pilih Save as type : all files
    5. Lalu tekan Save
  4. Sekarang buka desktop dan cari file yang sudah kita buat tadi, lalu klik 2x

Hasilnya seperti gambar berikut :

Membuat halaman web

Gampang kan, selamat mencoba membuat halaman website sederhana.

Zainal Hakim

** Bebas disunting dengan menyebutkan sumber **

Halaman Terkait

  • Mengatur tinggi dan lebar tulisan berjalan
    Sebelumnya saya sudah berbagi tentang bagaimana membuat tulisan berjalan dengan html, kemudian sudah saya sampaikan juga cara mengatur kecepatan tulisan berjalan. Sekarang muncul kasus lagi bagaimana cara mengatur tinggi area tulisan berjalan dan leb
  • Operasi Matematika dalam PHP
    Operator Matematika yang digunakan untuk melakukan operasi matematika dalam php ada beberapa jenis, mari kita lihat tabel berikut :
  • Membuat css sederhana
    Pada toturial kali ini saya akan berbagi tentang cara membuat css sederhana. Yang anda perlukan dalam membuat css ini
  • Mengatur kecepatan tulisan berjalan
    Sebelumnya saya berbagi tentang bagaimana membuat tulisan berjalan dengan html, sekarang saya lanjutkan dengan cara mengatur kecepatan tulisan berjalan tersebut.
  • Contoh cara penulisan struktur HTML5
    Struktur penulisan script web yang menggunakan teknologi terbaru yaitu HTML5 memang sedikit berbeda dari biasanya, struktur lebih tertata sehingga lebih mudah difahami dan diklaim memiliki optimalisasi dalam bidang seo. Berikut ini Contoh struktur pe
  • Membuat tulisan berjalan dengan html
    Anda ingin membuat tulisan berjalan, dari kiri, kanan atau dari atas? Berikut ini perintah yang bisa anda gunakan untuk membuat tulisan berjalan dengan html.
  • TopStyle Lite program aplikasi untuk css
    TopStyle Lite adalah program aplikasi pengembang yang berguna untuk membuat dan mengedit CSS (CSS Editor). Versi terbaru program ini adalah TopStyle Lite 3.5, yang dirilis pada tanggal 15 Oktober 2007. Software TopStyle Lite dibuat dan dikembangkan o
  • Membuat combobox dalam html
    Combobox atau yang sering disebut list menu dalam html adalah salah satu input yang bisa kita gunakan sebagai elemen sebuah form. Cara mendeklarasikan sebuah combobox sangat mudah yaitu dengan perintah sebagai berikut

Kiriman terbaru