Rabu, 14 November 2012

HTML Dasar (Pengenalan)

Definisi HTML

Html adalah sebuah bahasa untuk menampilkan halaman sebuah website. HTML merupakan singkatan dari Hyper Text Markup Language. HTML bukan termasuk dalam bahsa pemrograman, tetapi HTML adalah "markup language", "markup lannguage" ini merupakan sekumpulan "tag". "tag" inilah yang digunakan untuk menampilkan halaman website dalam tampilan tertentu.

Tag HTML

 Tag adalah teks khusus (markup) yang terdiri dari nama tag yang diapit oleh karakter "<" (tanda lebih kecil) dan ">" (tanda lebih besar). Contoh tag <body> : adalah tag dengan nama tag body. Tag umumnya ditullis secara pasangan yaitu tag pembuka dan tag penutup. Contoh tag pembuka " <body> dan tag penutup </body> (ditambah tanda "/").

Tanda HTML tidak bersifat case sensitive, maksudnya tag HTML tidak membedakan huruf besar.kapital dan huruf kecil. Jadi anda bisa menggunakan huruf kapital atau pun huruf kecil ketika menuliskan tag HTML. Misalnya menuliskan <body> dengan <BODY> maka hasilnya akan sama saja. Namun walaupun begitu, akan lebih bagus jika kita konsisten memilih salah satu saja untuk semua tag di halaman HTML yang kita buat.

Web Browser dan Dokumen HTML

 Web browser adalah aplikasi atau software yang digunakan untuk menampilkan halaman website. Contoh web browser adalah Internet Explorer, Mozila Firefox, Google Chrome, Opera dan yang lainnya. Web browser memiliki tugas untuk membaca dokumen HTML dan menampilkan sebagai halaman website. Web browser tidak menampilkan tag HTML tetapi menggunakan tag HHTML untuk menampilkan isi dari halaman HTML tersebut.

Dokumen HTML sendiri terdiri dari tag-tag HTML dan teks biasa. Jadi dokument HTML bisa disamakan dengan halaman website. Artinya dokumen HTML juga bisa disebut dengan halaman website.

Contoh HTML sederhana :

            <html>
            <head>
            <title>Judul Halaman</title>
            </head>
            <body>
            <h1>Heading</h1>
            <p>Isi paragraf disini.</p>
            </body>
            </html>

Hasil tampilan kode HTML diatas pada browser adalah seperti berikut :



Ekstensi HTML atau HTM ?

 Dokumen HTML ada yang disimpan dengan ektensi HTM dan HTML. Mungkin ketika anda mencoba latihan membuat HTML sederhana anda pernah bingung, apakah harus disimpan dengan ekstensi "htm" atau "html". Sebenarnya sama saja, tidak ada pengaruhnya pada halaman HTML anda antara ekstensi "htm" atau pun "html", jadi anda bebas memilihnya. Tapi disarankan anda konsisten dengan memilih salah satu untuk mempermudah mengingat nama file. Karena misalnya ketika memanggil file tertentu agar anda tidak salah mengetikkannya.

Untu mengetahui bahwa pada awalnya ekstensi "htm" digunakan karena berbagai sistem dan software hanya mengijinkan 3 digit/karakter untuk dijadikan ekstensi sebuah file/dokumen. Tapi untuk saat ini, kita sudah dapat menggunakan ekstensi "html" sebagai ekstensi file/dokumen HTML.

Label:

Diposting oleh princess99 di 20.16 0 komentar  

HTML Dasar (Element)

         Setelah kita mengetahui tentang Atribut pada HTML, sekarang saya akan share tentang Element pada HTML.

         Setiap dokumen HTML terdiri dari satu atau beberapa element. Element terdiri dari tiga bagian yaitu : Tag Pembuka, Isi dan Tag Penutup. Berikut ini contoh Element HTML :

         <title>Judul Website</title>

Pada contoh Element diatas :
  • <title> adalah Tag Pembuka
  • "Judul Website" adalah Isi (Semua yang ada diantara Tag Pembuka dan Tag Penutup).
  • </title> adalah Tag Penutup.
Isi element adalah semua yang berada diantara Tag Pembuka dan Tag Penutup. Isi element dapat saja berupa element lainnya, jadi sebuah element dapat terdiri dari element lainnya. Inilah yang disebut dengan istilah "nested element". Dalam "nested element" yaitu element yang mengandung element lainnya, tag-tag yang ditulis tidak boleh saling tumpang tindih. Berikut ini contoh penulisan yang benar :
   
        <p>Ini contoh tulisan cetak<b>tebal</b></p>

Jika penulisan skrip(kode) HTML salah atau kurang tepat, maka browser tidak dapat membaca dengan sempurna(terjadi error) sehingga tampilan menjadi tidak sesuai dengan apa yang diinginkan.

Jangan lupa untuk selalu menuliskan tag penutup

Contoh :

       <p>Ini sebuah paragraf
       <p>Ini contoh paragraf lain

Pada saat ini sebagian besar browser akan menampilkan kode HTML diatas dengan baik walaupun tanpa diisi dengan tag penutup </p>. Tetapi sebaliknya kita tetap menuliskan dan melengkapi dengan tag penutup sebagaimana mestinya karena kesalahan tanpa tag penutup itu akan menimbulkan error atau tampilan yang tidak sesuai dengan yang kita harapkan ketika kode HTML yang kita buat semakin kompleks.

Element Kosong

Element kosong adalah element HTML tidak memiliki isi. Element kosong menggunakan tag penutup pada tag pembuka. Jadi tag pembuka menjadi satu dengan tag penutup. Contohnya adalah tag <br> yaitu tag yang digunakan untuk berpindah ke baris baru. Pada XHTML, XML danversi HTML yang lebih baru setiap elemt harus menggunakan tag penutup. Untuk itu perlu ditambahkan tanda garis miring pada tag  tersebut menjadi </br>. Walaupun saat ini penulisan <br> masih bisa diterima oleh semua browser, tetapi sebaiknya ditulis menjadi <br/>.

Lowercase

Seperti pernah dijelaskan sebelumnya, pada dasarnya tag HTML tidak bersifat case sensitive, artinya penulisan tag HTML bisa menggunakan huruf kapital atau pun huruf kecil. Tetapi lebih disarankan untuk menggunakan huruf kecil (lowercase) atau setidaknya menggunakan huruf yang sama dalam sebuah dokumen. 

Label:

Diposting oleh princess99 di 19.03 0 komentar  

HTML Dasar (Atribut)



Hai teman :)
kali ini kita akan belajar tentang HTML Dasar yaitu Atribut, ada beberapa bagian dari dasar-dasar HTML, tapi kita akan membahas tentang Atribut terlebih dahulu, yuk langsung aja ^.<
Setiap elemen HTML dapat memiliki atribut. Atribut menyediakan informasi tertentu tentang elemen HTML tersebut. Penulisan atribut diletakkan pada tag pembuka. Bentuk penulisan atribut pada HTML adalah seperti berikut ini :
nama_atribut = "nilai_atribut"
Contoh penggunaan atribut, misalnya pada tag <a>. Link/url target dituliskan dalam sebuah atribut. Contoh :
1<a href="http://princessnintynine99.blogspot.com">Contoh Link</a>
Selalu Gunakan Tanda Petik
Nilai atribut harus selalu ditulis diantara sepasang tanda petik. Umumnya digunakan tanda petik ganda, tetapi menggunakan tanda petik tunggal juga diijinkan. Dalam situasi tertentu, ketika nilai atribut tersebut mengandung tanda petik ganda maka diperlukan penggunaan tanda petik tunggal. Misalnya :
name='princess "bagus" 99'

Label:

Diposting oleh princess99 di 17.01 0 komentar  

Pengenalan Website


Assalamu'alaikum Wr.Wb
 
      Dipagi yang cerah ini saya akan share tentang Pengenalan Website, sebelum membahas tentang website tentunya teman sudah tahu kan tentang "internet" ? Kata dan istilah “internet” pada dasarnya mengacu pada rangkaian dan jaringan di internet, bukan program atau aplikasi tertentu. Maka dari itu, tanpa adanya aplikasi yang sesuai maka internet tidak akan ada gunanya. Saat ini di internet terdapat berbagai macam aplikasi dan layanan yang tersedia. Setiap aplikasi tersebut berjalan sesuai dengan protokol tertentu.

Protokol ini adalah sebuah kumpulan aturan yang mengatur tentang bagaimana aplikasi tersebut berkomunikasi di internet. Ada 5 macam aplikasi atau layanan yang sering digunakan di internet yaitu : WWW (web), Email, Chatting, File Transfer, Remote Login.

WWW merupakan singkatan dari World Wide Web atau sering disebut “website” atau cukup “web” saja. Website merupakan layanan yang paling populer dan paling berkembang dalam perkembangan internet. Website begitu populer bahkan banyak orang awam yang mengidentikkan website dengan internet.

Secara teknis website bisa dikatakan adalah sebuah sistem yang menyediakan berbagai informasi. Informasi yang disediakan pada website dapat berupa teks, gambar, suara, viedo dan lain-lain. Semua informasi yang tersedia di website tersimpan di sebuah internet webserver atau disebut webserver saja.

Informasi yang tersimpan di webserver tersebut umumnya akan ditampilkan dalam bentuk HTML (Hypertext Markup Language). Dari komputer yang kita gunakan, website dapat diakses dengan menggunakan sebuah software atau program aplikasi yang disebut web browser atau disebut browser saja.

Browser akan membaca dan menampilkan halaman website yang tersimpan di webserver dengan protokol yang disebut HTTP (Hypertext Transfer Protocol). Terdapat banyak browser yang tersedia saat ini, contohnya : Internet Explorer, Mozilla Firefox, Opera dan lainnya.

Seiring pesatnya perkembangan dunia internet, jumlah website yang ada juga semakin banyak bahkan melebihi miliaran. Untuk memudahkan pencarian dan penelusuran halaman website, user dapat menggunakan website yang disebut search engine (mesin pencari). Contoh website search engine seperti Google, Yahoo, dan lainnya. ^^

Label:

Diposting oleh princess99 di 16.48 0 komentar  

Langganan: Postingan (Atom)
Blogspot Template by Isnaini Dot Com and Supported by Ralepi.Com - Ducati Motorcycle