RonnyFebrianSaputra MI 1C

  • Home
  • Tutorial Pemograman Web
  • Jaringan Komputer

Cara Membuat Loading Web dengan HTML dan CSS

 Ronny Febrian Saputra     Desember 10, 2018     No comments   

Membuat Loading Web dengan HTML dan CSS



Apa Itu HTML..?

   HTML adalah singkatan dari HyperText Markup Language yaitu bahasa pemrograman  standar yang digunakan untuk membuat sebuah halaman web, yang kemudian dapat diakses untuk menampilkan berbagai informasi di dalam sebuah penjelajah web Internet (Browser). 

Fungsi HTML






  • Membuat halaman web.
  • Menampilkan berbagai informasi di dalam sebuah browser Internet.
  • Membuat link menuju halaman web lain dengan kode tertentu (hypertext).

  • Apa Itu CSS..?

     Pada dasarnya CSS atau Cascading Style Sheet juga sama seperti HTML, PHP ataupun Javascript yakni suatu Bahasa pemrograman yang dibuat untuk menunjang fungsi website, namun masing – masing mereka memiliki porsi atau tugas yang berbeda.

    Fungsi CSS

    Fungsi dari adanya file CSS dalam setiap website kami rasa cukup penting. Sebelumnya juga sudah sempat dibahas bahwa dengan adanya CSS anda dapat membedakan konten atau style dengan dokumen atau file website itu sendiri. Bisa dibilang salah satu tolak ukur dari kualitas halaman website yang dibuat adalah dari style yang digunakan, dan disini CSS berperan sangat vital.
    Keuntungan lain dari penggunaan file CSS adalah seakan – akan dapat dibuat menjadi library style yang bisa digunakan lagi sewaktu – waktu, tergantung dari anda untuk mengkreasikannya agar bentuk tampilan antar website yang dibuat tidak sama. Selain itu dengan adanya CSS seorang programmer web juga diberi kebebasan untuk berinovasi serta berkreasi seindah mungkin karena tidak ada batasan – batasan dari penggunaan kode CSS itu sendiri.

    Kali ini saya akan memberikan tutorial cara membuat loading sederhana dengan HTML dan CSS
    1. Siapkan text editor ( sublime,atom,dll )
    2. Buat folder baru 
    3. Setelah Buat Folder baru, buat file dengan nama " index.html ",
    4. Sourcode nya ad di gambar berikut

    Selanjut nya adalah Sourcode CSS nya
        Sintax Css nya dapat di tulis di halaman HTML nya langsung/bisa juga di halaman baru dengan membuat File baru dengan nama "style.css" lalu Hubungkan dengan dengan link
    Kali ini saya menggunkan Css langsung pada halaman HTML nya langsung





    Dan Hasil nya adalah Sebagai Berikut >>



    • Share This:  
    •  Facebook
    •  Twitter
    •  Google+
    •  Stumble
    •  Digg
    Kirimkan Ini lewat EmailBlogThis!Bagikan ke XBerbagi ke Facebook
    Ronny Febrian Saputra
    Nama Saya Ronny Febrian Saputra Umur 16 thn Hobi Main Asal Sekolah SMKN 4 Payakumbuh Alamat Harau
    Posting Lebih Baru Posting Lama Beranda

    0 Comments:

    Posting Komentar

    Popular Posts

    • Pengertian Dual Boot Serta Kelebihan dan Kekurangan
      Pengertian Dual Boot Serta Kelebihan dan Kekurangan  Apa itu Dual Boot? Lalu apa saja kelebihan dan kekurangannya? Adakah manfaat...
    • Tkinter
      Tkinter    tkinter ini merupakan sebuah GUI yang digunakan oleh python secara build in yang artinya tidak perlu menginstall tamba...
    • Instal Laravel 5.7
      Saya rekomendasikan Anda untuk menginstall  composer  terlebih dahulu. Atau Anda bisa membaca kembali postingan terdahulu tentang  cara i...
    • Cara Membuat Schematic Diagram Sensor RFID
      Baiklah di postingan kali ini saya akan memebuat shecmatic Diagram tentang bagaimana membuat sensor rfid. sebelum kalian masuk kepembuata...
    • Perulangan Pada Python
      Perulangan ( For ) Perualangan dalam bahasa pemrograman berfungsi menyuruh komputer melakukan sesuatu secara berulang-ulang. Terda...
    • Sejarah Bahasa Pemograman Python
      Sejarah Bahasa Pemoggraman Python    Python dikembangkan oleh Guido van Rossum pada tahun 1990 di CWI, Amsterdam sebagai kelanjutan...
    • Game Dengan Python and PyGame
      Game Dengan Python and PyGame   Pada blog kali ini saya akan membuat game ular-ular dengan menggunakan bahasa pemograman Python dan...
    • Cara Penggunaan Return Value pada Pemrograman Python.
      Cara Penggunaan Return Value pada Pemrograman Python Pada tutorial kali ini kita akan membahas tentang  Cara Penggunaan Return V...
    • Python GUI Programming
      Pyhton GUI Programming (Tkinter) Tkinter adalah pustaka GUI standar untuk Python. Python bila dikombinasikan dengan Tki...
    • Kelebihan dan Kekurangan OpenSuse
      Kelebihan dan Kekurangan OpenSuse Berbicara Linux tentu tidak ada habisnya, mengingat sistem operasi yang satu ini memiliki varian...

    Recent Posts

    Unordered List

    Pages

    • Beranda
    • Tutorial Pemograman Web

    Text Widget

    Blog Archive

    • ►  2021 (15)
      • ►  Juni (6)
      • ►  Mei (1)
      • ►  April (4)
      • ►  Maret (4)
    • ►  2019 (39)
      • ►  Februari (16)
      • ►  Januari (23)
    • ▼  2018 (17)
      • ▼  Desember (17)
        • Python, Numbers And Operasi Aritmatika
        • Mengenal Bahasa Pemograman Python
        • Membuat Sensor Cahaya LDR
        • Belajar Membuat Jumbotron
        • Mengenal Programmer Front-End & Programmer Back-End
        • Pengenalan Fiber Optik
        • Mengenal Bahasa Pemograman
        • Cara Membuat Mengkoneksikan PHP ke Database
        • Pengenalan Bahasa Pemograman Javascript
        • Belajar Membuat Navigation
        • Pengenalan Sistem Grid
        • Cara Membuat Loading Web dengan HTML dan CSS
        • Teknologi Jaringan Wireless
        • Hosting Domain
        • Cara Mendownload Dan Menggunkan Framework Bootstra...
        • Radio Streaming
        • Mengenal Apa itu Arduino

    Sample Text

    Copyright © ronnyfebriansaputra | Powered by Blogger
    Design by Hardeep Asrani | Blogger Theme by NewBloggerThemes.com | Distributed By Gooyaabi Templates