Minggu, 06 Januari 2013

HTML (Hyper Text Markup language)

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. sampai


         

        font ukuran besar

         


         ....         ....
          
        font semakin kecil



  • Fungsi : perintah untuk membuat garis horizontal penuh layar
    cth :


  • Fungsi : membuat teks miring

  • Fungsi : membuat teks tebal

  • Fungsi : membuat teks bergaris bawah

  • Fungsi : membuat text ke tengah layar

  • Fungsi : Membuat teks rata kiri dan rata kanan
    Sintak
    untuk rata kanan
    untuk rata kiri
    untuk rata tengah
    untuk rata kiri dan rata kanan atau





    Contoh pemakaian:

    Selamat Datang Ke Website Kami




  • Fungsi : memasukkan fungsi enter
    Cth : Jika perintah
    diberikan di awal atau diakhir baris, maka kalimat berikutnya akan dicetak pada baris berikutnya
  • <!->
    Fungsi : membuat komentar
    Semua teks atau perintah yang diapit oleh perintah ini tidak akan dijalankan

  • Fungsi : memisahkan paragraph yang satu dengan paragraph yang lain

  • Fungsi : membuat teks atau sebuah paragraph agak masuk ke dalam

  • Fungsi : Mengubah ukuran font
    Contoh :

    WELCOME TO MY WEBSITE
    WELCOME TO MY WEBSITE DAN TEBAL

  • Fungsi : mengubah ukuran font, tetapi angka yang terdapat dalam size yang merupakan ukuran font harus diberi tanda kutib

  • Fungsi : mengubah jenis font

  • Fungsi : membuat cetak naik suatu teks
    Contoh :
    Kami adalah yang pertama:1stin the world

  • Fungsi : membuat suatu teks cetak turun
    Contoh :
    contoh-contoh teks cetak turun :
    H2O (Disebut Air) dan
    C2127No (Disebut Methadon)
    • atau Unorder List
      Fungsi : membuat bullet

  • Fungsi : juga untuk membuat bullet
    Catatan : perintah
  • harus berada dalam perintah OL,UL,DIR,Menu
    Contoh :


    • Jawa Timur



      • SURABAYA

      • MALANG

      • GRESIK



    • Jawa Barat



      • Bandung

      • Sukabumi

      • Bogor

  • Fungsi : memasukkan gambar ke dalam Website
    Anda dapat juga memasukkan gambar berakhiran *.Jpg, *.Gif, *.Bmp dll
    Sintak :
    "5" merupakan ukuran border(Bingkai), ganti angka ini sesuai keinginan anda

  • Fungsi : memasukkan suara atau musik ke dalam Website
    Sintak :
  • Link dengan sorot
    Berikut adalah contoh program bagaimana membuat link hanya dengan sorot saja (link tak perlu diklik, tetapi cukup disorot dengan mouse.









    Keterangan



    Link dengan tombol
    Berikut adalah contoh program link dengan tombol
    Sintak :
    On Click="parent.location="Link anda disini" >
    Contoh
    Buatlah link dengan nama
    tentang_kami.html
    produk_kami.html
    cara_memesan.html

    < HTML >
    < HEAD >
    < 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 > Kolom
    < tr > adalah perintah untuk membuat kolom pada notepad
    Berikut adalah contoh perintah cara membuat kolom pada notepad
    < html >
    < head >
    < title > Belajar membuat kolom < /title >
    < /head >
    < H3 Align="Center" > DAFTAR MAHASISWA < H3 >
    < table border="3" border color="red"
    < tr >
    < td > No
    < td > Nama
    < td > Alamat
    < td > No. Phone
    < td > Gambar
    < /tr >
    < tr >
    < td > 1
    < td > Octa
    < td > Padang Bulan
    < td > 8214773
    < td > < Img src="C:\Documents and Settings\XP\My Documents\My Webs\octa_pic1.JPG" > < /tr >
    Membuat Frame

    -Framecols : membagi layar dalam bentuk kolom
    -FrameRows : membagi layar dengan bentuk baris
    -Frame Src : menampilkan file dalam frame
    Bentuknya
    (Frame cols="30%,*")
    (Frame Src="Nama.file Name="Teks")
    (Frame Rows="40%,*")
    (Frame Src="Nama.file"Nama="teks")
    (Frame Src="Nama.file"Nama="Teks)
    (/Frameset)

    Contoh Program Frame
    < Html >
    < Head >
    < Title >Melink dengan sorot < /Title >
    < /Head >
    < Frameset cols="30%,*" >
    < Frame Src="Nama file"Nama="Teks" >
    < Frame Rows="40%%,*" >
    < Frame Src="Gambar File’Nama="Gambar" >
    < Frame Src="Nama File"Nama="Teks >
    < /Frameset >

    Cara Membuat Teks Rata Kanan, Kiri, Dan Tengah

    Cara Membuat Teks Rata Kanan, Kiri, Dan Tengah

    Cara Membuat Teks Rata Kanan, Kiri, Dan Tengah | HTML
    Cara Membuat Teks Rata Kanan, Kiri, Dan Tengah | HTML

    Cara Membuat Teks Rata Kanan, Kiri, Dan Tengah | HTML




    Teks rata tengah ( center )
    atau rata kanan ( right )
    atau rata kiri ( left )

    ataupun rata kanan-kiri ( justify ).

    langsung saja ke TKP =>

    • cara membuat Teks rata tengah :

    Login ke blog anda => Entri baru => Beri judul sesuka anda => Mode Edit HTML => Masukan code dibawah ini
    paragraf ini pada posisi rata tengah
    lalu terbitkan entri.
    Hasil :
     paragraf ini pada posisi rata tengah


    • cara membuat paragraf rata kanan :

    Login ke blog anda => Entri baru => Beri judul sesuka anda => Mode Edit HTML => Masukan code dibawah ini
    paragraf ini pada posisi rata kanan
    lalu terbitkan entri.
    Hasil :

    paragraf ini pada posisi rata kanan

    • cara membuat paragraf rata kiri :
    Login ke blog anda => Entri baru => Beri judul sesuka anda => Mode Edit HTML => Masukan code dibawah ini

    paragraf ini pada posisi rata kiri


    lalu terbitkan entri.
    Hasil :

    paragraf ini pada posisi rata kiri

    • cara membuat paragraf rata kanan-kiri :

    Login ke blog anda => Entri baru => Beri judul sesuka anda => Mode Edit HTML => Masukan code dibawah ini

    paragraf ini pada posisi rata kanan-kiri

    laluerbitkan entri.
    Hasil :

    paragraf ini pada posisi rata kanan-kiri

    slamat mencoba ©
    Baca Selengkapnya Di : http://nasta69.blogspot.com/2012/07/cara-membuat-teks-rata-kanan-kiri-dan.html#ixzz2HG7Fb0NF
    #outer-wrapper { background:url("http://i202.photobucket.com/albums/aa267/mamas_eko/ngeblog_body.jpg"); background-repeat: repeat-y; width: 770px; margin:0 auto; padding:0; text-align:left; } #footer { background:url("http://i202.photobucket.com/albums/aa267/mamas_eko/ngeblog_footer.jpg") no-repeat; width:770px; height:15px; clear:both; margin:0 auto; padding:0;