Skip to main content

Pengertian dan bagian-bagian dari HTML DAN TAG HTML

Materi untuk kali ini yaitu mempelajari code-codenya dari pembuatan website dengan bahasa pemograman pembuatan website yang mana dalam pembuatan website atau webblog banyak jenis. Dan code-code itu disebut dengan tag HTML, baiklan tidak panjang lebar kita pelajari bersama-sama tentang HTML itu :
Pengertian HTML :
HyperText Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web dengan perintah-perintah HTML. 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 dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa)
 Didalam website ada empat bagian buat tag,diantaranya :

    * <HTML> Sebagai tanda awal dokumen HTML.
  • HTML tidak membedakan penggunaan huruf besar ataupun huruf kecil dari suatu elemen
  • HTML terdiri dari tag-tag beserta teks yang ada dalam tag-tag tersebut. Tag ini dinyatakan dengan tanda lebih kecil (<) dan tanda lebih besar (>)
    * <HEAD> Sebagai informasi page header. Dokumen HTML diapit oleh tag < HEAD></HEAD>.

   * <TITLE> Sebagai titel atau judul halaman. Kalimat yang terletak di dalam tag ini akan muncul pada bagian paling atas browser Anda (pada title bar).

   * <BODY> Sebagai isi dari sebuah halaman websiteBagian BODY, yang dinyatakan dengan tag <BODY>…</BODY>, merupakan tubuh atau isi dari dokumen HTML dimana anda meletakan informasi yang akan ditampilkan pada browser.

    * Tag biasanya merupakan suatu pasangan yang disebut dengan:
   1. Tag awal, dinyatakan dalam bentuk <nama tag>   2. Tag akhir, dinyatakan dalam bentuk </nama tag>  

Formatnya :
<nama tag> teks yang ditampilkan </nama tag>.
Contoh:
untuk menampilkan teks dalam format teks miring Teks ini terlihat miring di browser anda dengan perintah HTML < i> Teks ini terlihat miring di browser Anda </i>

Contoh dokumen HTML sederhana:
<!DOCTYPE html>
<html>
 <head bgcolor=black text=white>
 <title>'''Selamat Datang''' HTML</title>
 </head>
 <body>
 <p>Halo dunia!</p>
 </body>
</html>
Keterangan dan pengertian HTML DAN TAG HTML
Kita sudah belajar bersama tentang pembuatan website melalui Dreamweaver mulai design hingga pada code tag HTML ini, mari kita pelajari bersama-sama arti atau pengertian HTML ini :
HTML code Beserta Keterangan :
  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. <br>  Pindah baris 
  12. <caption>  Membuat caption pada tabel 
  13. <center>  Untuk perataan tengah terhadap teks atau gambar 
  14. <comment>  Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser
  15.  <dd>  Indents teks 
  16. <div>  Represents different sections of text. 
  17. <embed>  Menambahkan sound or file avi ke halaman web 
  18. <fn> Seperti tag  <a name> 
  19.  <font>  Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks
  20.  <form>  Mendefinisikan input form 
  21. <frame>  Mendefinisikan frame 
  22. <frameset>  Mendefinisikan attribut halaman yang akan menggunakan frame 
  23. <h1>…<h6>  Ukuran font 
  24. <hr>  Membuat garis horizontal 
  25. <html>  Bararti dokumen html 
  26. <i>  Membuat teks miring 
  27. <img>  Image, imagemap atau an animation 
  28. <input>    Mendefinisikan input field pada form 
  29. <li>  Membuat bullet point atau baris baru pada list (berpasangan dengan tag <dir>, <menu>, <ol> and <ul> ) 
  30. <map>  Mendefinisikan client-side map 
  31. <marquee>  Membuat scrolling teks (teks berjalan) 
  32. <nobr>  Mencegah ganti baris pada teks atau images 
  33. <noframes>  Jika browser user tidak mendukung frame 
  34. <ol>  Mendefinisikan awal dan akhir list 
  35. <p>  Ganti paragraf 
  36. <pre>  Membuat teks dengan ukuran huruf yg sama 
  37. <script> Mendefinisikan awal script 
  38. <table> Membuat tabel 
  39. <td>  Kolom pada tabel 
  40. <tr> Baris pada tabel 
  41. <u>  Membuat teks bergaris bawah

*Semoga berguna dan bermanfaat serta salam damai
Labels:

Comments

Post a Comment

Popular posts from this blog

Cara menggunakan dasar tool-tool pada Adobe Flash CS3

Setelah kita mempelajari dari awal tentang apa itu animasi sampai macam-macamnya software yang digunakan dalam pembuatan animasi tetapi dalam hal ini yang kita pakai softwarenya yaitu Adobe Flash CS3 Professional, Sekarang kita akan menggunakan garis dengan Line tool sebagai awal kita mempelajari bersama-sama baiklah kita mulai : 1. Cara Membuat garis dengan Line tool Adobe Flash CS3 telah menyediakan pilihan untuk membuat beragam bentuk garis. Pilih ikon Line Tool pada toolbar di sisi kiri layar, kemudian lihat pilihannya di panel Properties di sebelah kiri bawah layar, Masukkan angka ketebalannya. Dan untuk memulai garis klik pada stage dan drag sepanjang yang anda inginkan. Dan perhatikan gambar di bawah ini dan perhatikan toolbar pada line tool yang dipilih untuk membuat garis ; Line tool 2. Cara Membuat garis dengan pencil tool Dan sekarang Untuk membuat garis bebas, Pilih ikon Pencil Tool pada toolbar sisi kiri dan pilih warnanya pada panel Colors di bawahnya. U
Post a Comment
Read more

Cara Membuat teks berubah-ubah warnanya pada adobe flash CS3

Pada postingan kali ini kita akan mempelajari membuat teks berubah-ubah warna pada adobe flash CS3 dan tentunya kita masih perlu memperlajari pada pembelajaran sebelumnya agar kita lebih bisa memahaminya dan pada postingan ini nantinya di harapkan kita bisa ; Menggunakan teks pada flash, Mengkonvert teks menjadi vektor, dan Membuat animasi teks berubah-ubah warnanya... amiin A. Menggunakan Teks Sebelum kita kita membuat teks berubah-ubah warna sebaiknya kita mengulang lagi mengenai jendela Properties agar kita lebih memahami lagi dan Untuk menambahkan teks ke dalam stage pilih Text Tool (icon A) pada toolbar kemudian klik pada stage /  pada lembar kerja. Sebuah kotak kosong akan muncul. Untuk mengubah jenis, ukuran serta warna font , gunakan jendela Properties di bagian bawah layar. seperti pada gambar di bawah ini: jendela properties B. Animasi Teks berubah-ubah Warna Untuk sebuah judul program terkadang perlu dibuat menarik dengan cara membuat teks pada judul
2 comments
Read more