Kamis, 29 September 2016

cara sederhana membuat html

Assalamu'alaikum wr.wb

halo semua... berhubung ini adalah posting pertama maka saya akan berbagi mengenai cara sederhana membuat html.cara membuatnya cukup mudah dengan modal Notepad dan browser saja kita bisa membuat web.langung saja caranya cekidot...
Hyper Text Markup Language atau HTML adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.
  • langkah pertama yang harus dilakukan adalah membuka Notepad. caranya cukup mudah dengan klik search pada start lalu ketik "Notepad" lalu muncul tampilan seperti gambar dibawah ini.
  • selanjutnya coba ketik kode html berikut ini
<html>
<head>
<title> ini judul html </title>
</head>
<body>
<h1> Ini Main Heading </h1>
<p> ini Isi dari Main Heading <p>
<h2> Ini Sub-Heading</h2>
<p> ini isi dari sub heading </p>
<h2> Sub-Heading Tambahan</h2>
<p> ini isi sub heading tambahan </p>
</body>
</html>

keterangan kode html :
  • <html> : berfungsi mengawali setiap kode html yang dibuat (wajib ada)
  • <head> : berfungsi untuk menandakan judul halaman web 
  • <title>  : berfungsi memberi judul pada halaman web yang dibuat
  • <body> : berfungsi memberi isi halaman web
  • <h1>,<h2>,<h3>  : heading untuk memperbagus halaman web
  • <p> : memberi paragraf
  • </   > : untuk mengakhiri kode html yang dibuat.
 


setelah itu simpan dengan klik "file" pilih "save" lalu muncul kotak dialog save

tentuka nama file dan jangan lupa untuk menambahkan ".html" diakhir penulisan nama lalu klik save.


untuk mengecek hasil dari pembuatan kode yang telah dibuat caranya buka kode html dengan browser yang Anda miliki.
  • contoh penulisan kode html seperti gambar dibawah ini

dan ini hasalnya
demikian artikel yang saya sampaikan semoga bermanfaat bagi agan agan semua. tunggu artikel ane selanjutnya.

Wassalamu'alaikum wr.wb