pengertian html dan fungsinya

Pengertian dan Fungsi HTML (HyperText Markup Language)

HTML adalah singkatan dari HyperText Markup Language yaitu bahasa pemrograman  standar yang digunakan untuk membuat sebuah halaman web, yang kemudian dapat diakses untuk menampilkan berbagai informasi di dalam sebuah penjelajah web Internet (Browser). HTML dapat juga digunakan sebagai link link antara file-file dalam situs atau dalam komputer dengan menggunakan localhost, atau link yang menghubungkan antar situs dalam dunia internet.

Supaya  dapat menghasilkan tampilan wujud yang terintegerasi Pemformatan hiperteks sederhana ditulis dalam berkas format ASCII sehingga menjadi halaman web dengan perintah-perintah HTML.
HTML merupakan sebuah bahasa yang bermula bahasa yang sebelumnya banyak dipakai di dunia percetakan dan penerbirtan yang disebut  Standard Generalized Markup Language (SGML).

Sekarang ini HTML merupakan standar Internet yang dikendalikan dan didefinisikan pemakaiannya oleh World Wide Web Consortium (W3C).  Pada tahun 1989, HTML dibuat oleh kolaborasi Berners-lee Robert dengan Caillau TIM  pada saat mereka bekerja di CERN (CERN merupakan lembaga penelitian fisika energi tinggi di Jenewa)

HTTP atau Hypertext Transfer Protokol merupakan protokol yang digunakan untuk mentransfer data atau document yang berformat HTML dari web server ke web browser. Dengan HTTP inilah yang memungkinkan Anda menjelajah internet dan melihat halaman web.

Fungsi HTML (HyperText Markup Language)

HTML (HyperText Markup Language) adalah suatu bahasa yang menggunakan tanda-tanda tertentu (tag) untuk menyatakan kode-kode yang harus ditafsirkan oleh browser agar halaman tersebut dapat ditampilkan secara benar.
Secara umum, fungsi HTML adalah untuk mengelola serangkaian data dan informasi sehingga suatu dokumen dapat diakses dan ditampilkan di Internet melalui layanan web.
Fungsi HTML yang lebih spesifik yaitu :

1. Membuat halaman web.
2. Menampilkan berbagai informasi di dalam sebuah browser Internet.
3. Membuat link menuju halaman web lain dengan kode tertentu (hypertext). 

Kegunaan :

• Mengintergrasi gambar dengan tulisan.
• Membuat Pranala.
• Membuat form interaktif.
• mengintergrasikan berkas suara dan rekaman gambar hidup.

HTML memungkinkan seseorang untuk menyunting tampilan atau format berkas yang akan dikirimkan melalui media daring. Beberapa hal yang dapat dilakukan dalam menentukan format berkas adalah :

• Menampilkan suatu kelompok kata dalam beberapa ukuran yang dapat digunakan untuk judul, Heading dan sebagainya.
• Menampilkan tulisan dalam bentuk cetakan tebal.
• Menampilkan sekelompok kata dalam bentuk miring dengan hasil ketikan mesin ketik.
• Mengubah-ubah ukuran tulisan untuk suatu karakter tertentu.

 Markah/Tanda
Secara garis besar, terdapat 4 jenis elemen dari HTML :

• Sturktural, Tanda yang menentukan level atau tignkatan dari sebuah tulisan (contoh, < h1> Golf</h1> akabn memerintahkan peramban untuk menampilkan "Golf" sebagai tulisan tebal besar yang menunjukan sebagai Heading 1.
• Presentasional, Tanda yang menetukan tampilan dari sebuah tulisan tidak peduli dengan level dari tulisan tersebut (contoh, <  b> blod face</b> akan menampilkan blod. Tanda presentasional saat ini  sudah  mulai diganti oleh CSS dan tidak direkomendasi untuk mengatur tampilan tulisan.
• Hiperteks. Tanda yang menunjukan pranala ke bagian dari dokumen tersebut atau pranala ke dokumen lain ( contoh, <  a href="https://www.blogger.com/"> Blogger </a> akan menampilkan Blogger sebagai sebuah hyperlink ke URL tertentu).
• Elemen widget yang membuat objek-objek lain seperti tombol (<  button>), list (< 1i>), dan garis horizontal (< hr>). konsep  hypertext pada HTML memungkinkan pembuatan link pada suatu kelompok kata atau frasa untukmenuju ke bagian manapun dalam Word Wide Web.

Ada tiga macam pranala (link) yang dapat digunakan :

• Pranala menuju  bagian lain dari page.
• Pranala menuju page lain dalam satu website.
• Pranala menuju resource atau website yang berbeda.

Fungsi-fungsi kode HTML :

1. <H1> sampai <H6>
   <H1>  </ H1>font ukuran besar
   <H2>  </ H2>
    ....   & nbsp;     ; ....
   <H6>   </ H6>font semakin kecil
   
2. <HR>
   Fungsi : perintah untuk membuat garis horizontal penuh layar
   cth :

   ---

   
   
3. <I>
   Fungsi : membuat teks miring
4. <B>
   Fungsi : membuat teks tebal
5. <U>
   Fungsi : membuat teks bergaris bawah
6. <CENTER>
   Fungsi : membuat text ke tengah layar
7. <ALIGN>
   Fungsi : Membuat teks rata kiri dan rata kanan
   Sintak
   <P ALIGN=right>untuk rata kanan
   <P ALIGN=left>untuk rata kiri
   <P ALIGN=center>untuk rata tengah
   <P ALIGN=justify>untuk rata kiri dan rata kanan atau
   <H?ALIGN=right>
   <H?ALIGN=left>
   <H?ALIGN=center>
   <H?ALIGN=justify>
   
   Contoh pemakaian:
   <H2 Align=right>Selamat Datang Ke Website Kami <H2>
   
8. <BR>
   Fungsi : memasukkan fungsi enter
   Cth : Jika perintah <BR> diberikan di awal atau diakhir baris, maka kalimat berikutnya akan dicetak pada baris berikutnya
9. <!->
   Fungsi : membuat komentar
   Semua teks atau perintah yang diapit oleh perintah ini tidak akan dijalankan
10. <P>
    Fungsi : memisahkan paragraph yang satu dengan paragraph yang lain
11. <DD>
    Fungsi : membuat teks atau sebuah paragraph agak masuk ke dalam
12. <BASEFONT>
    Fungsi : Mengubah ukuran font
    Contoh :
    <BASEFONT SIZE=6>
    WELCOME TO MY WEBSITE
    <B>WELCOME TO MY WEBSITE DAN TEBAL</B>
13. <FONT>
    Fungsi : mengubah ukuran font, tetapi angka yang terdapat dalam size yang merupakan ukuran font harus diberi tanda kutib
14. <FACE>
    Fungsi : mengubah jenis font
15. <SUP>
    Fungsi : membuat cetak naik suatu teks
    Contoh :
    Kami adalah yang pertama:1^stin the world
16. <SUB>
    Fungsi : membuat suatu teks cetak turun
    Contoh :
    contoh-contoh teks cetak turun :
    H₂O (Disebut Air) dan
    C₂₁27No (Disebut Methadon)
17. <UL> atau Unorder List
    Fungsi : membuat bullet
18. <LI>
    Fungsi : juga untuk membuat bullet
    Catatan : perintah <LI> harus berada dalam perintah OL,UL,DIR,Menu
    Contoh :
    <UL>
    <LI>
    <H2> Jawa Timur </ H2>
    <UL>
    <LI> SURABAYA </ LI>
    <LI> MALANG </ LI>
    <LI> GRESIK </LI>
    </UL>
    </LI>
    </BR>
    <LI>
    <H2> Jawa Barat </ H2>
    <UL>
    <LI> Bandung </ LI>
    <LI> Sukabumi </ LI>
    <LI> Bogor </LI>
    </UL>
    </LI>
    </UL>
19. <IMGSRC>
    Fungsi : memasukkan gambar ke dalam Website
    Anda dapat juga memasukkan gambar berakhiran *.Jpg, *.Gif, *.Bmp dll
    Sintak :<IMG BORDER="5">
    "5" merupakan ukuran border(Bingkai), ganti angka ini sesuai keinginan anda
20. <BGSOUND>
    Fungsi : memasukkan suara atau musik ke dalam Website
    Sintak : <BGSOUND loop=infite Src="d:/Selamat datang.WAV">
Link dengan sorot
Berikut adalah contoh program bagaimana membuat link hanya dengan sorot saja (link tak perlu diklik, tetapi cukup disorot dengan mouse.
<HTML>
<HEAD>
<TITLE> </TITLE>
<META Name="description"Content=" ">
<META Name="keywords"Content=" ">
<META Name="generator"Content=" Cute HTML">
</HEAD>
<BODY BG Color="# FFFFFF"Text="#000000="# "0000FF"VLink="#800080">
<Center>
<A href=" "target=main on mouse over="Window.open ('c:/html/keterangan.html'):">
<Font Size=3 FACE=Arial Color=#804000> Keterangan </FONT> </e>
</CENTER>
</BODY>
</HTML>
Link dengan tombol
Berikut adalah contoh program link dengan tombol
Sintak :
<Input type="button"Value="Nama Tombol"
On Click="parent.location="Link anda disini" >
Contoh
Buatlah link dengan nama
tentang_kami.html
produk_kami.html
cara_memesan.html

<HTML>
<HEAD>
<TITLE> </TITLE>
<META name="description"Content=" ">
<META name="keywords"Content=" ">
<META name="generator"Content=" Cute HTML">
</HEAD>
<BODY BGCOLOR="#FFFFFF"Text="#000000"Vlink="#800080" >
<Center>
< h1 > PT.OCTA >
<Input Type="button"value="Tentang Kami"
on click="parent.location="c:/ website/tentang_kami.html'">
<Input Type="button"value="Produk Kami"
on click="parent.location="c:/ gambar/produk_kami.html'" >
<Input Type="button"value="cara memesan"
on click="parent.location="c:/ gambar/cara_memesan.html'" >
</Center>
</Body>
</HTML>
hasilnya