Cara Membuat Struktur Dasar Dokumen HTML

TUJUAN PEMBELAJARAN

Setelah mempelajari bab ini Anda di harapkan mampu :

cara membuat struktur dasar dokumen html - mengidentifikasi dasar -dasar Struktur dokumen yang ada pada Hypertext Markup Language (HTML) sebagai bahasa pendukung yang digunakan untuk desain Web.

 

Pada saat anda akan mendesain web, maka anda harus mengenal struktur dokumen HTML yang ada, struktur halaman web dapat kita pelajari pada bab ini.

 

Bab ini akan memperkenalkan struktur dasar HTML, sebagai pendukung bahasa pemrograman Web, dimana pendukung dasar dari bahasa pemrograman ini di integrasikan dengan internet dan pembuatan codingnya menggunakan notepad dan struktur bahasa Hypertext Markup Language digunakan sebagai dasar pembuatan web.

 

A. STRUKTUR YANG ADA PADA HTML

Struktur dokumen HTML terdiri dari:

  • Diawali atau terbuka dengan tag <HTML> dan di akhiri dengan </HTML>
  • Tag <HEAD>, yang berfungsi sebagai header atau kepala dari dokumen HTML yang fungsinya sebagai pemberi informasi mengenai dokumen HTML yang di buat dan di akhiri dengan tag </HEAD>
  • Tag title yang berfungsi sebagai judul yang akan tampil di halaman web yang kita desain atau buat, diakhiri dengan tag </TITLE>
  • Tag BODY, yang berfungsi untuk mendefinisikan awal dari isi website.Dan diakhiri dengan </BODY>

 

B. CONTOH MENGGUNAKAN STRUKTUR HTML

Berikut ini adalah contoh tampilan awal dari pembuatan halaman web sesuai dengan struktur kode yang ada diatas.

Buatlah contoh berikut ini menggunakan struktur kode yang ditetapkan oleh HTML.

<html> diawali dengan html

<head> pembuka halaman html

<title>ANDREPERMANA</title> judul yang akan tampil di halaman web pojok kiri

</head> menutup halaman html

<bodybgcolor="blue"> memberikan warna latarbelakang pada halaman web

welcome to my web dokumen yang akan tampil di halaman web

</html> penutup halaman web

Langkah yang di lakukan adalah:

  • Buat teks di atas menggunakan editor Notepad sehingga akan tampil kotak dialog sebagai berikut:

 

Cara Membuat Struktur Dasar Dokumen HTML


  • Setelah teks tersebut kita buat pada tampilan Notepad, maka simpan dengan extension dot html (.html), misalnya lat1.html
  • Kemudian pada tampilan pada layar monitor akan terbentuk file html yang dapat kita browse Mozilla, internet Explorer atau browser lainnya.
  • Lihat tampilan berikut ini yang di tandai warna biru:




  • Klik pada bagian Lat1 yang sudah terbentuk file html,maka akan menghasilkan tampilan berikut ini:

Cara Membuat Struktur Dokumen HTML


Istilah

tag <HTML> : di gunakan untuk mengawali pembuatan struktur kode pada notepad

tag <HTML> : di gunakan untuk mengakhiri pembuatan struktur kode pada notepad

tag TITLE : berfungsi sebagai judul yang akan tampil

 


Cara Membuat Struktur Dasar Dokumen HTML Cara Membuat Struktur Dasar Dokumen HTML Reviewed by andre permana on August 22, 2020 Rating: 5

No comments:

Theme images by wibs24. Powered by Blogger.