saya sebenarnya bingung mesti menulis apa, tapi mungkin saya share aja tentang basic basic pembuatan website yang sederhana.
nah sekarang dimulai aja bagi yang mau belajar kita mulai dari pengenalan HTML
sebenernya sudah banyak di mbah google menyediakan tutor-tutor web
tapi berhubung di beberapa grup banyak yang ingin belajar dari awal tapi bingung mesti darimana nah coba deh lebih MENGENAL HTML lebih dahulu
basic format HTML sih simple
dimana ada pembuka disitu ada penutup biasa penutup dituliskan dengan tanda '/' didalam format HTML itu sendiri
coba perhatikan coding di bawah ini
<html>
<head>
<title>
website pribadiku
</title>
</head>
<body>
ini website pertamaku <!-- ini isi dihalaman browser -->
</body>
</html>
yang didalam tanda <!-- --> itu namanya komentar maka tidak akan tampil di halaman website kita
saya sengaja mewarnai coding agar bisa dilihat jelas <html> dibawahnya ditutup dengan </html> serta yang lainnya
coba anda copy coding diatas masukan notepad kaya di bawah ini
dan save dengan format "index.php"
setelah di save coba anda jalankan file tersebut di browser anda
maka akan tampil seperti ini
kalo anda buka via dreamweaver format itu langsung ada pada saat anda membuka file baru
ada lagi basic lainnya dibawah ini anda tinggal taruh/susun coding di dalam coding <body>
<p> untuk paragraf baru dan di akhiri dengan </p>
<br> untuk enter kebawah
dua ini sama gunanya tapi bisa di bedakan nanti tampilannya pada saat anda memakainya
<hr> untuk membuat suatu garis
<a href="coba1.php">klik ke file coba1.php</a>
untuk membuat link ke suatu page tergantung 'href' nya ke file mana :)
<b> untuk bold/ huruf tebal dan ditutup dengan </b>
atau bisa menggunakan <strong> strong </strong>
<i> text italic/ miring dan ditutup </i>
<font color=red size=3 face=arial> font </font>
ini font 'arial' dengan warna 'merah' dan sizenya '3'
<img src="lokasi gambar" /> memasukan gambar dengan lokasi gambar dalam 'src'
dan masih banyak lagi
mungkin anda bingung kalo harus menghafal
tapi lama kelamaan jika anda mempelajari semua ini akan hafal sendiri
jika menggunakan dreamweaver
anda tinggal ketik '<' dan pencet tombol [ctrl]+[space]
maka akan tampil semua coding dasar HTML
ini contoh dari saya
<html>
<head>
<title>
website pribadiku
</title>
</head>
<body>
awal page website saya
<hr>
<p> untuk paragraf baru dan di akhiri dengan </p>
<hr>
<br> untuk enter kebawah
<hr>
<a href="coba1.php">klik ke file coba1.php</a>
<hr>
<b> untuk bold/ huruf tebal dan ditutup dengan </b>
atau bisa menggunakan <strong>strong </strong> <br>
<hr>
<i> text italic/ miring dan ditutup </i>
<br>
<hr>
<font color=red size=3 face=arial> ini font 'arial' dengan warna 'merah' dan sizenya '3' </font>
<br>
<hr>
masukan gambar
<img src="http://comerecommended.com/files/2011/08/cool-html-codes-for-myspace2.jpg" />
</body>
</html>
dan save dengan nama file bebas papi di akhiri dengan .html atau .php
contoh budi.php atau budi.html
setelah di save maka akan tampil seperti ini
belajar web itu mudah
tinggal kemauan kita :)
silahkan mencoba
thanks to :
ALLAH SWT
my family
teman saya ARF
komunitas saya jalmaedan.com
belajar terus berjalan, seperti tulisan ini akan terus berjalan :)
1 komentar:
useful article, thanks for sharing!
Posting Komentar
Silahkan berkomen ria di sini. Biar lebih seru, pakai smiley/emoticon dengan meng-copy paste-kan kode di samping kanan gambar smiley/emoticon yang diinginkan.