|
HTML & CSSringkasan 1. htmlFormat dasar <html> <head> <title> </title> </head> <body> </body> </html> 2. htmlAturan tata bahasa untuk tag <Atribut Nama Tag1=nilai properti1" atribut2=nilai properti2”>Tag</Nama tag> 3. Tag hyperlink <a href="ke mana harus melompat" ></a> Fungsi: Lompat halaman. Pertanyaan: Jika Anda ingin membuat gambar (picture1.jpg) hiperterkonektif, bagaimana Anda harus menulisnya? <a href=""><img src="picture1.jpg" /></a> 4. Sintaks tabel <table> <tr> <td> Bentuk kecil </td> <td>Konten</td> </tr> </table> Catatan: Isi formulir harus ditulis dalamtddi dalam 5. Atribut umum tabel a) Tabel:border=Jumlah(Bezel) bordercolor=Warna batasbgcolor=Warna latar belakangcellspacing=Angka (jarak antar sel) cellpadding=number (jarak antara konten dan batas tabel)tinggi ="Angka tetap|persentase%"Tinggilebar="Angka tetap|persentase%"Lebar b) Tr: bgcolor =Warna latar belakangtinggi ="Angka tetap|persentase%"Tinggilebar="Angka tetap|persentase%"Lebarwarna batas c) Td: bgcolor =Warna latar belakangtinggi ="Angka tetap|persentase%"Tinggilebar="Angka tetap|persentase%"Lebarcolspan=Angka (Gabungkan Kolom)rowspan=Angka (Gabungkan Baris)warna batas Pertanyaan: Bagaimana cara mengatur ketebalan dan warna batas saat gambar berada di tengah? Lebar batas Warna batas 6. Bentuk a) Fungsi: Kirim data ke server b) Sintaks:<bentuk ></form> c) Elemen bentuk 1. masukanTag i. Teks<input type=text /> ii. Kata Sandi<jenis input = kata sandi /> iii. Pilihan tunggal<Jenis masukan=nama radio="Nama sama" /> iv. Pilihan ganda<input type=kotak centang /> v. tombol<input type=tombol /> Kirim<jenis input = kirim /> Atur ulang<input type=reset> Atribut: Teks:ukuran=Panjang teksmaxlength=Karakter maksimum dapat dimasukkan Pilih:diperiksaDipilih secara default Tombol:nilai=Teks yang ditampilkan di atas tombol 2Label Drop-down: Sintaks, Properti <pilih beberapa(Beberapa pilihan dimungkinkan)ukuran=Anda dapat melihat jumlah opsi> <opsi dipilih(Dipilih secara default)>Konten</option> </select> 7. CSSLembar gaya bertingkat Fungsi: Perkaya konten dan kurangi volume kode Penulisan: Tempat (3spesies) 1. Dalam baris:Menambahkan atribut langsung ke taggaya="properti:Nilai atribut;…” 2. Menyematkan:dikepalaPenulisan Label:<jenis gaya="teks/css"> Pemilih{Properti:Nilai atribut;…} </style> Poin3Pemilih dasar:htmlPemilih,KelasPemilih kelas (.nama kelas),IdPemilih (#idNama) adalah satu-satunya 3. Eksternal:Buat yang terpisah.css, lalu tambahkan kode referensi ke halaman yang ingin Anda gunakan, ya2Jenis tulisan Ingat a: dikepalaTambahkan tag di dalam<link rel="stylesheet" type="text/css" href="nama file stylesheet.css”> Catatan: Jika ada konflik dalam stylesheet, prioritaskan sebaris sebelum menggunakan sebaris dan terakhir gunakan di luar Pertanyaan: PenggunaanDIV+CSStata letak danTabelPro dan kontra tata letak? 8. Pseudoclass (pemilih) a:link {color: #FF0000} /* link yang belum dikunjungi */ a:dikunjungi {warna: #00FF00} /*Tautan yang telah dikunjungi*/ a:hover {color: #FF00FF} /* Mouse bergerak ke tautan */ a:aktif {warna: #0000FF} /*Tautan yang dipilih*/ 9. DIV(Model Kotak) Fungsi: PenggantiTabelTabel Menulis:<div>Konten (dapat bersarang.)div）</div> Penggunaan: Atur lebar dan tinggi, dapat dikombinasikanposisiAtribut Properti Umum: 1. Perbatasan: Ketebalan kotak 2. Margin: jarak antar kotak 3. Bantalan: jarak antara isi kotak dan kotak. 4. Tinggi、lebar: Tinggi, lebar 5. Latar belakang: Warna kotak, pola 6. mengapung: Kursi kotakKiri、Kanan 10. LulusPenenun MimpiMembuat templat Fungsi: Mencapai gaya situs web yang sama, mengurangi jumlah kode, dan meningkatkan efisiensi pengembangan situs web Cara membuat dan menggunakan templat 1. Buat: file à new à regular à HTMLtemplatà Buat 2. Simpan: Simpan ke situs web Anda sendiri, catatan: Jalur yang benar adalah folder Template akan muncul di bagian bawah situs web, yang menyimpan file template (.dwt） 3. Menulis: Sama seperti menulis halaman biasa, mengatur huruf dan menulis gaya konten yang sama di situs web. Untuk konten yang berbeda, Anda perlu membuat area yang dapat diedit (arahkan kursor ke area pengeditan yang ingin Anda buat à klik kanan dan pilih Templat à Area baru yang dapat diedit) 4. Buat halaman berdasarkan template: File à New à Template à Pilih template yang akan digunakan 11. Penenun MimpiPoin pengetahuan terkait A. LulusPenenun MimpiMembuat situs web: Situsà Situs baru à advanced à informasi lokal Beri nama situs dan atur jalur ke situs Catatan: Jalur situs tidak boleh dalam bahasa Mandarin BKeakrabanPenenun MimpiKita perlu tahu cara mengeluarkan tag dasar yang kita pelajari sebelumnya Fokusnya adalah pada tipografi halaman melalui tabel CDalamPenenun MimpiMenggunakan hyperlink (alamat relatif dan absolut) 12. CSSAtribut umum border:1px solid #000000; /*dari perbatasan3Atribut umum*/ lebar; tinggi; /*Atur lebar dan tinggi*/ Menyelaraskan teks /*Atur konten ke tengah kiri dan kanan*/ tinggi garis /*Konten penyesuaian berpusat ke atas dan ke bawah*/ mengapung /*Mengapung(Mengambang harus digunakan untuk membuat hyperlink horizontal)*/ margin /*Atur jarak luar kotak*/ bantalan /*Atur jarak di dalam kotak*/ posisi /*Pemosisian, untuk bersama nantikiri atasGunakan bersama*/ color:#000000; /*Atur warna teks*/ background-color:#000000; /*Atur warna latar belakang*/ font-size:14px; /*Mengatur ukuran font*/ dekorasi teks /*Atur apakah hyperlink digarisbawahi, umumnya digunakanmenggarisbawahiatautidak ada*/ list-style-type:none; /*Gaya hyperlink (tanpa titik)*/
2013HTML复习.doc
(44 KB, Jumlah unduhan: 0, Harga jual: 1 Biji-bijian MB)
| 
Diposting pada 09/11/2014 10.42.19
|
|
|
Diposting pada 10/11/2014 13.27.37
