Skip to main content

Membuat Halaman HTML Sederhana


Sebelum Kamu belajar HTML pastikan kamu sudah menginstal notepad++ atau Sublimetext untuk mempermudah dalam memilah koding yang akan kamu buat nanti

Document HTML di mulai dengan <html> dan </html> untuk mengakhiri.
Contoh Document HTML
<!DOCTYPE html>
<html>
<head>
  <title>Page Title</title>
</head>
<body>
 <h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
  <p>This is a paragraph.</p>
</body>
</html>
Save file dengan nama belajar.html kemudian double klik file untuk membuka browser dan hasilnya akan menjadi seperti ini :

Page Title

This is a heading

This is a heading

This is a heading

This is a paragraph.
Dengan penjelasan berikut
<!DOCTYPE html>/*Menyatakan Document Adalah HTML*/
<html>/*Memulai Coding HTML*/
<head>/*Membuka Bagian Head*/
  <title>Page Title</title>/*Judul Halaman HTML*/
</head>/*Menutup Bagian Head*/
<body>/*Membuka Bagian Body*/
 <h1>This is a heading</h1>/*Membuat judul isi*/
<h2>This is a heading</h2>
<h3>This is a heading</h3>
  <p>This is a paragraph.</p>/*Memulai dan menutup paragraf*/
</body>/*Menutup Bagian Body*/
</html>/*Menutup Halaman HTML*/
Diantara tag pembuka dan penutup kamu bisa memasukkan banyak kode lain dengan teknologi seperti (CSS, JavaScript, Flash, Jquery, AJAX, JSON) dan lainnya yang dapat digunakan untuk mendefinisikan elemen dari sebuah halaman web. Akan tetapi, pada level paling rendah, sebuah halaman web didefinisikan dengan menggunakan HTML (HyperText Markup Language). Tanpa HTML maka tidak akan ada halaman web.

Labels

Labels:

Comments

Post a Comment

Popular posts from this blog

Penerapan PHP Dalam Kode HTML

PHP hanya mengeksekusi kode yang ditulis dalam pembatas sebagaimana ditentukan oleh dasar sintaks PHP. Apapun di luar pembatas tidak diproses oleh PHP (meskipun teks PHP ini masih mengendalikan struktur yang dijelaskan dalam kode PHP.  Pembatas yang paling umum adalah  " <?php " dan u ntuk menutup kode PHP " ?> ". Tujuan dari pembatas ini adalah untuk memisahkan kode PHP dari kode diluar PHP, seperti  HTML , Javascript . Untuk pembuatan web, kode  PHP  biasanya di sisipkan kedalam dokumen HTML. Karena fitur inilah PHP disebut juga sebagai  Scripting Language  atau bahasa pemrograman  script . Sebagai contoh penggunaan PHP, misalkan kita ingin membuat list dari nomor 1 sampai nomor 10. Dengan menggunakan HTML murni, kita bisa membuatnya secara manual seperti kode berikut ini: <!DOCTYPE html> <html>    <head>       <title>Contoh list dengan HTML</title>    ...
Post a Comment
Read more

Perancangan Ruang Server

Perlunya Memiliki Server dan Ruang Server Sendiri A. Alasan Memiliki Server & Ruang Server Sendiri Pembangunan Gedung D pada STT Ibnu Sina akan menambah jumlah user pada fasilitas E-learning dan akses website STT Ibnu Sina lainnya. Hal tersebut tentu akan menambah beban jaringan atau Bandwidth yang dibutuhkan untuk menyimpan content pada E-learning dan Website STT Ibnu Sina, seperti modul tugas dan Data Kemahasiswaan. Berikut beberapa keuntungan jika STT Ibnu Sina memuliki Server dan ruang Server sendiri : Mempermudah baik pihak pengurus STT Ibnu Sina Batam maupun mahasiswa dalam mengatur dan mengakses data dan informasi Kerahasiaan data dan informasi terjaga dalam server. Mengurangi biaya internet karena situs STT Ibnu Sina yang di akses melalui jaringan yang ada di STT Ibnu Sina akan menggunakan jaringan local, sehingga tidak membutuhkan akses internet Mempermudah mahasiswa khususnya teknik informatika untuk belajar langsung tentang server, data center dan kegunaann...
1 comment
Read more

Memanggil file CSS ke Halaman HTML

Postingan sebelumnya saya menjelaskan tentang halaman html sederhana dengan layout CSS , yang mana Script CSS di gabungkan ke halaman HTML, kali ini saya akan menjelaskan bagaimana memisahkan file CSS dan cara memanggil file tersebut di halaman HTML. Pertama lihat kembali ke halaman html, buka dengan editor kamu. <!DOCTYPE html> <html> <head> <style> #header {     background-color:black;     color:white;     text-align:center;     padding:5px; } #nav {     line-height:30px;     background-color:#eeeeee;     height:300px;     width:100px;     float:left;     padding:5px; } #section {     width:350px;     float:left;     padding:10px; } #footer {     background-color:black;     color:white;     clear:both;     text-align:center;     padding:5px...
1 comment
Read more