Saya membuat postingan ini, karna kemarin ada yang bertanya kepada saya : Bagaimana Cara membuat template dengan HTML yang benar? maka saya menjawab : Anda setidaknya Harus belajar tentang HTML terlebih dahulu.
Nah, muncul lagi pertanyaan Dimanakah saya bisa belajar HTML yang terbaik, terlengkap dan bisa dimengerti oleh pemula.
Terus terang saya bukan pelku desaigner yang mengerti bentuk dan pintar dalam bahasa HTML. Ilmu saya tidak akan bisa membuat anda mampu pintar dan cakap dalm mempelajarinya karna pengetahuan saya masih sangat dasar dalam bahasa HTML.
Mengenal Struktur HTML Dasar
Jika anda benar-benar sangat pemula, maka setidaknya anda harus mengerti
dan mengetahui contoh dan strukturnya si HTML ini. Secara dasar, anda
bisa melihat bagaimana struktur HTML tersebut seperti dibawah ini.
Contoh Halaman Web dengan Bahasa HTML dasar:
<html>Dari struktur tersebut terlihat jelas bahwa sebuah HTML Menampilkan tulisan pada halaman website dengan menggunakan kode-kode atau source. Dimana Kode source HTML tersebut tidak akan ditampilkan pada browser (tidak terlihat pleh si pembaca), namun kode2 HTML inilah yang akan memerintahkan browser untuk menampilkan seperti apa halaman yang kita buat. Seperti kode source diatas jika ditampilkan maka akan terlihat:
<head>
<title>Judul Belajar TML Pemula</title>
</head>
<body>
Selamat pagi pemirsa, nama saya pemula. Saya mau belajar agar pintar HTML. dimanakah tempat belajar HTML yang terlengkap, terbaik dan pas buat saya?
</body>
</html>
Title = Judul Belajar HTML Pemula
Isi = Selamat pagi pemirsa, nama saya pemula. Saya mau belajar agar pintar HTML. dimanakah tempat belajar HTML yang terlengkap, terbaik dan pas buat saya?
Contoh ini mungkin sangat mendasar dan tentu saja anda tidak puas dengan ini. Masih banyak kode-kode source lainnya untuk bisa menampilkan sebuah halaman web supaya lebih cantik dan seperti yang kita inginkan. Saatnya anda mulai untuk menyiapkan diri baik fisik maupun mental yang siap untuk untuk memepelajari html ini.
Contoh aplikasinya
Buatlah scrips teks seperti dibawah ini dengan menggunakan NotePad dan simpan filenya dengan nama latihan1.html
<HTML>
<HEAD>
<TITLE>Belajar Dasar-Dasar HTML</TITLE>
</HEAD>
<BODY>
Pelajaran Pertama saya mengenai pemerograman HTML, Ternyata Belajar HTML itu sangat mudah dan mengasyikan</BODY>
</HTML>Keterangan:
- Tag
<TITLE>digunakan untuk memberi judul dokumen HTML. Judul ini dapat Anda lihat pada pojok kiri atas (title bar) browser. Ketika orang akan mem-bookmark web Anda, maka judul inilah yang akan disimpan. - <BODY> adalah isi dokumen yang akan ditampilkan dibrowser Anda
Setelah mempelajari materi ini diharapkan anda dapat memahami struktur dasar dari dokumen HTML.
Referensi Tag HTML
1. Heading
Merupakan kepala dari dokumen HTML. Tag <head> dan tag </head> terletak di antara tag <html> dan tag </html>.Sintaks:
<head>Heading adalah sekumpulan kata yang menjadi judul atau subjudul dalam suatu dokumen HTML. Heading berbeda dengan tag
...........
</head>
<TITLE> yang tidak bisa muncul dalam halaman web. HTML menyediakan enam tingkatan heading. Heading level 1 biasanya untuk judul utama.Contoh:
<HTML>
<HEAD>
<TITLE>Headings</TITLE>
</HEAD>
<BODY>
<H1>Heading Level 1</H1>
<H2>Heading Level 2</H2>
<H3>Heading Level 3</H3>
<H4>Heading Level 4</H4>
<H5>Heading Level 5</H5>
<H6>Heading Level 6</H6>
</BODY>
</HTML>
2. Paragraf
Untuk membuat paragraf digunakan tag<P>. Setelah tag <P> Anda bisa menulis isi paragraf dan paragraf tersebut harus diakhiri dengan penutup </P>. Anda bisa mengatur posisi paragraf dengan attribut ALIGN. Atribut ALIGN diikuti dengan posisi yang diinginkan. LEFT untuk rata kiri, CENTER untuk rata tengah dan RIGHT untuk rata kanan.Contoh:
<HTML>
<HEAD>
<TITLE>Paragraf</TITLE>
</HEAD>
<BODY>
<P ALIGN="right">
Yang
harus Anda sadari adalah mencari uang di internet bukanlah bisnis
secara riil, tapi sebenarnya kita berhadapan dengan dunia maya, yang
perlu Anda cermati hanyalah banyak jebakan dalam dunia maya yang begitu
cerdas dan banyak situs-situs web bisnis online yang buat Anda ragu
berhasil atau gagal untuk menjalaninya, sehingga banyak orang
terperdaya, tertipu dan menyia-nyiakan waktu bahkan uangnya dan akhirnya
tidak ada hasil sama sekali, salah satu penyebabnya adalah kurangnya
pengetahuan yang mendalam tentang skill tekhnis dan strategy untuk
sukses bisnis online. <P ALIGN="center">
Memang,
sampai saat ini masih banyak orang tidak percaya bahwa bisnis secara
online bisa membuat penggunanya menjadi kaya raya, itu tidak benar,
sebab kenyataannya banyak orang menjadikan bisnis online sebagai sumber
penghasilannya yang besar, segera ikuti petunjuk-petunjuk yang ada dalam
blok saya ini, Anda akan diarahkan bagaimana keberhasilan para
interneter kelas lokal maupun dunia yang membangun kekayaan secara
bisnis online, dan rahasianya di kupas tuntas disini dan buktikan
sendiri hasilnya, karena blog rahasia bisnis online ini adalah intisari
dari ratusan situs web bisnis online dengan menggunakan trik dan
strategy ampuh agar Anda bisa membangun kekayaan secara online
. <P ALIGN="left">
Untuk
menjalani bisnis online agar Anda sukses, langkah pertama yang harus
Anda lakukan adalah melakukan persiapan. Tahapan ini sangat penting dan
Anda harus melakukannya karena dalam artikel ini memberikan Anda bukti
keberhasilan bukan saja hanya menambah pengetahuan Anda tentang
bagaimana menjalani bisnis online. </P>
</BODY>
</HTML>Dibawah ini adalah tampilan pada halaman browser dari contoh script diatas :
TABEL
Tabel bisa membuat dokumen kita lebih mudah dibaca dan indah. Hampir semua dokumen HTML menggunakan fasilitas HTML ini :
<table> Merupakan tag awal tabel
<table> sering diikuti dengan border = n (n adalah bilangan yang menunjukkan ketebalan garis border.
<table>=0 berarti tanpa garis
<tr> ...</tr>tag untuk mengawali baris
<th>...</th>tag untuk judul kolom
<td>...</th>tag untuk kolom
beda <td> dan <th> adalah :<br>
untuk <th> menghasilkan teks tebal dan center.
untuk<td> tidak.<br>
Contoh :
<table>
<tr>
<th>NO</th>
<th>NAMA</th>
<th>ALAMAT</th>
</tr>
<tr>
<td>1</td>
<td>BAMBANG</td>
<td>Jl. Manuk Ijo No 7 Madiun</td>
</tr>
<tr>
<td>2</td>
<td>Liem Ay Fang</td>
<td>Jl. Sumbing No 700 Madiun</td>
</tr>
</table>
HASILNYA :
| NO | NAMA | ALAMAT |
|---|---|---|
| 1 | BAMBANG | Jl. Manuk Ijo No 7 Madiun |
| 2 | Liem Ay Fang | Jl. Sumbing No 700 Madiun |
Tidak ada komentar:
Posting Komentar