-->

Contoh Script HTML Sederhana dalam pembuatan Website

Contoh Script HTML Sederhana dalam pembuatan Website
Contoh Script HTML Sederhana dalam pembuatan Website

 Jika Anda ingin belajar HTML, contoh script HTML ini akan berguna dan membantu Anda mengenal satu persatu kode HTML agar nantinya Anda dapat membuat website yang keren.

Apa itu HTML?

HTML (Hypertext Markup Language) adalah bahasa markah standar untuk dokumen yang di desain untuk membuat website dan dapat ditampilkan di Internet. Bahasa markah standar ini dikembangkan oleh World Wide Web Consortium dan WHATWG, yang dirilis pertama pada tahun 1993. HTML dapat disimpan dalam berkas yang berekstensi (.html, .htm, .xhtml dan .xht).

Dengan menggunakan HTML Anda dapat membuat website biodata, portofolio sederhana dll. Namun jika Anda pemula, maka lebih baik untuk belajar HTML dasar terlebih dahulu.

Memilih Kode Editor

Hal yang perlu Anda lakukan ialah memilih kode editor untuk mengedit script HTML. Jika Anda pengguna PC/Laptop Anda dapat menggunakan Notepad++, Visual Studio Code dll.

Bagi pengguna HP Android, Anda dapat memilih dan memasang kode editor yang telah kami siapkan di artikel yang berjudul "5 Aplikasi Coding HTML Terbaik untuk Android".

Contoh Script HTML Sederhana

<html>
  <head>
    <title>Contoh Script HTML</title>
  </head>
  <body>
    <h1>Halo semua, Saya sedang belajar HTML</h1>
    <p>Ini adalah script HTML sederhana yang telah saya buat!</p>
    <b>Ini contoh teks dicetak Tebal</b>
    <br/>
    <i>Ini contoh teks dicetak Miring</i>
    <br/>
    <u>Ini contoh teks garis bawah</u>
    <br/>
    <font style="color:red">dan ini contoh teks berwarna</font>
    <blockquote>Bagaimana tanggapan Anda tentang ini?</blockquote>
  </body>
</html>

Hasilnya:

Contoh Script HTML Website Sederhana

Penjelasan

Tag HTML

HTML ialah tag dasar yan mendefiniskan bahwa dokumen tersebut adalah HTML. Tag ini merupakan satu wajib bagi pembuat web untuk menuliskannya sebagai tag pertama dalam dokumen HTML.

Contoh: <html> diawal dokumen dan </html> di akhir dokumen.

Tag Head

Merupakan tag berikutnya setelah <html> untuk menuliskan keterangan tentang dokumen web yang akan ditampilkan

Contoh: <head> di awal setelah <html>, dan </head> di akhir bagian head.

Tag Title

Merupakan tag di dalam head yang harus dituliskan untuk memberikan judul/informasi pada caption browser web tentang topik atau judul dari dokumen web yang ditampilkan.

Contoh: <title>Judul Script HTML</title>.

Tag Body

Merupakan bagian utama dalam dokumen web. Semua isi dokumen yang akan ditampilkan di dalam browser harus dituliskan didalam body.

Contoh: <body> di awal, segera setelah tag </head> </body> di akhir, diletakkan sebelum tag </html>.

Tag Paragraf

Untuk membuat paragraf di HTML diawalai dengan tah <p> dan diakhiri dengan </p>, begitu seterusnya jika Anda ingin membuat lebih dari satu paragraph.

Tag Line Break

Untuk membuat baris baru di HTML gunakan <br/>.

Tag Typography

<blockquote> digunakan untuk menuliskan bagian text yang merupakan kutipan, diakhiri dengan </blockquote>. Tag <b> untuk membuat tulisan tebal, <i> untuk tulisan miring dan <u> untuk tulisan bergaris bawah.

Tag dalam HTML ada banyak sekali. Jika Anda bersungguh-sungguh dalam belajar HTML, Anda dapat belajar di website W3schools.

Memulai Membuat Website

Untuk menyimpan dan menjalankan Script diatas, Anda dapat menggunakan kode editor dan Browser yang ada di perangkat Anda.

Jika ingin website Anda dapat diakses oleh banyak orang dan tampil di halaman Google, kami rekomendasikan Anda untuk membaca artikel kami tentang Cara membuat website dengan hosting dan domain gratis.

Jika hanya ingin menjalankan script HTML di localhost, berikut tutorialnya:

  1. Salin script HTML tersebut.
  2. Buka kode editor.
  3. Tempel script HTML.
  4. Simpan file dengan ekstensi .html (script.html).
  5. Terakhir, buka file HTML menggunakan browser untuk menjalankannya.

Jika Anda sudah jago HTML, maka Anda juga akan bisa membuat tool IG seperti Instagram Fonts Generator ini.

Demikian artikel tentang contoh script HTML sederhana untuk Anda belajar membuat website dari nol, mudah-mudahan bermanfaat.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel