Wednesday, February 29, 2012

Dasar html




nah agan saya kali nie mu ngebahas tentang apa itu html ,.,
  html adalah sebuah sintak pemograman web
  hmtl kepanjangan dari Hypertext Markup languge


Apakah HTML itu ???


     
  • HTML adalah bahasa untuk mendeskripsikan halaman web.
  •  
  • HTML adalah singkatan untuk H yper T ext M arkup L anguage
  •  
  • HTML bukan bahasa pemrograman, ini adalah bahasa markup
  •  
  • Sebuah bahasa markup adalah serangkaian tag markup
  •  
  • HTML menggunakan tag markup untuk menjelaskan halaman web


oh iya saya saran kan untukweb editor pake dreamweaver


sekarang pendahuluan dulu


<html>
    <body>


<h1>My First Heading</h1>


<p>My first paragraph.</p>


</body>
    </html>


dari stur nya html itu ada html head body dan harus ada penutup nya
  sintak di atas itu hanya baru menampil kan
  my firt heading
  apa itu sintak <h1></h1>  nah si tak itu gunanya untuk menentukan heading
  itu ada berapa jenis ada h1 h2 h2 h3 h4 h5 nah untuk sintak <P></p> itu sintak paragrap





HTML Pos



Judul HTML didefinisikan dengan tag h1 untuk <h6>.


<h1>This is a heading</h1>
  <h2>This is a heading</h2>
  <h3>This is a heading</h3>


HTML Paragraf



Paragraf HTML didefinisikan dengan tag <p>.


<p>This is a paragraph.</p>
  <p>This is another paragraph.</p>


HTML Link

Link HTML didefinisikan dengan tag <a>.
<a href=”http://pangeranprogramer.wrodpress.com”>This is a link</a>

HTML Images

Gambar HTML didefinisikan dengan tag <img>.
 
<img src=”programer.jpg” width=”104″ height=”142″ />
 

Elemen HTML

  Sebuah elemen HTML adalah segala sesuatu dari tag pembuka dengan tag penutup:
 
   
     
       
       
       
     
     
       
       
       
     
     
       
       
       
     
     
       
       
       
     
   
 
Mulai * tagElemen kontenAkhir tag *
<p>Ini adalah paragraf</ P>
<a href=”default.htm”>Ini adalah link</ A>
<br />
  * Tag awal sering disebut tag pembuka. Tag akhir sering disebut tag penutup.
 

HTML Atribut

 
       
  • Elemen HTML dapat memiliki atribut

  •    
  • Atribut memberikan informasi tambahan tentang elemen

  •    
  • Atribut selalu ditentukan pada tag awal

  •    
  • Atribut datang dalam pasangan nama / nilai seperti: “nilai” name =

  •  
     
     

    Atribut Contoh

      Link HTML didefinisikan dengan tag <a>. Alamat link yang ditetapkan dalam atribut href:
      <a href=”http://www.w3schools.com”>This is a link</a>
     

    Selalu Quote Nilai Atribut

      Nilai Atribut harus selalu tertutup dalam tanda kutip.
      Tanda kutip ganda gaya adalah yang paling umum, tetapi kutipan gaya tunggal juga diperbolehkan.
      # Tip: Dalam beberapa situasi langka, ketika nilai atribut itu sendiri berisi tanda kutip, maka perlu menggunakan tanda kutip tunggal: name = ‘John “shotgun” Nelson
     
     

    HTML Tip: Gunakan Atribut huruf kecil

      Atribut nama-nama dan nilai atribut bersifat case-insensitive.
      Namun, World Wide Web Consortium (W3C) merekomendasikan huruf kecil atribut / nilai atribut dalam HTML rekomendasi mereka 4.
      Versi yang lebih baru dari (X) HTML akan menuntut atribut huruf kecil.
     
     

    HTML Atribut Referensi

      Daftar lengkap atribut hukum untuk setiap elemen HTML terdaftar di kami:
      Di bawah ini adalah daftar dari beberapa atribut yang standar untuk sebagian besar elemen HTML:
     
       
         
           
           
           
         
         
           
           
           
         
         
           
           
           
         
         
           
           
           
         
         
           
           
           
         
       
     
    AtributNilaiDeskripsi
    kelasclassnameMenentukan classname untuk suatu elemen
    ididMenentukan sebuah id unik untuk elemen
    gayastyle_definitionMenentukan gaya inline untuk suatu elemen
    judultooltip_textMenentukan informasi tambahan tentang elemen (ditampilkan sebagai tool tip)
      Untuk informasi lebih lanjut tentang atribut standar:
     
       

    HTML Pos

        Pos didefinisikan dengan <h1> untuk tag <h6>.
        <h1> mendefinisikan heading yang paling penting. <h6> mendefinisikan pos paling tidak penting.
       
         

    Contoh

         
    <h1>This is a heading</h1>
            <h2>This is a heading</h2>
            <h3>This is a heading</h3>
       
        Catatan: Browser secara otomatis menambahkan beberapa ruang kosong (margin) sebelum dan sesudah pos masing-masing.
       
       

    Pos Apakah Penting

        Gunakan judul HTML untuk judul saja. Jangan gunakan judul untuk membuat teks BESAR atautebal.
        Mesin pencari menggunakan judul Anda ke indeks struktur dan isi dari halaman web Anda.
        Karena pengguna dapat skim halaman Anda dengan judul tersebut, penting untuk menggunakan pos untuk menunjukkan struktur dokumen.
        Pos H1 harus digunakan sebagai judul utama, diikuti dengan judul H2, maka kurang penting H3 judul, dan sebagainya.
     

    HTML Baris

    Para <hr /> tag menciptakan garis horizontal di halaman HTML.
    Unsur jam dapat digunakan untuk konten terpisah:
     

    Contoh

     
    <p>This is a paragraph</p>
        <hr />
        <p>This is a paragraph</p>
        <hr />
        <p>This is a paragraph</p>


    HTML Komentar

    Komentar dapat dimasukkan ke dalam kode HTML untuk membuatnya lebih mudah dibaca dan dimengerti. Komentar diabaikan oleh browser dan tidak ditampilkan.
    Komentar ditulis seperti ini:
     

    Contoh

     
    <!– This is a comment –>
    Catatan: Ada tanda seru setelah kurung buka, tetapi tidak sebelum kurung tutup.

    HTML Tips – Cara Lihat Sumber HTML

    Apakah Anda pernah melihat sebuah halaman Web dan bertanya-tanya “Hei! Bagaimana mereka melakukannya?”
    Untuk mengetahuinya, klik kanan pada halaman dan pilih “View Source” (IE) atau “View Page Source” (Firefox), atau serupa untuk browser lainnya. Ini akan membuka jendela yang berisi kode HTML dari halaman.

    No comments:

    Post a Comment

    info link