Minggu ini kita mempelajari tiga bagian klien, dasar tata bahasa xhtml, css dan javascript.
Pertama: Mengenai atribut (tanda) xhtml -
1. Atribut formulir <form action="form handler url" method="gei/post">
2. <id="" name="">Kedua atribut ini adalah nomor identifikasi unik dan perbedaan nama formulir. Menurut pekerjaan rumah pribadi saya dan penggunaannya minggu ini, sebagian besar digunakan dalam kontrol seperti <form> <input>.
3. Atribut kontrol <input>, <select> dan <option>, <textarea>;
<input> adalah kontrol yang didefinisikan berbeda dari atribut type. Total ada 10 tipe, termasuk kotak teks, multi-pilih, pilihan radio , dan kotak kata sandi. Kirim dan batalkan dll. Digunakan untuk kontrol yang berbeda sesuai dengan kebutuhan yang berbeda.
<select> dan <option> digunakan bersama untuk mengontrol menu drop-down. Format dasar:
<select name="" id="">
<option value="">xx</option>
</select>
<textarea> digunakan untuk membuat kotak teks multi-baris.
4. Atribut definisi yang umum digunakan: font-family: menentukan gaya font seluruh halaman; ukuran font: ukuran font; lebar: tinggi: tinggi; />Baris kosong&nbps ;Ruang kosong
kedua
: halaman kontrol css
1. Aturan gaya: Dalam menggunakan tataletak
gaya css, format dasarnya adalah sebagai berikut
selector {
atribut 1: nilai 1
atribut 2: nilai 2
;
di <head> Menambahkan <style type="text/css"> ke </head> akan memanggil fungsi terkait css
2. Penyeleksi: pemilih elemen, pemilih kelas, pemilih id, pemilih penyertaan, pemilih wildcard, dan pemilih semu Kelas dan pseudo- pemilih elemen. (Untuk fungsi dan penggunaan masing-masing pemilih, silakan merujuk ke Buku 54-56)
3. Posisi aturan gaya:
Total ada tiga bentuk - eksternal, inline, dan tertanam.
Koneksi eksternal adalah membuat file .css di file level yang sama dengan file halaman yang dihasilkan, dan kemudian menulis kode atribut efektif dalam bentuk teks di .css.
Dandipanggil
dengan <link rel="stylesheet" type="text/css" ref="style sheet url"> di file halaman
. Metode ini cocok untuk beberapa halaman menggunakan gaya yang sama.Penyematan adalah atribut css yang umum digunakan, yaitu menambahkan <style type="text/css"> ke <head></head> dan menggunakan
pemilih {
atribut 1: nilai 1
atribut 2: nilai 2
; . .
}
digunakan dalam formulir ini.
Inline artinya menggunakan atribut style setelah elemen untuk menandai style saat ditampilkan. Pada dasarnya sebagian besar tag html memiliki atribut style.
4. Templat kotak css dan tumpang tindih
(1) margin: batas margin: padding batas: jarak batas (lihat buku 53 untuk detailnya)
(2) unit atribut css: (lihat halaman 57-65 buku untuk detailnya)
(3) div -css Tata letak halaman:
Ini adalah poin kuncinya. Tidak hanya atribut <table> yang dapat mengatur tata letak seluruh halaman, tetapi <div> yang umum digunakan lebih nyaman dan ringkas.
Ketiga:
Hanya ada tiga poin yang perlu dikuasai
dalam sintaks dasar dan lanjutan JavaScript
:1. <script type="text/javascript"> Ini sama dengan memanggil atribut css.
document.write("Hello") setara dengan arti printf dalam bahasa C, dan bisa juga diganti dengan alert.
2. Pengendali peristiwa: Ada 4 poin dalam poin pengetahuan ini, dan masih banyak lagi. Silakan lihat pengenalan rinci di halaman 81-95 di pohon.
3. Sintaks tingkat lanjut: Mirip dengan tipe data, loop, urutan, dan seleksi dalam bahasa C. Perbedaannya hanya sedikit:
(1) Untuk mendefinisikan tipe data, tidak perlu mendefinisikannya secara eksplisit, cukup gunakan var.
(2) Perhitungan tipe data yang berbeda tidak sejelas bahasa C. Misalnya var 'a' b, tipe karakter dan tipe data, juga bisa menghitung c='a'-b.
(3) Menambahkan operator string.
4. Pemanggilan fungsi: Ini mirip dengan bahasa C. Saya akan menggunakan contoh untuk mengilustrasikannya:
<!doctype html public "-//w3c//dtd xhtml 1.0 Transitional//en" " http://www.w3. org /tr/xhtml1/dtd/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml " xml:lang="en" lang="en">
<kepala>
<title>penjumlahan javascript</title>
<skrip tipe="teks/javascript">
fungsi jumlah1(m){
var saya ,n=1;
untuk(i=1;i<=m;i++){
n=1/i*n;
}
kembali n;
}
jumlah fungsi(n){
var i,s=0;
untuk(i=1;i<=n;i++){
s=s+jumlah1(saya);
}
peringatan;
}
</skrip>
</kepala>
<tubuh>
<bentuk tindakan="#" metode="dapatkan">
1+1/2!+1/3!+1/4!....1/10!=
<input type="button" value="Jumlah" onclick="jumlah(10);"
</bentuk>
</tubuh>
</html>
Pertanyaan ini menggunakan pemanggilan fungsi untuk menghitung jumlahnya. Setiap orang harus dapat memahaminya - -! Pekerjaan rumah kami.
Oke, ini rangkuman saya minggu ini, semoga bermanfaat bagi semuanya.