+ -

Selasa, 06 Mei 2014

Align Text

Terkadang kita butuh untuk menyelaraskan teks sehingga terlihat rapih dan bagus. Nah bagaimana dengan HTML? Untuk dapat menyelaraskan teks kita dapat menggunakan atribut style. Dan kemudian kita gunakan “text-align: left”(right/center) untuk menentukan lokasi  teks. Contoh :

<h1 style=”text-align:center”>
Ikutilah intruksi dibawah ini :
  1. Buatlah tag heading <h3> sebagai judul dengan rata tengah “center”.
  2. Buat satu item list dengan rata kiri.
  3. Buat satu item list dengan rata center.
  4. Dan buat satu item dengan rata kanan.

Source : codecademy.com
Label :
5 M-SYIHABlog: Mei 2014 Terkadang kita butuh untuk menyelaraskan teks sehingga terlihat rapih dan bagus. Nah bagaimana dengan HTML? Untuk dapat menyelaraskan teks...

Membuat Gambar Menjadi Link

Good work! Nah setelah kita tau bagaimana caranya menambahkan gambar ke halaman website. Saya akan membahas bagaimana jika ketika kita klik pada gambar, maka gambar akan membawa kita ke halaman lain.

Tag yang digunakan adalah <a>. Yaitu tag digunakan untuk membuat hyperlink atau link pada halaman web.  Sama seperti <img>, <a> memiliki atribut yang memberitahu link kemana harus pergi. Bedanya ada pada src, dimana tag <a> menggunakan href. Contoh :

<a href=”http://www.babanet.com”> Belajar HTML
</a>

Src sendiri merupakan singkatan dari “source”. Yang memberitahukan link <img> dari mana gambar berasal. Sedangkan href singkatan dari “hypertext reference”. Yang mana ketika kita mengatakan bahwa hypertext (yaitu link) adalah teks yang dapat di klik. Maka href memberitahu link mana yang harus pergi atau link mana yang akan membawa kita ke halaman lain. Teks setelah href adalah alamat web, dan teks antara <a> dan </a> adalah teks yang kamu klik.



Ikutilah intruksi dibawah ini:
<html>
<head>
      <title>Belajar HTML</title>
</head>
<body>
<h1>Menambahkan Link Pada Gambar</h1>
<a href =”http://www.babanet.com”><img src="http://s3.amazonaws.com/codecademy-blog/assets/f3a16fb6.jpg"></a>

</body>
</html>
 
Source : codecademy.com
Label :
5 M-SYIHABlog: Mei 2014 Good work! Nah setelah kita tau bagaimana caranya menambahkan gambar ke halaman website. Saya akan membahas bagaimana jika ketika kita kl...

Kamis, 01 Mei 2014

Menambahkan Sebuah Gambar Pada Halaman Website

Kamu bisa menambahkan sebuah gambar ke dalam websitemu untuk membuat websitemu terlihat lebih menarik. Bagaimanakah caranya? Oke, kita bahas.

Untuk menambahkan gambar kita bisa gunakan tag gambar seperti ini : <img>. Tag ini akan sedikit berbeda dengan tag-tag sebelumnya yang pernah kita pelajari pada posting sebelumnya. Karena ketika kamu membuka tag tersebut kamu akan bertanya dimana kita bisa mendapatkan gambarnya? Ya diantara tag <img> ini kita akan tambahkan src dan ini akan sangat berbeda dengan tag yang pernah kita pelajari karena pada tag <img> ini tidak ada tag penutup cukup menambahkan “/” (tanpa kutip) pada akhir “>” sehingga akan Nampak seperti ini : <img src=”url” />.

Nah, setelah kita tahu sintaknya seperti apa? Sekarang kita akan tambahkan alamat web (URL) setelah src=? Dengan link berikut : http://s3.amazonaws.com/codecademy-blog/assets/f3a16fb6.jpg. setelah kamu tambahkan link-nya kamu akan mendapatkan gambar (Kamu harus koneksi internet untuk mendapatkan gambar).

Setiap gambar di web memiliki URL tersendiri. Cukup klik kanan pada gambar dan pilih “Copy URL gambar”. Kemudian paste URL  setelah src= dan sisipkan pada tag <img> mu.  


Source : codecademy.com

Label :
5 M-SYIHABlog: Mei 2014 Kamu bisa menambahkan sebuah gambar ke dalam websitemu untuk membuat websitemu terlihat lebih menarik. Bagaimanakah caranya? Oke, kita baha...
< ◘ >
Langganan: Postingan (Atom)