Pengertian HTML dan Belajar HTML: belajar html

Apa itu Tag FONT- Belajar HTML

Apa itu Tag - Belajar HTML

Tag adalah salah satu tag yang sering digunakan. Penggunaan tag tersebut tanpa tambahan atribut apapun (saya akan jelaskan tentang atribut ini sebentar lagi) hanya akan menampilkan teks yang diapit oleh tag tersebut. Kita akan mulai dengan contoh sedehana yang hanya menampilkan teks:

Selamat dating di homepage saya

Untuk menampilkan teks itu dilayar, Anda cukup menambahkan baris berikut ini diantara tag <body> dan </body>:

Selamat datng di Homepage saya

Silahkan lakukan perubahan tersebut di jendela kode disamping kiri. Keseluruhan kode Anda akan menjadi seperti ini:

<html>
<head>
<title>homepage pribadi saya</title>
</head>
<body>
selamat dating di Homepage saya
</body>
</html>

Silahkan praktekan kode di atas dan bukalah melalui browser untuk melihat hasilnya. Anda akan melihat teks tersebut di tampilkan menggunakan Times New Roman berukuran standar berwarna hitam. Mungkin tidak terlalu menarik untuk tampilan awal. Namun, itu permulaan yang bagus. kita akan membuatnya lebih menarik tapi nanti….sabar ya teman,

Cara Menambahkan Teks pada HTML - Belajar html

Cara Menambahkan Teks pada HTML - Belajar HTML

Pada bagian sebelumnya, saya sudah menjelaskan cara membuat sebuah dokumen HTML dan bagaimana HTML dibangun menggunakan <tag>teks</tag>.Masih ingat struktur ini kan?

<html>
<head>
<title>ini judul</title>
<head>

<body>
disini tempat menuliskan isi utama dokumen HTML.
</body>
</html>

Pada bagian ini, saya akan menunjukan cara membuat sebuah homepage sederhana dan bagaimana menambahkan teks pada homepage Anda tersebut plus cara menampilkan huruf dengan berbagai variasi.

Homepage adalah halaman utma yang ada di website yang Anda bangun. Kalau Anda perhatikan, semua website yang pernah Anda kunjungi selalu memiliki link yang berjudul Home. Nah, itulah yang disebut homepage.

Hal pertama yang akan kita lakukan adalah mengubah judul halaman yang semula tertulis ini judul, menjadi:

Homepage Pribadi Saya

Untuk melakukan hal tersebut, Anda cukup mengubah tag berikut ini:

<title>ini judul</title>
menjadi
<title>Homepage Pribadi Saya</title>

Latihan Menggunakan HTML dasar - Belajar HTML

Kita akan melihat efek dari tag menarik lainnya yang masih berhubungan dengan cara menampilkan paragraph. Kita akan mengguankan tag baru, yaitu tag . Tag ini adalah tag yang tidak memiliki tag penutup dan berfungsi untuk membuat baris baru. Silahkan edit kode HTML Anda, dan tambahkan setelah kata akan. kode Anda akan menjadi seperti ini:

< center>teks disini akan ditampilkan ditengha<center>

Silahakn dilihat di browser dan perhatikan bahwa tag akan menambahkan sebuah baris setelah kata akan.

ingat format berikut:

Contoh Sebuah Dokumen HTML

Perhatikan kode di bawah ini:

<html>

<head>

<title>ini judul</title>

</head>

<body>

disini tempat untuk menuliskan isi utama dokumen HTML.

</body>

</html>

Secara umum, struktur penulisan dokumen adalah seperti kode-kode diatas. Anda akan menggunakan semua tag tersebut pada setiap dokumen HTML yang Anda buat. Saya akan menjelaskan lebih lanjut mengenai perintah setiap baris:

<html>

menginformasikan browser bahwa ini adalah sebua dokumen HTML.

<head>

Awal bagian header. Bagian header berisi berbagai pilihan konfigurasi untuk halaman Anda (contohnya judul halaman).

<title>ini judul</title>

Baris ini membuat browser menampilkan judul halaman. judul ini akan muncul dibagian paling atas sebelah kanan browser.

<head>

Akhir dari bagian header.

<body>

disini tempat menuliskan isi uatam dokumen HTML.

</body>

Semua yang berada diantara kedua tag ini adlah isi uatama dari halaman Anda. Disinilah tempat semua teks, gambar, table, dan lain-lain akan Anda tulisakan. Bagian ini merupakan bagian yang paling penting dari halamn HTML Anda.

</html>

Akhir dari halaman HTML Anda.

Memahami HTML - Belajar HTML

Bahasa HTML sesungguhnya akan sangat mudah dipelajari setelah Anda memahami dasarnya. HTML dibuat dari tag, sebuah tag adalah sepotong tag yang dikurung oleh <>, kira-kira bentuknya seperti ini:

( <tag> )

Mungkin Anda berpikir mengapa perlu tag? Gampangnya, tag diperlukan oleh browser untuk membedakan mana perintah HTML dan mana yang teks biasa. Kita akan lihat contohnya nanti.

Perlu Anda ketahui ada 2 macam tag, yaitu tag pembuka dan tag penutup. Bedanya sangat mudah dilihat, yaitu ada tandanya / sebelum tag penutup.

(</tag>)

Secara berpasangan, kedua tag itu akan tampak seperti ini (ingat kata-kata tag nantinya akan digantikan dengan berbagai perintah HTML:

(<tag></tag>)

Saat ini, Anda yang pernah belajar pemrograman,jangan bayangkan HTML adalah bahasa rumit dan penuh dengan percabangan.TIDAK,singkatnya HTML adalah bahasa yang digunakan oleh browser untuk menampilkan halaman web. Efek tag akan diterapkan pada semua tulisan yang berbeda antara 2 tag (pembuka dan penutup). Berikut penjelasannya dengan contoh nyata. Saya akan memberikan contoh yang baik yaitu tag( <center> )yang digunakan untuk menampilkan teks ditengah.

(<ceter>)teks disini akan ditampilkan ditengah(</center>)
hamper semua tag memiliki tag penutup, tetapi ada beberapa pengecualian.
Sekarang, silahkan coba contoh kode diatas dengan menggunakan notepade, dan perhatikan bahwa tag HTML tidak ikut ditampilkan di browser

Pengertian HTML dan Belajar HTML

Sabtu, 03 Desember 2011

Apa itu Tag FONT- Belajar HTML

Cara Menambahkan Teks pada HTML - Belajar html

Latihan Menggunakan HTML dasar - Belajar HTML

Memahami HTML - Belajar HTML

Mengenai Saya