Category Archives: HTML

Apa Saja yang Dibutuhkan untuk Belajar?

Posted on by
2

Sekedar mengingatkan saja bahwa pada postingan sebelumnya pada blog im.grandong membahas tentang Piala Dunia 2010 Afrika Selatan, ya… Artike tersebut tidak ada kaitannya pada Belajar HTML, hanya sebuah artikel untuk partisipasi dalam pesta akbar Piala Dunia. Artike sebelemnya yang masih ada kaitannya dengan Belajar HTML yaitu Elemen HTML yang Dibutuhkan, dan kali ini im.grandong akan membahas tentang Apa Saja yang Dibutuhkan untuk Belajar? Tentunya dalam Belajar HTML.

Yang dibutuhkan untuk Belajar HTML diantaranya:

  • Sebuah Komputer yang siap web. Komputer dengan Windows 95/98/NT, Mac, atau Untix.
  • Editor teks, notepad atau lainnya.
  • Koneksi ke server web (kalau mungkin koneksi ke internet).
  • Browser web, direkomendasikan Internet Explorer (4.0 atau yang terbaru) atau Netscape Navigator (4.0 yang terbaru).
  • Langkah berikutnya adalah Surfing Internet, melihat-lihat website untuk mendapatkan dan membangun ide dari apa yang dilihat.

Mencoba adalah kunci dari Cara Belajar HTML ini untuk mengetahui langsung apa yang dihasilkan darisetiap tag yang digunakan untuk membuat.

Buat direktori kerja di drive C anda dengan nama latihan, kemudian buat lagi subdirektori di bawahnya dengan nama html. Jalankan Notepad.

Tuliskan ke dalam teks seperti berikut:

<!–contoh.html–>

<html>

<head>

<title>Judul Halaman</title>

</head>

<body>

ini adalah hompage pertamaku.

<b>Ini sekedar teks lainnya</b>

</body>

</html>

Di bahwah ini adalah ganbar dari hasil tulisan tersebut di atas, tapi ma’af gambarnya kurang jelas, soalnya kameranya jelek, tapi asli karya sendiri lho…heheheh…

Apa Saja yang Dibutuhkan untuk Belajar ?

Apa Saja yang Dibutuhkan untuk Belajar ?

Penjelasan Contoh

Tag pertama pada dokumen html anda adalah <htm>. Tag ini memberi tahu bahwa ini adalah awal dari dokumen HTML. Tag terakhir pada dokumen anda adalah </html>. Tag ini memberi tahu browser anda bahwa ini adalah akhir dari dokumen HTML.

Teks antara <head> dan </head> adalah informasi header. Informasi header tidak di tampilkan pada window browser. Hanya teks yang berada di antara tag <body> dan <body> yang akan ditampilkan pada browser anda.

Teks di antara tag <title> dan </title> adalah judul dokumen anda. Judul ditampilkan pada windows caption anda. Demikian informasi dari im.grandong tentang Apa Saja yang Dibutuhkan untuk Belajar?, semoga berguna dan dapat menambah pengetahuan anda.

Elemen HTML yang Dibutuhkan

Posted on by
3

Masih dalam seputar topik Belajar HTML, elemen HTML yang di butuhkan untuk membuat suatu dokumen HTML dinyatakan dengan tag <html>, <head>, dan <body> berikut tag-tag pasangannya. Setiap dokumen terdiri atas tag head dan body. elemen head berisi informasi tentang dokumen tersebut, dan elemen body berisi teks yang sebenarnya yang tersusun dari link, grafik, paragraf, dan elemen lainnya.

Secara umun dokumen web dibagi menjadi dua section (bagian), yaitu section head dan section body. Sehingga setiap dokumen html harus mempunyai pola dasar sebagai berikut:

<html>

<head>

…  informasi tentang dokumen HTML

</head>

<body>

… informasi yang ditampilkan dalam browser web

</body>

</html>

Setiap dokumen html harus diawali dengan menuliskan tag <html> dan tag </html> di akhir dokumen. Tag tersebut menandai elemen htmal, yang berarti dokumen ini adalah dokumen HTML. Dalam suatu dokumen hanya ada satu elemen html.

Selection atau elemen head ditandai dengan tag <head> diwal, dan tag </head> di akhir. Selection ini berisi informasi tentang dokumen htmlnya. Minimum informasi yang dituliskan dalam elemen ini adalah judul dari dokumen, judul ini akan di tampilkan pada caption bar dari window browser, ditandai dengan menggunakan tag <title> diawal, dan diakhiri dengan </title>.

Selection atau elemen body ditandai dengan tag <body>diawal, dan tag </body> diakhir. Selection body merupakan elemen terbesar didalam dokumen html. Elemen tersebut berisi dokumen yang akan ditampilkan pada browser, meliputi paragraf, grafik, link, tabel, dan sebagainya.

Penamaan Dokumen

Posted on by
Reply

Masih dalam topik Belajar HTML, dalam penamaan sebuah dokumen, pilihlah suatu nama. Nama tersebut bisa sembarang, kemudian tambah sebuah ekstensi “.htm” atau “.html” (tanda petik ganda tidak perlu di tuliskan karena digunakan sebagai penjelas saja).

Ekstensi dokumen HTML yang menggunakan 3 karakter, awalnya adalah untuk mengakomodasi sistem penamaan yang ada dalam sistem operasi DOS. Nama dokumen pada beberapa sistem operasi bersifat cese sensitive. Nama dokumen yang sama tetapi ditulis dengan case yang berbeda akan di anggap sebagai dokumen yang berbeda, misalnya dokumen . html akan berbeda dengan DOKUMEN.html. kasus case sensitive akan dijumpai pada dokumen web yang di hosting di dalam server yang berbasis *nix (keluarga sistem operasi unix).

Definisi Elemen

Dokumen HTML disusun oleh elemen-elemen. “Elemen” merupakan istilah bagi komponen-komponen dasar pembentuk dokumen HTML. Beberapa contoh elemen adalah: head, body, table, paragraf, dan list. Elemen dapat berupa teks murni, atau bukan teks, atau keduanya.

Apa itu Dokumen HTML?

Posted on by
2

Pada postingan sebelumnya pada blog im.grandong membahas tentang Belajar HTML, apa itu dokumen HTML? HTML kependekan dari Hyper Text Markup Language. Dokumen HTML adalah file teks murni yang dapat dibuat dengan editor teks sembarang. Dokumen ini dikenal sebagai web page. Dokumen HTML merupakan dokumen yang disajikan dalam browser web surfer.

Ada dua cara untuk dapat membuat web page, yang pertama dengan HTML editor dan yang kedua dengan editor teks biasa. Contoh untuk editor teks biasa yaitu menggunakan notepad. Untuk latihan atau mencoba materi pada tulisan tersebut sebaiknya menggunakan notepad, setelah itu pada bagian mendekati akhir dapat menggunakan editor HTML, hal ini dimaksudkan agar anda dapat memahami dan terbiasa secara primitif membuat dokumen web. Mari kita sama-sama Belajar HTML dengan blog im.grndong, bagi yang belum bisa….

Belajar HTML

Posted on by
17
Belajar HTML

Belajar HTML

im.grandong merupakan blog yang saya gunakan sebagai catatan onlin saya dan juga saya gunakan sebagai media untuk mencatat tantang berbagai informasi. Belajar HTML merupakan topik yang akan saya bahas dalam blog im.grandong, selain itu juga akan saya selingi dengan berita yang sedang ramai di bicarakan.

Bagi yang sudah mahir tentang HTML, mohon bimbingannya karena im.grandong memang sedang Belajar HTML dan bagi yang belum tahu tentang HTML mari kita sama-sama belajar tentang HTML bersama dengan blog im.gramdong.

Blog im.grandong adalah blog yang biasa-biasa saja, sama dengan blog-blog pada umumnya. Selain Belajar HTML apakan im.grandong juga akan membahas yang lainnya, misalnya seperti Java Script, ASP, CSS dan yang lainnya yang masih ada kaitannya dengan HTML? Iya, im.grandong akan membahas itu juga.

Kira-kira susah tidak ya Belajar HTML itu? Segala sesuatu kalau belum bisa itu rasanya sangat sulit atau susah, tetapi kalau kita sudah bisa dan mengerti segala sesuatu yang kita kerjakan tersebut itu terasa mudah. Sama halnya dengan bayi, dia berusaha berlatih berjalan walaupun kadang terjatuh, bangun lagi dan terjatuh lagi, betapa sangatlah susah baginya untuk dapat berjalan.

Tapi lihat keadaan tersebut untuk orang dewasa, berjalan adalah sesuatu yang sangat mudah bagi orang dewasa. Jadi kita harus belajar kalau kita ingin bisa, segala sesuatu kalau kita ingin bisa harus dilakukan dengan belajar. Tanpa belajar kita tidal akan bisa atau tahu tentang persoalan yang sedang dihadapi, khususnya dalam hal Belajar HTML.

Bagi yang sudah tahu tentang HTML, hal tersebut sangatlah terasa mudah. Tapi bagi im.grandong yang belum tahu tentang HTML, hal tersebut sangatlah sulit. Mari kita sama-sama Belajar HTML dengan blog im.grandong.

Image Map

Posted on by
Reply

Tahukah anda bahwa suatu gambar bisa mempunyai beberapa link, hal ini dapat dilakukan dengan membuat definisi daerah mana saja dalam gambar yang akan mempunyai link. Definisi daerah di dalam daerah gambar dinyataka dalam bentuk objek:

  • Titik
  • Poligon
  • Persegi Panjang
  • Lingkaran / elips

Definisi daerah dalam gambar ini disebut dengan peta (map). Informasi dan pemrosesan link yang didefinisikan dengan map ini dibedakan menjadi 2 macam:

  • Server Side
  • Client Side

Dan selalu menjaga artikel yang berjudul IDwebhost.com Trend Hosting Indonesia agar tidak menurun terlalu jauh di serp :D

Okey di lanjut gan…
Continue reading →

Teks Alternatif Untuk Image dan Image Sebagai Suatu Link

Posted on by
2

Lama sekali saya tidak membahas tentang Belajar HTML, harap maklum karena saya sedang cari back link untuk kontes SEO yang sedang saya ikuti. Okey kita mulai belajar html kembali. Adakalanya browser yang digunakan oleh surfer adalah browser dengan mode teks, seperti Lynx tidak bisa menampikan gambar atau juga ada pemakai yang mematikan kemampuan untuk menampilkan gambar pada browser-nya, untuk mempercepat penampilan informasi, sehingga hanya teks dari dokumennya saja yang akan di tampilkan. HTML menyediakan suatu mekanisme yang memberitahu surfer apa yang kurang pada web page tersebut apabila tidak bisa mendapatkan gambarnya.
Continue reading →

Contoh Image HTML

Posted on by
1

Belajar HTML kali ini masih ada kaitannya dengan postingan sebelumnya yang berjudul Image HTML, seperti yang saya janjikan di postingan sebelumnya bahwa saya akan memberikan contoh Image HTML. Tapi sebelum saya melanjutkan artikel ini, saya akan memberikan dukungan untuk postingan yang berjudul Hosting Murah Indonesia Indositehost.com, okey dilanjut….
Continue reading →

Image HTML

Posted on by
2

Sebuah gambar berbicara beribu kata, pepatah yang sering digunakan orang untuk menunjukkan terkadang gambar bisa berbicara lebih baik dari penjelasan yang panjang lebar. Menurut Belajar HTML bahwa gambar di dalam suatu web page merupakan daya penarik bagi pengunjung suatu web site. Umumnya web site dilengkapi dengan gambar-gambar untuk membuat orang tertarik untuk melihat dan membaca isi yang ada di suatu web site.
Continue reading →