Friday, August 19, 2011

Html part 7

Kita bisa mengubah jenis ordered list ...
 <body>
 <ol type="A">
 <li> truk merah besar
 <li> speedboat cepat nyata
 <li> drum set
 <li> senjata BB
 <li> sebuah Melanie Griffith
 </ Ol>
 </ Body>
  1. truk merah besar
  2. speedboat cepat nyata
  3. drum set
  4. BB gun
  5. sebuah Melanie Griffith

Dan kita dapat mengubah jenis dalam daftar ordered un ...
 <body>
 <ul type="circle">
 <li> truk merah besar
 <li> speedboat cepat nyata
 <li> drum set
 <li> senjata BB
 <li> sebuah Melanie Griffith
 </ Ul>
 </ Body>
  • truk merah besar
  • speedboat cepat nyata
  • drum set
  • BB gun
  • sebuah Melanie Griffith
Daftar yang berikut ini tersedia ...
Memerintahkan <ol> Daftar
<ul> Unordered List
type = "1" - angka: 1,2,3,4 ... (default)
type = "a" - alpha lebih rendah: a, b, c, d. ..
type = "A" - alpha atas: A, B, C, D. ..
type = "i" - rendah romawi: i, ii, iii, iv ...
type = "Aku" - romawi atas: I, II, III, IV ...

  • type = "disk" (default)
  • type = "lingkaran"
  • type = "persegi"

Satu contoh lagi sebelum kita melanjutkan. Perhatikan bahwa daftar juga dapat bersarang ...
 <ol>
 <li> Buah
    <ul>
    <li> apel
    <li> jeruk
    <li> pisang
    </ Ul>
 <li> Kacang
    <ul>
    <li> kacang
    <li> makadamia
    </ Ul>
 <li> Sayuran
    <ul>
    <li> mentimun
    <li> paprika
    <li> selada
    </ Ul>
 </ Ol>
  1. Buah-buahan
    • apel
    • jeruk
    • pisang
  2. Kacang-kacangan
    • kacang tanah
    • macadamia
  3. Sayuran
    • timun
    • paprika
    • selada
Mulailah dengan ini ...
 <body> <dl> </ dl> </ body> 
Kemudian tambahkan judul definisi ...
 <body>
 <dl>
 <dt> 10 Amandemen
 </ Dl>
 </ Body>
10 Amandemen

Dan kemudian definisi ...
 <body>
 <dl>
 <dt> 10 Amandemen
 <dd> Kekuasaan yang tidak didelegasikan kepada Amerika Serikat oleh 
      Konstitusi, atau dilarang oleh ke Amerika, yang 
      dicadangkan ke Amerika masing-masing, atau untuk rakyat.
 </ Dl>
 </ Body>
10 Amandemen
Kekuasaan yang tidak didelegasikan kepada Amerika Serikat oleh Konstitusi, atau dilarang oleh ke Amerika, dicadangkan ke Amerika masing-masing, atau untuk rakyat.

Sebagai sentuhan akhir saya ingin membuat judul definisi berani. Ini tidak diperlukan, tapi saya pikir itu terlihat jauh lebih baik begitu.
 <body>
 <dl>
 <dt> <b> Amandemen 10 </ b>
 <dd> Kekuasaan yang tidak didelegasikan kepada Amerika Serikat oleh
     Konstitusi, atau dilarang oleh ke Amerika, yang
     dicadangkan ke Amerika masing-masing, atau untuk rakyat.
 </ Dl>
 </ Body>
10 Amandemen
Kekuasaan yang tidak didelegasikan kepada Amerika Serikat oleh Konstitusi, atau dilarang oleh ke Amerika, dicadangkan ke Amerika masing-masing, atau untuk rakyat.
Lain widget kecil yang Anda akan menemukan diri menggunakan banyak adalah Aturan Horisontal.
 <body>
 <hr>
 </ Body>


Kami memiliki beberapa pilihan tersedia untuk kita ...
 <body>
 <hr width="20%">
 <hr width="50%">
 <hr width="100%">
 <hr width="20">
 <hr width="50">
 <hr width="100">
 </ Body>






Hati-hati dengan lebar mutlak yang besar, seperti lebar = "1000". Jika pengunjung Anda menjalankan resolusi layar 1024x768 atau lebih besar, lebar <hr> dari 1000 tidak ada masalah. Tapi jika dia berjalan pada resolusi yang lebih rendah (seperti 800x600 ... yang banyak orang lakukan) aturan horisontal Anda akan berjalan dari sisi kanan layar. Jika Anda ingin mengubah panjang default aturan horisontal, terbaik gunakan nilai persentase.

Atribut ini cukup jelas.
 <body>
 <hr width="60%" align="left">
 <hr width="60%" align="right">
 <hr align="center" width="60%">
 </ Body>




Kita dapat mengontrol ketebalan garis ...
 <body>
 <hr width="60%" size="1">
 <hr width="60%" size="3">
 <hr width="60%" size="8">
 <hr width="60%" size="15">
 </ Body>






Dan kita dapat membuat garis yang solid.
 <body>
 <hr width="60%" size="1" noshade>
 <hr width="60%" size="3" noshade>
 <hr width="60%" size="8" noshade>
 <hr width="60%" size="15" noshade>
 </ Body>





Anda juga dapat warna aturan horisontal. (Meskipun tidak termasuk dalam spesifikasi HTML resmi, atribut warna dalam <hr> yang didukung oleh browser yang paling umum.)
 <body>
 <hr width="60%" size="1" noshade color="#ff9900">
 <hr width="60%" size="3" noshade color="#99ff00">
 <hr width="60%" size="8" noshade color="#9900ff">
 <hr width="60%" size="15" noshade color="#ff0099">
 </ Body>




Anda akan melihat hasilnya adalah warna solid ... seakan noshade berwarna. Hal ini cukup konsisten di seluruh browser yang mendukungnya. Jika Anda akan menggunakan atribut warna, Anda mungkin ingin meninggalkan noshade di sana. Dengan cara itu sesekali browser yang tidak mendukung warna hanya akan default untuk warna keabu-abuan.
Ingat ketika saya mengatakan bahwa browser tidak memahami format, itu hanya menampilkan teks dalam aliran? Jenis seperti ini ...
 <body>
              / / / \ \ ___
              (@ @)
   OOO ---- +---- (_)-----------+
   | Barry Goldwater |
   | Untuk |
   | Presiden |
   OOO ----- +----------------- +
             |__|__|  
              | | | |
             Ooo ooo
 </ Body>
/ / / \ \ ___ (@ @) +---- OOO ---- (_)-----------+ | Barry Goldwater | | untuk | | Presiden | +---- OOO ----- + ------------- |__|__| | | | | ooo Ooo

Nah, dengan tag (preformat) <pre>, kita dapat menempatkan berhenti untuk itu dan memiliki hal-hal ditampilkan cara kita mengetiknya.
 <body>
 <pre>
              / / / \ \ ___
              (@ @)
   OOO ---- +---- (_)-----------+
   | Barry Goldwater |
   | Untuk |
   | Presiden |
   OOO ----- +----------------- +
             |__|__|  
              | | | |
             Ooo ooo
 </ Pre>
 </ Body>
              / / / \ \ ___
              (@ @)
   OOO ---- +---- (_)-----------+
   | Barry Goldwater |
   | Untuk |
   | Presiden |
   OOO ----- +----------------- +
             |__|__|  
              | | | |
             Ooo ooo
Perhatikan bahwa font monospace digunakan.

Yang tag terakhir yang kita akan membahas adalah sebuah komentar.
 <body>
 <- Ini adalah komentar .-->
 Ini tidak.
 Komentar dapat ditempatkan di manapun dalam dokumen dan browser
 akan mengabaikan segala sesuatu di dalam tanda kurung.  Anda dapat menyisipkan tersembunyi
 pesan, <- Hi Mom -!> catatan untuk diri sendiri, <-! Ambil susu -> atau
 membantu menulis pesan kepada seseorang melihat sumber Anda
 Halaman <-! Salin apa pun dari saya dan Anda bangkai -!>.
 </ Body>
Ini tidak. Komentar dapat ditempatkan di manapun dalam dokumen dan browser akan mengabaikan segala sesuatu di dalam tanda kurung. Anda dapat menyisipkan pesan tersembunyi, catatan untuk diri sendiri, atau menulis pesan membantu seseorang melihat sumber halaman Anda.
Hanya untuk benar-benar jelas, komentar harus dimulai dengan <- dan diakhiri dengan ->
Anda dapat (biasanya) bahkan memasukkan tag html lain di komentar dan mereka akan diabaikan. Browser hanya akan terus mengabaikan segala sesuatu yang sampai melihat ->
Jika Anda pernah melihat sebuah jalan kota yang sibuk ... mobil terbang cara ini dan itu ... orang berjalan sekitar dan melintasi jalan-jalan ... itu hampir mengherankan bahwa mereka semua tidak hanya menabrak satu sama lain. Alasan mereka tidak (atau tidak terlalu sering) adalah karena standar ... atau dikenal sebagai hukum lalu lintas.
Nah, HTML banyak cara yang sama. Selama bertahun-tahun, standar telah dikembangkan yang, sementara tidak "hukum", adalah panduan untuk struktur HTML dan terbentuk dengan baik halaman web sehingga segala sesuatu bekerja seperti yang diharapkan. HTML standar saat ini (atau spesifikasi) adalah HTML 4.01. Ada tiga variasi dari standar ini ...
  • HTML 4.01 Transitional
  • HTML 4.01 Frameset
  • HTML 4.01 Strict
Rasa HTML yang telah kita pelajari di sini adalah HTML 4.01 Transisi. Ini adalah spesifikasi HTML yang kurang ketat yang memungkinkan markup yang lebih tradisional. Belum lagi itu jauh lebih mudah bagi pemula untuk belajar. :-)
HTML 4.01 Frameset adalah spesifikasi yang berhubungan dengan halaman berbingkai dan kita akan masuk ke bahwa dalam Bingkai Tutor .
HTML 4.01 Strict berusaha untuk benar-benar terpisah markup presentational (warna, font, perbatasan, keselarasan, dll) dari markup struktural (paragraf, daftar, jeda baris, tabel, dll). Hal ini dicapai dengan menggunakan HTML markup agak terbatas dan kaku untuk struktur dokumen, dan CSS (Cascading Style Sheets) untuk item penyajian.
Ok Joe, itu semua baik dan bagus, tetapi apa yang harus dilakukan dengan HTML aku belajar hari ini?
Pertanyaan bagus. Ini pengenalan yang sempurna untuk belajar tentang Deklarasi Tipe Dokumen dan Validasi.
Berikut sebuah dokumen HTML sederhana ...
 <html>
 <head>
 <title> halaman besar Saya buruk ole </ title>!
 </ Head>
 <body>
 Halo Joe!
 </ Body>
 </ Html>
Sekarang tambahkan sebuah deklarasi DOCTYPE di bagian paling atas ...
 <DOCTYPE html PUBLIC "- / / W3C / / DTD HTML 4.01 Transitional / / EN" 
  "Http://www.w3.org/TR/html4/loose.dtd">
 <html>
 <head>
 <title> halaman besar Saya buruk ole </ title>!
 </ Head>
 <body>
 Halo Joe!
 </ Body>
 </ Html>
Ini adalah Document Type deklarasi untuk HTML 4.01 Transisi. Ini memiliki dua tujuan.
Satu, untuk memberitahu browser web atau "agen pengguna" lain yang spesifikasi dokumen menggunakan. (Yang mengatakan, untuk hampir semua web browsing normal, browser dapat dengan mudah melakukannya tanpa itu dan proses HTML Anda dengan cara yang sempurna tepat.)
Dan dua, yang lebih penting, itu membantu dengan validasi.
Validator HTML tidak lebih dari sebuah program perangkat lunak yang memindai HTML markup Anda mencari kesalahan. Dalam rangka untuk bekerja dengan baik, Anda harus terlebih dahulu memberitahu validator yang spesifikasi Anda ingin sesuai dengan. Dalam dokumen kita di atas, kita memberitahu validator untuk memeriksa dokumen kami terhadap spesifikasi HTML 4.01 Transisi.
Hal berikutnya yang Anda butuhkan adalah sebuah validator. Validator yang paling populer dapat ditemukan di situs web dari World Wide Web Consortium ... orang-orang yang menulis spesifikasi.
Untuk memvalidasi HTML Anda, pertama buka validator.w3.org di jendela browser lain. Anda akan menemukan tiga pilihan untuk input. Cari bagian yang diberi label "Validasi oleh input langsung". Sekarang salin kode HTML di atas ke dalam kotak itu dan klik tombol Periksa. Hasilnya harus berlaku HTML 4.01 Transisi.
Sekarang, mari kita bermain sedikit. Kami sengaja akan membuat kesalahan dalam dokumen HTML. Kami akan membungkus "Halo Joe!" dalam dua tag penutup tebal ...
 <DOCTYPE html PUBLIC "- / / W3C / / DTD HTML 4.01 Transitional / / EN"
 "Http://www.w3.org/TR/html4/loose.dtd">
 <html>
 <head>
 <title> halaman besar Saya buruk ole </ title>!
 </ Head>
 <body>
 </ B> Halo Joe! </ B>
 </ Body>
 </ Html>
Sekarang salin dan paste HTML ini doc diubah menjadi validator dan memeriksa. Anda akan perhatikan itu memberitahu kita bahwa ada kesalahan. Anda dapat melihat bagaimana validasi tersebut dapat sangat berguna.
Saya kira saya harus sangat jelas di sini ... validator HANYA pemeriksaan untuk atribut HTML dan tepat struktural yang benar terhadap spesifikasi tertentu. Ini tidak akan memeriksa link yang rusak, itu tidak menjamin bahwa halaman Anda akan terlihat baik di semua resolusi, tidak pastikan gambar Anda dapat ditemukan dan tidak pastikan bahwa Anda tidak menggunakan biru gelap teks pada latar belakang hitam. Pikirkan validator sebagai inspektur yang mengesahkan mobil Anda memiliki 4 roda dan pintu yang terbuka, namun tidak memiliki kontrol atas bagaimana Anda berkendara ...

1 comment:

  1. mantep ni blognya...ngebantu bnaget.....jgn lupa kunjungi website yang baru saya buat ya di http://jssmaster.com

    ReplyDelete

Iklan