Beranda / HTML

HTML Dasar Part #2 : Hello World || YUNUSOFFICIAL

Oleh Baca Dulu Posting Komentar

YUNUSOFFICIAL - Selamat datang di blog "yunusofficial.my.id" di blog ini saya mao membagi ilmu pembelajaran programan HTML. Sebelumnya saya telah menjelaskan pengertiang HTML, fungsi HTML, dan lain-lain. pada artikel ini kita akan mulai menuliskan kode HTML untuk membuat web yang sangat sederhana sekali. 

                                            

Nanti web yang kita buat adalah web yang akan menampilkan "Hello World" ke layar.. Aplikasi yang saya akan gunakan adalah notepad sebagai kode editornya. Kita gunakan notepad dulu sebelum kita pakai kode editor yang beneran ya teman-teman.

Okey langsung saja kita buat dengan menampilkan "Hello World"  di tampilan google simak terus artikel ini dengan sebagai berikut :

  • Siapkan aplikasi Notepad
  • Setelah  itu buka Notepad kalian
  • Terus masukan kode di bawah ini 


<!doctype html>
<html>
<head>
    <title>Judul Halaman</title>
</head>
<body>
     <h1>Isi Web</h1>
</body>
</html>
  • Setelah itu kalian save as dan beri nama sesuka kalian 
  • Terus pake (.html)
  • Terus klik save 
  • Setelah itu kalian bisa me review 
  • Untuk review nya kalian bisa gunakan Google Crome, Firefox, atau bawaan Windows seperti Egde, Internet Ekplorer dan lain-lain.

Penjelasanya

  • <!DOCTYPE html> digunakan untuk mendeklarasikan tipe dari dokumen yang kita buat yaitu html sehingga dapat ditampilkan oleh web browser dengan benar
  • <html> dan </html> digunakan untuk menggambarkan sebuah dokumen html
  • <head> dan </head>  digunakan untuk penulisan pada bagian kepala/atas dalam sebuah kode html. Biasanya pada bagian ini terdapat tag penulisan judul web
  • <title> dan </title> digunakan untuk menulis judul web
  • <body> dan </body> digunakan untuk penulisan pada bagian badan/tengah sebuah kode html. Biasanya dalam bagian ini terdapat tag penulisan judul halaman, paragraph, dan isi konten yang akan ditampilkan.
  • <h1> dan </h1> adalah heading yang digunakan sebagai penuisan judul dan subjudul isi konten. Jumlah heading yang bisa digunakan yaitu dari h1 sampai h6. Heading terbesar adalah h1 sedangkan heading yang terkecil adalah h6.
  • <p> dan </p> digunakan sebagai tag paragraf.

Penulisan Tag

Tag HTML ini biasanya berpasangan yaitu antara tag awal dengan tag akhir, jadi penulisan text dilakukan di antara kedua tag tersebut. Penulisan tag akhir sama dengan penulisan tag awal tetapi ditambah garis miring sebelum nama tag. INGAT ADA BUKA HARUS ADA TUTUP.

Menampilkan Pada Browsur


Kalian dapat menampilkan kode html yang sudah dibuat dengan cara menyimpan file tersebut dahulu dengan cara sebagai berikut:
  1. Pilih File Save. 
  2. Kemudian membuka file tersebut dengan cara klik kanan pada file html  
  3. Open with  
  4. Pilih browser kalian




Tidak ada komentar untuk "HTML Dasar Part #2 : Hello World || YUNUSOFFICIAL"

Posting Komentar