HTML

Pengertian HTML

            HTML (HyperText Mark up Language) merupakan suatu metoda untuk mengimplementasikan konsep hypertext dalam suatu naskah atau dokumen. HTML sendiri bukan tergolong pada suatu bahasa pemrograman karena sifatnya yang hanya memberikan tanda (marking up) pada suatu naskah teks dan bukan sebagai program.

Berdasarkan kata-kata penyusunnya HTML dapat diartikan lebih dalam lagi menjadi :

Hypertext
Link hypertext adalah kata atau frase yang dapat menunjukkan hubungan suatu naskah dokumen dengan naskah-naskah lainnya. Jika kita klik pada kata atau frase untuk mengikuti link ini maka web browser akan memindahkan tampilan pada bagian lain dari naskah atau dokumen yang kita tuju.

Markup
Pada pengertiannya di sini markup menunjukkan bahwa pada file HTML berisi suatu intruksi tertentu yang dapat memberikan suatu format pada dokumen yang akan ditampilkan pada World Wide Web.

Language
Meski HTML sendiri bukan merupakan bahasa pemrograman, HTML merupakan kumpulan dari beberapa instruksi yang dapat digunakan untuk mengubah-ubah format suatu naskah atau dokumen

Kumpulan Tag HTML
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 sama
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.(embed) 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.(form) 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

Pengertian istilah TAG, ATRIBUT dan VALUE dalam HTML

Ø  TAG

Adalah penandaan yang dikenali oleh browser sebagai suatu instruksi untuk memformat tulisan, gambar, link, tabel, atau objek pada sebuah tampilan dokumen HTML.TAG biasanya dituliskan berpasangan, maksudnya adalah memberitahukan kepada browser dimana posisi awal dan posisi akhir sebuah format dokumen.

Contoh penggunaan TAG yang sering digunakan :

Tag HTML                                                                 Fungsi

 <font></font>                                               Mengubah jenis, warna, ukuran 

                                                                     tulisan

 <b></b> atau <strong></strong>                 Teks tebal

 <i> </i> atau <em></em>                               Teks miring

 <u> </u>                                                       Teks garis bawah

 <pre></pre>                                                Preformatted teks

 <h1></h1>                                                     Heading 1

 <h2></h2>                                                    Heading 2

 <h3> </h3>                                                   Heading 3

                                                 Subscript

                                                 Superscript

 <ol><li></li></ol>                                          Penomoran

 <ul><li></li></ul>                                          Bullet

 <marquee></marquee>                               Teks Berjalan

Banyak lagi TAG lainya.

Apakah ada TAG yang tidak berpasangan? Jawabanya ADA. Apa Saja?

Tag HTML                 Fungsi

<br />             Berpindah baris

<hr />             Membuat garis horizontal

<img ... />       Memasukkan gambar

<meta .../>      Menyisipkan informasi halaman

Mungkin ada yang lainya..

Ø  ATRIBUT

Atribut dalam HTML adalah perintah yang disisipkan/ditempelkan pada TAG utama yang tujuanya adalah mengatur bentuk/gaya tampilan sebuah objek. Contoh penggunaan atribut yang ditempelkan pada H1 :

<h1 align="center">Saya Belajar Tag HTML</h1>

Anda lihat diatas, kita membuat tulisan dengan tampilan heading 1 (judul) dan kemudian ditempelkan atribut align yang fungsinya mengatur letak horizontal di layar.

Sebuah TAG boleh menggunakan lebih dari 1 atribut yang relevan. Contoh :

<font size="3" face="arial" color="red">Merdeka atau Mati</font>

Contoh TAG font diatas menggunakan atribut size (ukuran) dan face(jenis huruf) dan color(warna tulisan).

Yang saya maksud relevan adalah, sebuah TAG tidak bisa diberikan atribut diluar kemampuanya. Contoh : TAG font tidak bisa ditempelkan atribut align, karena : font adalah bentuk huruf bukan format tulisan, sebaliknya seperti itu, h1 tidak bisa diberi atribut face karena h1 adalah format tulisan bukan bentuk huruf. Trus bagaimana jika ingin menggabung keduanya?? Biasanya dituliskan dengan cara :

<h1><font face="arial">Saya belajar Tag</font></h1>

Ø  VALUE

Value adalah nilai yang diberikan pada sebuah atribut. Value ada beberapa jenis, bisa value text seperti left, right, center, red, blue, bisa juga angka 1, 2, 3, bisa juga bentuk pixel : 100, 200, atau bentuk persen 100%, 30%, ada juga yang bentuk hexa seperti warna yang ditulis color="#000" dll.

Untuk value juga harus relevan, tidak bisa sembarangan. Contoh : align (ini untuk mengatur posisi) tidak boleh ditulis align="1" atau sebaliknya size="center".

Catatan :

Jika kita mengikuti perkembangan TAG HTML memang kadang sedikit membingungkan apalagi sekarang perbendaharaan TAG sudah bertambah dengan hadirnya HTML5, ditambah lagi dengan dukungan CSS. Tapi TAG-TAG yang lama masih berlaku dengan baik, walaupun dari segi penulisan sudah tidak efisien lagi karena sekarang sudah digantikan dengan penggunaan CSS yang bisa lebih mudah dan sempurna.

Sumber :

http://wwwmyori.blogspot.com/

http://www.zainalhakim.web.id/posting/pengertian-istilah-tag-atribut-value-html.html

tugas bahasa indonesia

RESENSI

1.      Judul Novel      : Dia, Tanpa Aku

2.      Pengarang       : Esti Kinasih

3.      Penerbit           : PT Gramedia Pustaka Utama

4.      Tahun Terbit    : 2008

5.      Tebal               : 280 halaman

6.      ISBN                 : 978 – 979 – 22 – 3441 – 1

Dia, Tanpa Aku

Cowok kelas 2 SMA bernama Ronald dan memiliki sahabat setia bernama Andika. Keseharian Ronald terutama saat pulang sekolah adalah memperhatikan cewek yang ia taksir dari kejauhan. Ronald sangat ingin mendapatkan cewek itu, tetapi ia blum juga mau PDKT hanya karena cewek itu masih duduk di bangku kelas 3 SMP. Citra, lebih lengkapnya Citra Devi adalah nama yang selalu heboh diceritakan Ronald kepada Andika, sebagai sahabat mau tidak mau Andika  mendengarkan cerita itu. Hampir setiap hari Ronald nongkrong disekolah Citra, memotret Citra dari kejauhan dan menjadikan potretan itu sebagai koleksinya.   Catatan-catatan kecil tentang Citra sudah dimiliki Ronald, dari makanan favorit, hobi, sampai band yang digemari Citra. Seluruh catatan kecil itu pernah ia bacakan ke Andika, dan menurut sahabatnya info itu sangatlah tidak penting. Walaupun terkadang Andika penasaran dengan sosok nyata Citra yang selama ini hanya diceritakan oleh Ronald…

Semakin dekat waktu Citra masuk SMA, Ronald malah sibuk mengumpulkan uang untuk membeli celana baru dan kaus. Persiapan ini dilakukan Ronald hanya untuk PDKT sama Citra. Ia mencoba berhemat di sekolah, agar secepatnya mendapatkan barang yang diinginkan. Selama Ronald berhemat, Andika lah yang menanggung biaya pengisian perut Ronald. Enggak setiap hari juga sih, karena Ronald tau seberapa besar uang saku sahabatnya. Beberapa hari berjalan dan akhirnya Andika mengalami krisis uang saku, Ronald memutar balik fikiran agar tidak memberatkan sahabatnya itu. Ide membawa ‘lontong’ dan ‘bakwan udang’ itu akhirnya ditemukan Ronald. Keesokan harinya Ronald membawa makanan itu untuk disantap bersama sahabatnya, dan mereka menyantap bekalnya di tempat yang jarang dilalui para siswa. Usaha Ronald itu memang membuahkan hasil, dia benar-benar mendapatkan barang yang diinginkannya.

Waktu yang Ia tunggu berbulan-bulan datang juga, hari ini Citra berseragam SMA. Tidak disangka ternyata Citra 1 sekolah dengan adiknya yang bernama Reinald. Hari pertama ini sangat membangkitkan semangat Ronald untuk menjalani hari-harinya. Kebetulan juga Citra sekelas dengan Reinald, jadi Ronald akan dengan mudah mendapatkan informasi mengenai Citra. Pagi ini adalah hari pertama Reinald melaksanakan MOS, di hari ini juga kakaknya ribut menyuruh Reinald untuk memperhatikan dan melaporkan semuanya yang berhubungn dengan Citra. Reinald tiba di sekolah barunya, tak lama kemudian Ia melihat Citra, tapi Ia tidak lapor kepada kakaknya. Ia berniat balas dendam karena Ronald sudah membangunkannya secara paksa tadi pagi. Ronald yang kala itu menunggu kabar dari adiknya, merasa sangat gelisah, dan akhirnya Ronald nekat menelpon adiknya karena sms nya tidak di gubris keduanya malah perang mulut di handphone.

Hari ini pertama kali Citra mengenakan putih abu-abu, kegirangan Ronald semakin menjadi. Ia bertekad untuk menyatakan keseluruhan perasaan yang Ia tahan selama ini. Pulang dari sekolah, Ia bergegas makan siang dan kemudian dandan serapi mungkin. Setelah semuanya clear, Ronald meminta doa restu dari orang seisi rumahnya. Tak lama kemudian Andika datang dan membukakan pintu mobil taksi yang dinaikinya untuk Ronald. Ronald masuk taksi kemudian melambaikan tangan pada kedua adiknya, Ia mengambil buket bunga yang sudah disiapkan sahabatnya itu. Selama perjalanan menuju rumah Citra, Ronald sangat gelisah, gugup dan sibuk menghela nafas. Andika yang melihat tingkah sahabatnya itu hanya tersenyum kecil. Sampai di tepi jalan dekat rumah Citra, Ronald turun dari taksi, sembari membawa buket bunga miliknya. Ia benar-benar tenggelam dalam dalam semua rasa yang telah mengepungnya selama ini, sampai tidak waspada dengan apa yang ada di sekelilingnya. Ketika itu Jalan tampak sepi dan tak lama kemudian datang lah mobil, mobil yang memanfaatkan kelengangan jalan dengan menambah kecepatan, tetapi Ronald tidak menyadarinya. Akhirnya kecelakaan tidak terhindarkan, Andika yang melihat kejadian itu seketika berdiri dan menghampiri tubuh sahabatnya. Andika duduk bersimpuh ditengah jalan dan menyadari jika Ronald telah pergi.

Setelah kepergian Ronald, Reinald memang selalu menyalahkan Citra atas kematian kakaknya. Berulang kali Reinald disadarkan Andika, jika Citra tidak bersalah. Dalam keseharian Reinald memperlakukan Citra secara keras, ternyata tumbuh suatu rasa yang sama dan pernah di alami Ronald. Reinald mengaku jika ia menyukai Citra di depan foto kakaknya, dan tidak lama kemudian Ronald memberikan tanda-tanda akan kehadirannya kembali. 

by Isma Wulandari