Dasar-Dasar HTML 01

Di sini kita akan mempelajari awal pembuatan sebuah website sederhana dengan HTML, dimulai dengan penulisan syntax sederhana seperti <html>…</html>. Langsung saja kita praktekkan di sini dengan membuat sebuah file html dan disimpan dengan nama latihan01.html. Silahkan mengunakan editor apa saja, silahkan ketik kembali syntax HTML dibawah ini.

<html>
<head>
<title>Latihan pertama</title>
</head>
<body>
Saya Baru Belajar Dasar-Dasar Pembuatan Website dengan HTML,
Saya harus bisa ke tahap selanjutnya.
Semangat untuk terus maju dan berkembang.
</body>
</html>

Silahkan di jalankan dengan mengunakan browser secara offline. Dalam penulisan selalu diawali dengan syntax <html> …dan di akhiri dengan </html>, didalam nya terdapat head, title, dan body. Head merupakan tempat untuk menemukan style sheet, menyediakan informasi meta. Title merupakan judul dari nama file yang akan anda buat, dan body merupakan isi dari website yang akan anda buat nantinya.

Contoh sederhana penulisan dalam HTML, silahkan (..) di ketikan sebuah kalimat seperti dibawah ini. Simpan dengan nama latihan02.html:

  1. <i>..</i> “huruf miring
  2. <u>..</u> “huruf ada garis bawahnya
  3. <b>..</b> “huruf jadi tebal”
  4. <del>..</del> “tulisan dicoret
  5. <p>..</p> “penulisan paragraf”
  6. <h1>..</h1> <h6>..</h6> “penulisan Header”
  7. <hr> “membuat garis horisontal”
  8. <br> “ganti baris”
  9. <img src=”gambar.jpg”> menampilkan gambar
<html>
<head>
<title>Latihan kedua</title>
</head>
<body>
<i>huruf miring</i> "huruf miring"
<u>huruf ada garis bawahnya</u> "huruf ada garis bawahnya"
<b>huruf jadi tebal</b> "huruf jadi tebal"
<del>tulisan dicoret</del> "tulisan dicoret"
<h1>Judul Ku</h1> <h6>..</h6> penulisan Header
<hr> "membuat garis horisontal"
<br> "ganti baris"
<img src="gambar.jpg"> menampilkan gambar
<p>..</p> "penulisan paragraf"
<p>Saya Baru Belajar Dasar-Dasar Pembuatan Website dengan HTML,
Saya harus bisa ke tahap selanjutnya.
Semangat untuk terus maju dan berkembang.</p>
</body>
</html>

Sementara sampai disini dulu nanti akan saya tambah buat teman-teman yang ingin dan masih semangat dalam belajar membuat website, Selamat Mencoba !

Tentang -=N N=-

Simple Thinks
Pos ini dipublikasikan di Uncategorized. Tandai permalink.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s