Friday, August 19, 2011

Html part 1

Sama seperti "mengikuti bola memantul", power up Notepad dan mulai dengan ini ...
 <html> 
  </ Html>
Masing-masing dari mereka disebut tag. Ada tag awal dan tag penutup. Untuk membuat tag penutup cukup tambahkan / untuk tag awal. Kebanyakan, tetapi tidak semua tag memiliki tag penutup. Pikirkan tag sebagai melampirkan sedikit teks untuk browser untuk menafsirkan. Browser akan menginterpretasikan apa yang ada antara <html> dan </ html> sebagai dokumen HTML. Tag yang berbeda ditafsirkan cara yang berbeda oleh browser. Mari kita lanjutkan ...

Setiap dokumen HTML membutuhkan sepasang tag kepala.
 <html>
 <head> 
  </ Head>
 </ Html>

Satu-satunya kita harus menyibukkan diri dengan dalam tag kepala (untuk sekarang) adalah tag judul.
 <html>
 <head>
 <title> </ title>
 </ Head>
 </ Html>

Dan sebagian besar halaman akan berada dalam tag tubuh.
 <html>
 <head>
 <title> </ title>
 </ Head>
 <body> 
  </ Body>
 </ Html>

Oh, dan satu hal lagi, beri judul dokumen Anda, dan memasukkan sesuatu ke dalam tubuh.
 <html> <head> <title> halaman besar Saya buruk ole </ title> </ head> <body> Halo Joe! </ body> </ html> 
Sekarang simpan, bukan sebagai dokumen teks, tetapi sebagai sebuah dokumen html. Simpan sebagai page1.html dalam sebuah folder baru di suatu tempat. Jika Yer agak kabur tentang bagaimana melakukan ini maka di sini adalah apa yang Anda lakukan ...
Pada jendela Notepad klik File kemudian Anda Simpan Sebagai.
Anda akan disajikan dengan kotak dialog Save As. Buat folder baru dengan mengklik ikon Folder Baru dalam kotak dialog Save As.
Ikon New Folder akan terlihat seperti ini -> Folder Baru ikon
Nama folder baru apa pun yang Anda inginkan. Kemudian dobel klik di atasnya untuk membukanya. Sekarang Anda siap untuk menyimpan file ke folder yang baru saja Anda buat. Mana dikatakan File name: ketik page1.html mana dikatakan Save as type: pastikan ia mengatakan Semua (*.*) Files
Hit kembali dan Anda selesai!
Selamat! Anda adalah orang tua bangga Halaman Web yang berfungsi penuh! Anda bisa meng-upload ke server dan seluruh dunia dapat melihat kreasi Anda! Jika Anda menggunakan Internet Explorer, file yang Anda buat akan terlihat seperti ini ...
HTML file icon
(Jika ikon Anda adalah sedikit berbeda, itu tidak biggie)
Anda harus dapat klik dua kali pada sekarang dan melihat hasil hasil karya Anda .
Sekarang, itu umum bagi orang untuk terjebak di sini menyimpan file. Jika Anda terjebak, hanya bersabar. Bila Anda menyimpannya, mengingat di mana Anda menyimpannya. dan pastikan Anda menyimpannya dengan ekstensi file. html
Pesanan berikutnya dari bisnis adalah untuk mulai menempatkan beberapa hal Neato dalam halaman Anda.
Cara terbaik untuk menggunakan tutorial ini adalah untuk menjalankan Notepad dan dua contoh dari browser web Anda. Satu jendela browser yang berisi tutorial ini dan yang lainnya berisi halaman baru Anda. Hanya beralih antara tiga jendela. Anda dapat membuka contoh kedua browser Anda dalam satu dari dua cara ...
1) Cari ikon dari file html yang baru saja dibuat (page1.html) dan klik dua kali di atasnya. Atau ...
2) Dalam browser Anda, klik File / Open File (atau sesuatu yang mirip dengan itu) dan browse ke file (page1.html).
Tiga poin cepat sebelum kita pergi ke pelajaran berikutnya:
  1. Apa yang Anda dibuat adalah kerangka dokumen HTML. Ini adalah informasi minimum yang diperlukan untuk dokumen web dan semua dokumen web harus berisi komponen-komponen dasar.
  2. Judul dokumen adalah apa yang muncul di bagian paling atas dari jendela browser.
  3. Dari semua hal pada halaman web Anda, judul adalah apa yang mesin pencari menganggap paling ketika peringkat halaman. Pilih judul Anda hati-hati, dan menjaga mereka singkat.
Untuk menjaga hal-hal cleaner kecil saya hanya akan menulis apa yang ada di tag <body>. Aku akan menghilangkan tag <html>, <head> & <title>. Tak perlu dikatakan, menjaga dalam dokumen Anda.
 <body>
 </ Body>

Jenis sesuatu yang sangat keren.
 <body>
 Sesuatu yang benar-benar keren
 </ Body>
Sesuatu yang benar-benar keren

CATATAN PENTING: Setiap kali Anda membuat perubahan ke dokumen Anda, simpan saja, lalu tekan Segarkan / tombol Reload pada browser Anda Dalam banyak kasus hanya memukul tombol refresh tidak cukup melakukan trik.. Dalam hal ...
Pengguna Internet Explorer: Klik Refresh sambil menekan tombol CTRL.
Netscape / FireFox pengguna: Klik Reload sambil menekan tombol SHIFT.

Saya pikir hal pertama yang akan kita pelajari adalah bagaimana mengubah warna latar belakang.
 <body bgcolor="#ccffcc">
 Sesuatu yang benar-benar keren
 </ Body>
Sesuatu yang benar-benar keren
# Ccffcc adalah computerese untuk hijau cahaya. Berikut adalah beberapa lagi .
Topik warna dan browser agak menarik. Meskipun tidak terlalu penting untuk memahami bagaimana browser dan warna bekerja bersama di titik waktu ini, Anda mungkin ingin kembali ke bagian ini setelah pelajaran dan belajar tentang terkenal Netscape 216 warna .

Anda dapat menentukan gambar latar belakang sebagai gantinya. (Catatan, gambar harus dalam folder yang sama dengan file HTML anda Lebih lanjut tentang ini di bawah ini..)
 <body background="swirlies.gif">
 Sesuatu yang benar-benar keren
 </ Body>
Sesuatu yang benar-benar keren
Berikut gambar latar belakang
swirlies.gif
Agar gambar untuk muncul, browser harus dapat menemukannya. Untuk saat ini, kita ingin gambar berada di folder yang sama sebagai dokumen HTML Anda (page1.html). Cara termudah untuk melakukannya adalah dengan klik kanan pada gambar swirlies atas dan pilih Save Picture As (atau beberapa varian daripadanya). Browse ke mana pun Anda menempatkan page1.html dan menyimpan gambar di sana. Kemudian kita akan masuk ke hal ini dalam sedikit lebih detail.


Ini mungkin cukup jelas bahwa gambar ubin. Jika Anda menggunakan gambar kurus lama Anda bisa mendapatkan efek seperti ini ...
 <body background="bluebar.gif">
 Sesuatu yang benar-benar keren
 </ Body>
Sesuatu yang benar-benar keren
Berikut gambar latar belakang
bluebar.gif
FAQ: Saya telah melihat halaman di mana latar belakang adalah tetap dan halaman hanya gulungan di atasnya. Bagaimana saya bisa melakukan itu?
J: Sederhana ... menambahkan style = "background-attachment: fixed" untuk tag body ...
 <body background="mybackground.gif" style="background-attachment:fixed">
Berikut adalah contoh


Mari kembali ke layar biasa.
 <body>
 Sesuatu yang benar-benar keren
 </ Body>
Sesuatu yang benar-benar keren

Kita bisa membuat hal-hal tebal.
 <body>
 Sesuatu benar-benar <b> keren </ b>
 </ Body>
Sesuatu yang benar-benar keren
Apa yang kita (lebih atau kurang) memberitahu browser adalah: di <b> mulai membuat hal-hal yang berani, dan pada </ b> berhenti membuat hal-hal yang berani. Atau, mungkin sedikit lebih akurat, kami menyarankan untuk browser yang semua teks yang terkandung dalam elemen <b> harus diberikan berani.

Para Prinsip yang sama berlaku untuk miring ...
 <body>
 Sesuatu <i> benar-benar </ i> <b> keren </ b>
 </ Body>
Sesuatu yang benar-benar keren

... Dan menggarisbawahi.
 <body> <u> Sesuatu </ u> <i> benar-benar </ i> <b> keren </ b> </ body> 
Sesuatu yang benar-benar keren

Kembali lagi ke layar polos.
 <body>
 Sesuatu yang benar-benar keren
 </ Body>
Sesuatu yang benar-benar keren

Kita dapat menggunakan tag dalam kombinasi jika kita ingin ...
 <body>
 Sesuatu benar-benar <i> <b> keren </ b> </ i>
 </ Body>
Sesuatu yang benar-benar keren
Ini adalah contoh tag bersarang. Jika Anda akan menggunakan pasangan tag di kombinasi (yang mungkin Anda akan melakukan cukup sedikit), maka untuk menghindari membingungkan browser (belum lagi membingungkan diri sendiri) mereka harus bersarang, tidak tumpang tindih. Mari saya ilustrasikan ...
<- Tumpang Tindih tag .... buruk

<- Tag Bersarang .... baik                                                       

No comments:

Post a Comment

Iklan