Bahasa HTML

Di tulis oleh Ifan Prabowo pada Saturday, March 3, 2012 | 1:09 PM

Informasi di dalam WWW(Word Wide Web)menggunakan format HTML. Didalam HTML kita mengenal Hyper Text yaitu adanya link ke suatu dokumen, suatu alamat mesin bahkan ke suatu gambar, suara.


Banyak software yang digunakan untuk membuat WWW dengan format HTML. Yang akan kita bahas disini adalah yang paling dasar yaitu mengunakan notepad, dimana notepad lah software yang biasanya langsung udah ada dikomputer pada saat komputer aktif, dan notepad biasanya terletak pada accesories.

Langkah pertama yang dilakukan yaitu :

  • Klik notepad
  • Simpan file dalam suatu folder dalam format nama_file.HTML%htm
  • Kemudian jalankan dengan Internet Explorer
  • Cara menjalakan
  • Klik Run, cari nama file html/htm
  • Klik Ok
  • Adapun perintah perintah dasar dari HTML adalah sebagai berikut:
      1. <H1> sampai <H6>
        <H1>  </H1>font ukuran besar
        <H2>  </H2>
         ....         ....
        <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:1stin the world
      16. <SUB>
        Fungsi : membuat suatu teks cetak turun
        Contoh :
        contoh-contoh teks cetak turun :
        H2O (Disebut Air) dan
        C2127No (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" >

    Share this article :
    Baca Juga Yang Ini !!

    Dapatkan artikel terbaru dari " Mahasiswa Lugu ".

    Masukan Email anda disini :


    0 comments:

    Post a Comment

    :: MAHASISWA LUGU ::
    Just share and save my story

     
    Support : Maskolis | RMC | Naeza
    Copyright © 2012. Mahasiswa Lugu - All Rights Reserved
    Webmaster by Ifan Prabowo