Untuk kita bisa membuat website atau blog secara sederhana, kita perlu sedikit paham pemprogramman HTML, karena memang program ini adalah dasar untuk memahami pembuatan halaman website atau blog. Tapi tak usah kawatir karena kita hanya memahami pemprogramman HTML ini secara dasar saja. Semua halaman website atau blog kebanyakan didesain menggunakan pemprograman HTM, HTML atau XML, tetapi masih banyak yang didesain memakai pemprogramman HTML.
Syntax dasar program HTML :
<html>
<head>
<title>CarensaSoft</title>
</head>
<body>
Statement
</body>
</html>
Perhatikan syntax dasar listing program HTML di atas, bahwa format yang diusung pemprogramman HTML adalah semua format perintah awal selalu di akhiri oleh </....>, seperti <html> ..............selalu di akhiri </html>
Semua yang terdapat antara <head> ..............s/d.................</head> tidak akan di tampilkan ke layar kecuali <title>CarensaSoft</title> ini hanya contoh. Judul ini akan di tampilkan di bagian atas sendiri aplikasi Internet (mozilla, internet explorer, opera dll). Seperti bisa anda lihat waktu anda mmengunjungi blog saya ini maka di atas sendiri pada aplikasi yang anda gunakan untuk mengakses internet pasti ada judul tampil "Pembelajaran Teknologi Informasi Komunikasi".
Semua yang kita tuliskan di antara <body>....................s/d..................</body>, jika itu berupa karakter akan ditampilkan apa adanya tetapi jika itu berupa syntax program HTML maka akan di tampilkan sesuai perintah yang ada.
Syntax HTML :
1. Menampilkan gambar : <img src="....alamat file gambar......." alt="...ket gambar...." width="150" height="150">
contoh : <img src="http://www.google.com/picasa/1267891/aku.jpg" alt="joedhy" width="150" height="150">
2. Membuat Link (bisa halaman lain atau data download) : <a href="....alamat file html atau data (gbr, doc, xls, pdf dll)........">kalimat ...yang di munculkan di website atau blog</a>
contoh : <a href="http://www.google.com">Google</a>, maka syntax program ini yang tampil di page atau halaman website adalah hanya tulisan Google dan jika anda sorot dengan pointer tulisan Google maka pointer akan berganti berbentuk tangan (tinggal settingan mouse anda).
3. Tulisan akan di tampilkan apa adanya : untuk enter atau tulisan bisa tampil di bawah tulisan awal maka anda bisa menambahkan perintah <p> kalau ingin jaraknya jauh dan <br> bila ingin jarak kalimat atas dan bawahnya cukup dekat.
NB :
Jika anda perhatikan tampilan samping kanan blog saya ini muncul, visitor dan beberapa social community, maka untuk mendesain itu kita harus sedikit paham pemprogramman HTML dasar.
Semoga ini bisa membantu anda memahami mendesain website atau blog, jika mau terus belajar mampir di blog saya karena setiap hari saya melengkapi artikel-artikel tentang pembelajaran TIK.
Syntax dasar program HTML :
<html>
<head>
<title>CarensaSoft</title>
</head>
<body>
Statement
</body>
</html>
Perhatikan syntax dasar listing program HTML di atas, bahwa format yang diusung pemprogramman HTML adalah semua format perintah awal selalu di akhiri oleh </....>, seperti <html> ..............selalu di akhiri </html>
Semua yang terdapat antara <head> ..............s/d.................</head> tidak akan di tampilkan ke layar kecuali <title>CarensaSoft</title> ini hanya contoh. Judul ini akan di tampilkan di bagian atas sendiri aplikasi Internet (mozilla, internet explorer, opera dll). Seperti bisa anda lihat waktu anda mmengunjungi blog saya ini maka di atas sendiri pada aplikasi yang anda gunakan untuk mengakses internet pasti ada judul tampil "Pembelajaran Teknologi Informasi Komunikasi".
Semua yang kita tuliskan di antara <body>....................s/d..................</body>, jika itu berupa karakter akan ditampilkan apa adanya tetapi jika itu berupa syntax program HTML maka akan di tampilkan sesuai perintah yang ada.
Syntax HTML :
1. Menampilkan gambar : <img src="....alamat file gambar......." alt="...ket gambar...." width="150" height="150">
contoh : <img src="http://www.google.com/picasa/1267891/aku.jpg" alt="joedhy" width="150" height="150">
2. Membuat Link (bisa halaman lain atau data download) : <a href="....alamat file html atau data (gbr, doc, xls, pdf dll)........">kalimat ...yang di munculkan di website atau blog</a>
contoh : <a href="http://www.google.com">Google</a>, maka syntax program ini yang tampil di page atau halaman website adalah hanya tulisan Google dan jika anda sorot dengan pointer tulisan Google maka pointer akan berganti berbentuk tangan (tinggal settingan mouse anda).
3. Tulisan akan di tampilkan apa adanya : untuk enter atau tulisan bisa tampil di bawah tulisan awal maka anda bisa menambahkan perintah <p> kalau ingin jaraknya jauh dan <br> bila ingin jarak kalimat atas dan bawahnya cukup dekat.
NB :
Jika anda perhatikan tampilan samping kanan blog saya ini muncul, visitor dan beberapa social community, maka untuk mendesain itu kita harus sedikit paham pemprogramman HTML dasar.
Semoga ini bisa membantu anda memahami mendesain website atau blog, jika mau terus belajar mampir di blog saya karena setiap hari saya melengkapi artikel-artikel tentang pembelajaran TIK.
