Pengertian HTML dan Contoh HTML (HyperText Markup Language)

Pengertian HTML dan contoh HTML - atau Hypertext Markup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen dan juga aplikasi yang berjalan dihalaman web.

HTML ini asal mula adalah dari sebuah bahasa yang sebelumnya banyak dipakai oleh dunia penerbitan dan juga dunia cetak yang seering disebut dengan SGML (Standard Generalized Markup Language), HTML merupakan sebuah standar yang dipakai secara luas untuk bisa menampilkan sebuah halaman web. HTML sekarang ini juga adalah sebuah standar Internet yang didefinisikan dan juga dikendalikan oleh World Wide Web Consortium (W3C).

Namun pada dasarnya, dokumen HTML ini hanyalah sebuah dokumen teks yang biasa disebut dengan Markup Language yakni suatu bahasa yang mengandung tanda tertentu dan juga dipakai sebagai pengatur sebuah format tampilan suatu dokumen web HTML.

Namun secara garis besar, ada 4 jenis elemen dari HTML: dan juga memiliki tanda yang menentukan level atau tingkat dari suatu teks (contoh, <h1>Golf</h1> untuk memerintahkan browser agar menampilkan “Golf” sebagai teks tebal besar kemudian akan menunjukkan sebagai tag Heading 1
Pengertian dan Contoh HTML
Pengertian dan Contoh HTML

Presentational adalah tanda yang berfungsi untuk menentukan tampilan dari suatu teks dan tidak peduli dengan level dari teks itu ( sebagai contohnya, <b>boldface</b> kode ini akan menampilkan bold. Tanda presentational untuk sekarang ini sudah mulai tergantikan oleh CSS dan sudah tidak direkomendasikan lagi untuk mengatur tampilan teks.

hypertext. adalah sebuah tanda yang berfungsi untuk menunjukkan pranala ke bagian dokumen itu atau pranala ke dokumen lain (sebagai contohnya, <a href="http://www.blablabla.com/">Desain</a> kode ini akan menampilkan Desain untuk sebuah hyperlink ke URL www.blablabla.com.

Elemen widget berfungsi untuk membuat sebuah objek lain seperti tombol dengan kode (<button>), list (<li>), dan garis horizontal (<hr>). Untuk bisa membuat dokumen HTML hanya membutuhkan sebuah aplikasi atau software teks editor biasa. Namun sekarang ini di pasaran sudah banyak sekali terdapat software HTML authoring (software yang fungsinya untuk membuat dan mendesain sebuah halaman web). Sebagai contohnya adalah Macromedia Dreamweaver, Adobe GoLive, MS FrontPage, dan masih banyak lagi. untuk anda yang memiliki ilmu lebih tentang HTML anda juga dapat menggunakan NOTEPED++ untuk mengeditnya serta membuat kode HTML. Berikut contoh susunan kode HTML yang biasa juga digunakan dalam struktur template sebuah web.
--------------------------------------------

 <head>
      <title>contoh html</title>
      <style type="text/css">
      <!--
         /*fungsi style css untuk merubah tampilan tag-tag html, serta mendesai halaman website*/
         /*contoh tag body*/
         body{
         background-color:black;/*warna latar belakang*/
         color:white;/*umumnya warna text*/
         margin:20 80px;/*jarak luar*/
         }
        /*************/
        /*misal lagi tag h1*/
        h1{
        font-size:60px;/*ukuran font*/
        }
       /*misal lagi tag h2*/
        h2{
        font-size:45px;/*ukuran font*/
        color:green;/**/
        }
        /*misal lagi tag p*/
        p{font-weight:bold;/*font tebal*/}
       /*yah, fungsi css adalah untuk merubah tampilan**/
       -->
    </style>
    <script type="text/javascript">
       //ini adalah contoh java script function
       function contoh_js_simple()
      {
      alert("ini adalah javascript alert");
     /*ini adalah komentar javascript untuk
      lebih dari satu baris/line*/
      //ini adalah komentar javascript hanya satu baris/line
      //fungsi javascript adalah untuk menambah kemampuan web itu sendiri
      }
    </script>
  </head>
  <!-- fungsi html adalah untuk menampilkan content/web -->
  <body onload="contoh_js_simple">
  <h1>judul h1</h1>
  <h2>judul h2</h2>
  <p>ini adalah paragraf</p>
    <script type="text/javascript">
    //ini adalah contoh simplejava script
    document.write ("<p>ini adalah paragraf yang dirulis dengan javascript</p>");/**/
    </script>
  <a href="javascript:contoh_js_simple()">ini adalah alert</a>
  <p><a href="http://www.indaam.com" target="_blank">ini adalah link, salam indaam.com</a></p>
  <!-- ini adalah komentar html, dan tidak akan ditampilkan-->
  <!-- agar html ini bisa dilihat/dibuka oleh orang banyak, kita harus menguploadnya di hosting, namun jika       hanya untuk belajar dengan komputerpun sudah cuku -->
  </body>
</html>-----------------------------------
Load disqus comments

0 comments