Sebelum menjelaskan kursus ini: mari kita lihat apa itu browser:
Browser yang disebut adalah alat yang dapat menafsirkan dan menjalankan kode HTML. Ada konsep lain yang perlu kita ketahui, browser! = IE, IE hanyalah salah satu browser. Selain IE, ada banyak browser, Anda dapat mengetahuinya oleh Google. Kami tidak akan membahas detailnya.
Pertama, mari kita mengerti apa itu html
Apa itu htmlNama lengkap HTML: Hyper Text Mark-Up Language (Hyper Text Mark-Up Language). Ini adalah teks yang menjelaskan penampilan halaman web dan konten halaman web. Alasan mengapa HTML dapat menunjukkan berbagai efek adalah fungsi browser.
Konten Tambahan: Di sini kami akan memperluas beberapa konten, yang merupakan teks HTML yang sama, dan efeknya mungkin berbeda tanpa browser. Ini karena beberapa browser muncul lebih dulu, dan kemudian standar yang sesuai tersedia. Mengingat situasi ini, kita dapat menggunakan ietester untuk menguji masalah kompatibilitas dari kode HTML yang sama pada browser yang berbeda.
2. Halaman statis dan halaman dinamis
Hal lain yang perlu kita ketahui adalah perbedaan antara halaman statis dan halaman dinamis.
Pertama -tama, halaman situs web dibagi menjadi halaman statis dan halaman dinamis.
Halaman statis: Semua halaman statis dengan sufiks HTML atau HTML adalah halaman statis, dan ada halaman HTML tetap di server.
Halaman Dinamis: Tidak ada halaman di server yang perlu diteliti pengguna, tetapi server dapat secara dinamis menghasilkan halaman HTML yang diperlukan oleh pelanggan dan kemudian menampilkannya kepada pelanggan.
Untuk meringkas perbedaan antara keduanya dalam satu kalimat: halaman dinamis menjalankan kode sisi server, halaman statis tidak menjalankan kode sisi server (Anda dapat mempelajarinya terlebih dahulu, tidak apa-apa, setelah semua, halaman statis adalah fokus diskusi kami hari ini)
3. Bagaimana cara menulis halaman HTML?
Ada banyak alat untuk menulis HTML. Saya percaya semua orang tahu Notepad, dan Anda dapat menulis halaman HTML dengan Notepad. Tentu saja, Anda juga dapat menulis dengan notepad canggih seperti editplus/ultraedit, atau menggunakan alat seperti Dreamweaver.
Gambar berikut adalah struktur dasar dari halaman web HTML
Dari gambar di atas, kita dapat melihat bahwa semua konten ada di dalam tag <html> </html>; <Head> </HEAD> menempatkan informasi kepala, dan deskripsi halaman tidak akan ditampilkan di halaman. Judul halaman diatur di <iteme> </iteme>, dan <iteme> hanya dapat ditempatkan di <head>; <body> </body> adalah badan utama halaman, dan teks dalam tag ini akan ditampilkan di halaman web. Tentu saja semua halaman harus berisi setidaknya bagian -bagian ini.
Kiat: Jika tag akhir tag judul tidak ditutup, seluruh halaman tidak akan ditampilkan.
4. Persamaan dan perbedaan antara HTML dan XML
Kesamaan: Mereka semua adalah bahasa markup, mereka dapat diakses melalui DOM, dan mereka dapat diubah melalui CSS
Perbedaan:
XML lebih ketat dari sintaks HTML: Jika ada tag awal, Anda harus memiliki tag akhir, casing yang konsisten, kutipan ganda atribut, dll. XML berfokus pada penyimpanan data, sementara HTML berfokus pada tampilan data.5.xhtml dan dhtml
XHTML: Bahasa markup yang dapat diperluas, adalah HTML yang lebih sesuai dengan spesifikasi sintaks XML. Munculnya XHTML terutama untuk beralih ke XML. XHTML Membutuhkan: Semua huruf kecil, tag pemasangan, dan atribut dalam kutipan ganda.
DHTML: Singkatan HTML dinamis adalah HTML dinamis. Kombinasi HTML, Stylesheets, dan JavaScript
Suplemen: Standar web bukan standar, tetapi kumpulan serangkaian standar.
Halaman web terdiri dari tiga bagian: struktur, kinerja dan perilaku
Struktur: Teks, gambar, dan bahasa yang sesuai lainnya: xml, xhtml
Ekspresi: Juga dikenal sebagai gaya, seperti ukuran dan warna teks, dll. Ini juga dicapai melalui gaya. CSS
Perilaku: Efek dinamis klien umumnya diselesaikan melalui JavaScript. Dom, ecmascript
Selanjutnya, mari kita ke topik: Pelajari tag yang umum digunakan untuk HTML.
6.HTML Tag
01, H tag (judul), HTML mendefinisikan enam t tag dari <h1> </h1> ke <h6> </h6>, mewakili font masing -masing dari berbagai ukuran. H1 adalah yang terbesar dan H6 adalah yang terkecil.
02, <br/> cukup masukkan, itu adalah tag yang menutup dirinya
03, <p> adalah segmentasi. <p> Akan ada ruang kosong yang relatif besar sebelum dan sesudah, tetapi tidak akan ada.
04, <Tenter> Center </Center> Center> Center. (Tidak disarankan)
05, <b> a </b> tebal, direkomendasikan. <i> b </i> miring. <u> c </u> digarisbawahi. <em> Empress, Italic </em>
06, <font> </font> tag font, <font color = "red" size = "7" face = "lishu"> red </font>
07, <Hr> Sifat umum dari garis horizontal: ukuran warna (ketebalan) lebar (panjang) align = kiri/tengah/kanan (default ditampilkan dalam permainan)
7.html Karakter Khusus
& quot;
& & amp;
<& lt;
> & gt;
Space & nbsp;
© & Salin;
® & Reg;
² & sup2;
¥ & yen;
³ & sup3;
8. Ekstensi Format Gambar
9. Tag Gambar: <img alt = "Teks prompt saat tidak dapat ditampilkan">
ALT: Teks cepat saat gambar tidak dapat ditampilkan.
10. Hyperlink:
HREF menunjuk ke halaman target yang akan terhubung, target yang menunjuk ke jendela target adalah nilainya, dan nilainya diambil
_blank: buka di jendela baru
_Self: Buka di jendela Anda sendiri
_parent: Buka di jendela induk
_top: berarti membuka di jendela tingkat atas
Nama bingkai: Buka di bingkai yang ditentukan. (mempelajari)
Tautan jangkar: 01 Atur posisi jangkar
<a name = showbigimg> <img src = gambar/02.jpg> </a>
02. Memanggil jangkar
<a href =#showbigimg> Lihatlah wanita cantik </a>
11. Daftar di html:
Dibagi menjadi daftar yang tidak dipesan, daftar yang dipesan dan daftar yang ditentukan
Mari kita lihat diagram efek tampilan dari berbagai daftar
Daftar yang tidak dipesan:
<ul>
<li> </li>
<li> </li>
</ul>
Daftar yang dipesan
<Ol>
<li> </li>
<li> </li>
</ol>
Daftar Definisi:
<dl>
<dt> China </dt>
<dd> Shanghai </dd>
<dd> Guangzhou </dd>
<dd> beijing </dd>
</ll>
Nilai tipe bisa: 1 , a, a, i, i, disk, lingkaran, persegi.
12. Tabel: Menampilkan data reguler, kadang -kadang digunakan untuk tata letak.
Seperti dapat dilihat dari gambar di atas, tabel terdiri dari baris dan kolom, baris diwakili oleh TR dan kolom diwakili oleh TD. Anda juga dapat menggunakan RowsPan (Baris Gabungkan), Colspan (dan paralel) untuk menggabungkan sel.
Latihan 1: Gunakan kode HTML untuk mengeluarkan tabel
Latihan 2: Baris silang dan kolom silang tabel
13. Formulir
Tindakan mengirimkan data ke halaman ini secara default
Jika Anda ingin mengirimkan data ke server, Anda harus memasukkan elemen formulir seperti <sput>, <textArea>, <Colly>, dll ke dalam formulir. Nilai jenis input adalah sebagai berikut:
Atribut yang diperiksa disiapkan untuk tombol radio dan kotak centang.
Tombol radio digunakan untuk satu set nilai yang saling eksklusif, diagram efeknya adalah sebagai berikut
Diagram efek kotak centang adalah sebagai berikut
Ada tiga jenis tombol utama: Tombol kirim, tombol reset dan tombol normal
Kotak daftar drop-down
tata bahasa:
14. Kotak teks multi-line:
<TextArea> Teks </textarea>, cols = "50", baris = "15" atribut mewakili jumlah baris dan kolom.
Penggunaan elemen bentuk umum:
Ini adalah akhir dari diskusi kami tentang HTML hari ini.