Cara membuat HTML dengan TerStruktur

Selamat Menikmati WEEKEND anda saya akan membagikan Tutorial dalam pembuatan Website. , mungkin ini bisa  bermanfaat bagi anda


RumahBelajar ------- Membuat HTML dengan Struktur data merupakan suatu keharusan dalam merangkai html tersebut,  karena apabila kita membuat html tanpa menggunakan struktur data, Html yang kita buat akan acak-acakan dan seringkali tidak dapat dijalan, maka dari itu karena sangat pentingnya struktur data dalam pembuatan html, maka kita akan mencoba mempelajari tutorial membuat HTML dengan struKtur data.




  1. Hal yang pertama yang harus dilakukan adalah, siapkan dahulu materi/ tulisan yang ingin dibuat menjadi html.
  2. Setelah Materi/Tulisan telah siap, kita harus pahami dahulu bagaimanakah Struktur Dokumen Html tersebut,
sebelum itu bagi yang belum mengetahui bagaimana dasar pembuatan HTML, dapat mengikuti materi kami yang sebelumnya yaitu :


Jika semua telah siap, mari kita ciptakan HTML tersebut
  • Buka Software pembuat HTML yang kalian punya, disini kita menggunakan software yang, mungkin tidak kalian duga , disini kita menggunakan Notepad, mengapa notepad, selain dapat untuk menulis catatan notepad juga bisa digunakan untuk aktivitas lainya yang bisa di bilang seru, kita bisa memanfaatkan notepad untuk menulis script C++, C, Phyton, HTML dan lainya.
  • Setelah Jendela Notepad Terbuka, Tulis Script HTML sesuai Panduan yang kami tuliskan dibawah.
  • Tambahkan Deklarasi "DOCTYPE HTML" dibagian paling atas, seperti contoh :                       
<!DOCTYPE html>
  • Setelah itu Tambahkan Element Root dibawah Deklarasi HTML "DOCTYPE HTML" seperti contoh:                        
<html>
  • Tuliskan Judul Materi yang akan Dibuat pada Element TITLE yang terdapat di dalam Element HEAD, dan setelah judul Materi Ditulis, Jangan Lupa untuk menambahkan Penutup TAG "</>, seperti contoh:
                <head>
                <meta charset = "utf-8">
                <title> How To Create HTML with Data Structure</title>
                </head>

          Nah, Kenapa kita menambahkan "<meta charset = "utf-8">" ?, meta charset digunakan untuk menambahkan informasi pengkodean karakter dalam HTML, atau bisa dibilang Teks Formating nya.

  • Setelah Element Head dan Title dibuat, Masukan Element BODY dibawah nya dan Masukan Materi yang telah disiapkan, setelah materi di masukan, jangan lupa akhiri dengan TAG Penutup, seperti Contoh:
                <body>               
                isikan sebuah informasi atau artikel yang akan dimuat pada halaman 
                body contoh:
                Membuat HTML dengan Struktur data merupakan suatu keharusan
                dalam merangkai html tersebut,  karena apabila kita membuat html
                tanpa menggunakan struktur data, Html yang kita buat akan 
                acak-acakan dan seringkali tidak dapat dijalan, maka dari itu karena
                sangat....               
                </body>

  • Setelah Semua telah dilaksanakan, akhiri  HTML dengan memasuka Element Penutup ROOT, seperti contoh:
          </html>

  • Nah, untuk hasilnya akan terlihat seperti dibawah ini
  • Setelah, semua telah selesai, waktunya kita untuk menyimpan file tersebut kedalam bentuk HTML.
  • Klik save as pada notepad, beri nama file dan tuliskan *.html pada akhir penamaan, dan jangan lupa mengubah save as type ke bentuk all files
  • Buka file HTML yang telah kita buat dengan software web browser yang dimiliki,,


selamat Mencoba ..>>>

Post a Comment

0 Comments