Belajar HTML 1
Hypertext Markup Language(HTML)merupakan dasar untuk membuat sebuah halaman website.Dalam bahasa HTML penulisannya kita dapat menuliskan dengan huruf kecil atau besar tidak akan berpengaruh ketika di tampilkan di browser. Lebih mudahnya kita dapat,
menuliskan kode ini tanpa aplikasi tambahan. Kita dapat menggunakan notepad sebagai saranabelajar kita kali ini. Bahasa HTML selalu menggunakan tag < dan >. Jika terjadi kesalahan
maka tidak akan terjadi error/crash/hang seperti bahasa pemrograman yang lain.
Di sini saya akan menjelaskan bagaimana cara membuat link,scrollbox, memasukkan gambar, table.
1. Membuat link
<a href="URL tujuan">nama</a>
nama di sini adalah nama dari URL.
2. Memasukkan gambar
<img src="URL gambar">
kita dapat memadukan gambar dan link sehingga gambarnya bisa menjadi link. Dengan kode berikut
<a href="Alamat tujuan"><img src="URL gambar"></a>
kita dapat juga mengatur panjang,lebar, posisi gambar dengan menggunakan width, height, toop, bottom, left, right.
contoh :
<a href="URL tujuan"><img src="URL gambar" width="L" height="P" align="bottom"></a>
URL tujuan = tempat url yang akan di tuju
URL gambar = Alamat gambar
width = Lebar gambar
height = Panjang
align ="Bottom" = Posisi gambar berada di bawah.
3. Membuat Scrollbox
code
<div style="border: 2px solid silver; overflow: auto; width: 100px; height: 100px; color: silver; font-size: 9pt; font-f
arial; background-color: purple;">Tulisan terserah andaTulisan terserah andaTulisan terserah andaTulisan terserah andaTulisan
terserah anda</div>
Anda dapat mengubah panjang, lebar, warna background, border pokoknya yang kreatif aja deh.
4. Membuat Table
code
<table border="1">
<tr>
<td>baris 1 Kolom 1</td>
<td>baris 1 kolom 2</td>
<td>baris 1 kolom 3</td>
</tr>
<tr>
<td>baris 2 kolom 1</td>
<td>baris 2 kolom 2</td>
<td>baris 2 kolom 3</td>
</tr>
<tr>
<td>baris 3 kolom 1</td>
<td>baris 3 kolom 2</td>
<td>baris 3 kolom 3</td>
</tr>
</table>
tr= table row
td = table data
Pada isi di atas anda dapat mengisi dengan kode HTML.
Semoga dapat bermanfaat bagi anda.
0 komentar:
Posting Komentar