Rino Rahaditya's Blog

1. Pengertian HTML

(Hyper Text Markup Language) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).

HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet Explorer. HTML juga dapat dikenali oleh aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki kemampuan browser.

HTML dokumen tersebut mirip dengan dokumen teks biasa, hanya dalam dokumen ini sebuah teks bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu. Sebagai contoh jika ingin membuat teks ditampilkan menjadi tebal seperti: TAMPIL TEBAL, maka penulisannya dilakukan dengan cara: <b>TAMPIL TEBAL</b>. Tanda <b> digunakan untuk mengaktifkan instruksi cetak tebal, diikuti oleh teks yang ingin ditebalkan, dan diakhiri dengan tanda </b> untuk menonaktifkan cetak tebal tersebut.

Secara garis besar, terdapat 4 jenis elemen dari HTML:

ü structural. tanda yang menentukan level atau tingkatan dari sebuah teks (contoh, <h1>Golf</h1> akan memerintahkan browser untuk menampilkan “Golf” sebagai teks tebal besar yang menunjukkan sebagai Heading 1

ü presentational. tanda yang menentukan tampilan dari sebuah teks tidak peduli dengan level dari teks tersebut (contoh, <b>boldface</b> akan menampilkan bold. Tanda presentational saat ini sudah mulai digantikan oleh CSS dan tidak direkomendasikan untuk mengatur tampilan teks,

ü hypertext. tanda yang menunjukkan pranala ke bagian dari dokumen tersebut atau pranala ke dokumen lain (contoh, <a href="http://www.ilmukita.com/">IlmuKita</a> akan menampilkan IlmuKita sebagai sebuah hyperlink ke URL tertentu),

ü Elemen widget yang membuat objek-objek lain seperti tombol (<button>), list (<li>), dan garis horizontal (<hr>).

Selain markup presentational , markup yang lin tidak menentukan bagaimana tampilan dari sebuah teks. Namun untuk saat ini, penggunaan tag HTML untuk menentukan tampilan telah dianjurkan untuk mulai ditinggalkan dan sebagai gantinya digunakan Cascading Style Sheets.

2.Struktur HTML Dan Contohnya

<html>

<head>

<title>

</title>

</head>

<body>

</body>

</html>

Setiap ada tag pembuka maka harus ada tag penutup yang ditandai dengan tanda "/". Contoh :<title></title>, <body> </body>,<html></html>.
Antara tag <title> </title> digunakan untuk menulis judul halaman web yang bersangkutan. Contohnya adalah tulisan "ahmadamirudin.jw.lt" yang ada pada pojok kiri atas halaman ini maka penulisannya menjadi :

<html>

<head>

<title>ahmadamirudin.jw.lt

</title>

</head>

<body>

</body>

</html>

Sedangkan antara tag <body> </body> digunakan untuk mengisi apa yang akan ditampilkan pada halaman anda, bisa berupa tulisan, gambar, link dan sebagainya.
Adapun beberapa tambahan yang dapat ditambahkan pada tag <body> adalah sebagai berikut:

Meberikan warna background pada halaman web :

Atau dapat juga menggunakan kode warna Hexa (RGB /red-green-blue) yang terdiri dari 6 karakter yang terdiri dari gabungan angka dan huruf, dan penulisannya juga harus diawalai dengan tanda "#"(pagar). 2 karakter pertama mewakili warna merah yang dimulai dari paling rendah 00 sampai paling tinggi ff, atau bisa juga kombinasi huruf dan angka tadi. Begitu juga 2 karakter berikutnya mewakili warna hijau dan 2 karakter berikutnya mewakili warna biru.
contoh penulisan kode untuk warna hitam #000000, putih #ffffff, merah #ff0000, abu-abu #d3d3d3 dan lain lain sesuai dengan keinginan anda.

Memberikan background gambar

Penulisan format gambar juga harus disertakan seperti *.jpg, *.gif, *.bmp dan lain-lain
Jika ingin menginginkan warrna background transparan maka ditulis dengan <body bgcolor="transparent">

Memberikan warna teks

Mengatur margin halaman

mengatur warna link

· <body link="#ff0000"vlink="#00ff00"

alink="#0000ff">

3. Tag HTML, Dan Contohnya

1.  Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser

2. <a href> Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut

3. <a name> Membuat nama bagian yang didefinisikan pada link pada halaman yang samaq

4. <applet> Sebagai awal dari Java applets

5. <area> Mendefinisikan daerah yang dapat diklik (link) pada image map

6. <b> Membuat teks tebal

7. <basefont> Membuat atribut teks default seperti jenis, ukuran dan warna font

8. <bgsound> Memberi (suara latar) background sound pada halaman web

9. <big> Memperbesar ukuran teks sebesar satu point dari defaultnya

10. <blink> Membuat teks berkedip

11. <body> Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link

12. <br> Pindah baris

13. <caption> Membuat caption pada tabel

14. <center> Untuk perataan tengah terhadap teks atau gambar

15. <comment> Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser

16. <dd> Indents teks

17. <div> Represents different sections of text.

18. Menambahkan sound or file avi ke halaman web

19. <fn> Seperti tag <a name>

20. <font> Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks

21. Mendefinisikan input form

22. <frame> Mendefinisikan frame

23. <frameset>; Mendefinisikan attribut halaman yang akan menggunakan frame

24. <h1> ... <h6> Ukuran font

25. <head> Mendefinisikan head document.

26. <hr> Membuat garis horizontal

27. <html> Bararti dokumen html

28. <i> Membuat teks miring

29. <img> Image, imagemap atau an animation

30. <input> Mendefinisikan input field pada form

31. <li> Membuat bullet point atau baris baru pada list (berpasangan dengan tag <dir>, <menu>, <ol> and <ul> )

32. <map> Mendefinisikan client-side map

33. <marquee> Membuat scrolling teks (teks berjalan) - hanya pada MS IE

34. <nobr> Mencegah ganti baris pada teks atau images

35. <noframes> Jika browser user tidak mendukung frame

36. <ol> Mendefinisikan awal dan akhir list

37. <p> Ganti paragraf

38. <pre> Membuat teks dengan ukuran huruf yg sama

39. <script> Mendefinisikan awal script

40. <table> Membuat tabel

41. <td> Kolom pada tabel

42. <title> Mendefinisikan title

43. <tr> Baris pada tabel

44. <u> Membuat teks bergaris bawah

4. Atribut-atribut Dari Tag HTML

HTML Attributes atau atribut HTML adalah suatu informasi tambahan yang bisa disertakan pada suatu elemen HTML. Suatu elemen dapat memiliki atribut. Atribut ini memberikan informasi tambahan tentang elemen yang bersangkutan. Atribut selalu digunakan pada awal tag / start tag. Cara mendefinisikan atribut dengan memberikan informasi name dan value dari suatu elemen, seperti name=”value”.

Contoh Atribut :
Link HTML atau HTML Links didefinisikan dengan tag <a>. Alamat link inilah yang merupakan atribut.

<a href="http://www.pemrograman.org/">Pemrograman</a>

Coba contoh HTML diatas dengan HTML Editor.

Jadi <a> merupakan elemen html, href adalah name atau nama atribut sedang Pemrograman adalah value atau nilai atribut.

Berikut adalah beberapa atribut standar yang hampir dipakai semua elemen:

Atribut	Nilai	Keterangan
class	*class_rule* atau style_rule	Kelas elemen
id	*id_name*	Nomor unik suatu elemen
style	*style_definition*	Definisi gaya atau style
title	*tooltip_text*	Tulisan yang akan tertampil pada tool tip

Nilai suatu atribut harus selalu dimulai dan diakhiri dengan tanda petik. Biasanya menggunakan tanda petik (“…”). Tanda petik ini mengapit petikan langsung dari suatu nilai elemen. Tanda petik tunggal juga diperlehkan untuk digunakan walaupun dalam keadaan tertentu nilai suatu atribut bisa berisi tanda kutip, untuk itu di pergunakan tanda kutip tunggal yang mengapit petikan yang tersusun di dalam petikan lain. Contoh :
name=’Komunitas “Programmer” Indonesia’

Sangat disarankan untuk penulisan atribut dan nilainya tetap menggunakan huruf kecil karena pada versi HTML yang lebih baru (X)HTML meminta penulisan menggunakan huruf kecil.

5. Folder Dengan Menggunakan Tag/HTML

<!--Program Ini Dibuat Tgl 19 Agustus 2013--!>

<HTML>

<HEAD>

<TITLE>Hai (title)

</HEAD>

<!--Catatan Bisa Diletakkan Dimana Saja--!>

<BODY>

Saya Sedang Belajar HTML

</BODY>

</HTML>

6. Software Animasi

1. SharpAnimator 1.30

2. Synfig Animation Studio 0.63.02

3. ASCII Animator 1.5

4. Alferd Spritesheet Unpacker 3.0

5. Web Cartoon Maker 1.03

6. SSuite Office- Gif Animator 2.0

7. AnimateGif 1.1

8. Stykz 1.0.2 pick

9. Allegro Sprite Editor 0.8.2

10. Giftedmotion 1.21

11. Free Morphing 2.1

12. Alternate Pic View EXESlide 1.502

13. K-3D v0.8.0.1 pick

14. Gifsicle 1.58

15. OpenFX 2.0 pick

7. Software-software Web Editor

1. Komodo Edit

2. Aptana Studio

3. Net Beans

4. Bluefish

5. CoffeeCup Free HTML Editor

6. HTML-Kit

7. Eclipse

8. SeaMonkey

9. Alley Code

10. Amaya

8. Software-software Web Programming

1. Adobe Dreamwear

2. Site Spinner

3. Serif Webplus X6

4. Xara Web Designer

Tentunya bagi kita yang memilki aktifitas yang padat pastinya sangat membutuhkan energi yang besar untuk mendukung aktifitas kita tersebut, salah satunya yang bisa kita lakukan adalah dengan berolahraga, untuk manfaat olahraga ini tentunya banyak artikel yang sudah membahasnya akan tetapi tidak ada salahnya jika saya membahasnya kembali pada artikel ini mungkin bisa dijadikan referensi bagi kita untuk memulai hidup sehat dengan berolahraga, di bawah ini adalah beberapa manfaat olahraga bagi tubuh kita.

Menurunkan berat badan, salah satu cara yang ampuh untuk menurunkan berat badan adalah dengan berolahraga dengan teratur, tentunya dengan porsi yang cukup dan tidak berlebihan

Membuat tubuh tetap fit, jika anda ingin membuat tubuh anda selalu dalam keadaan fit dan tidak mudah lelah maka anda harus rajin berolahraga minimal dua kali seminggu.

Menurunkan kadar kolesterol, dengan berolahraga maka jantung akan memompa lebih cepat maka hal ini akan membuat tubuh kita berkeringat yang secara otomatis akan menurunkan kadar kolesterol dalam darah kita.

Membuat tubuh menjadi proporsional, beberapa olahraga juga dapat membuat tubuh menjadi lebih proporsional diantaranya seperti angkat beban dan push up, lakukan cara tersebut dengan teratur dan rutin.

Membuat nafas menjadi lebih panjang bagi anda yang memilki masalah pada pernapasan seperti asma maka sangat dianjurkan untuk rajin berolahraga dengan teratur dan denngan porsi yang cukup, catatan: anda harus melakukan pemanasan sebelum berolahraga.

Memperkuat jantung, mungkin kita sering melihat berita di TV bahwa banyak orang yang meninggal setelah melakukan aktifitas olahraga, apakah berarti olahraga tidak diperbolehkan bagi orang yang mempunyai penyakit jantung? Sebenarnya jika ada yang beranggapan bahwa olahraga tidak dianjurkan bagi orang memiliki penyakit jantung itu adalah anggapan yang tidak benar karena pada kenyataannya olahraga malah sangat dianjurkan bagi penderita penyakit jantung, akan tetapi untuk porsinya benar-benar diperhaitkan, tentunya yang harus diperhatikan adalah berapa lama dan jenis olahraganya juga.

Melindungi tubuh kita dari penyakit, tentunya olahraga sangat berperan penting terhadap kesehatan tubuh kita, banyak penyakit yang disebabkan karena kurang olahraga seperti: obesitas, kolesterol, diabetes, penyakit jantung dan masih banyak lagi penaykit yang disebabkan karena kurang berolahraga.

Demikian adalah beberapa manfaat olahraga bagi tubuh kita, sudahkah anda memulai hidup sehat dengan berolahraga? Jika belum maka hendaknya anda harus memulainya dari sekaranag, karena banyak penyakit yang disebabkan karena kurang berolahraga.

Rino Rahaditya's Blog

Selasa, 09 Juni 2015

Tugas Administrasi Server

Rabu, 28 Agustus 2013

Tugas Produktif

Selasa, 27 Agustus 2013

Manfaat Olahraga Bagi Kesehatan Tubuh

Music, Flo Rida - Whistle