Indonesia
Minggu ini kita mempelajari tiga bagian klien, dasar tata bahasa xhtml, css dan javascript.
Pertama: Mengenai atribut (tanda) xhtml -
1. Atribut formulir
2. 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 .
3. Atribut kontrol , dan , ;</p> <P><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.</p> <P><select> dan <option> digunakan bersama untuk mengontrol menu drop-down. Format dasar:</p> <P><select name="" id=""></p> <P><option value="">xx</option></p> <P></select></p> <P><textarea> digunakan untuk membuat kotak teks multi-baris.</p> <P>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</p> <P>kedua</p> <P>: halaman kontrol css</p> 1. Aturan gaya: Dalam menggunakan tata <P>letak</p> <P>gaya css, format dasarnya adalah sebagai berikut</p> <P>selector {</p> <P>atribut 1: nilai 1</p> <P>atribut 2: nilai 2</p> <P>;</p> <P>di <head> Menambahkan <style type="text/css"> ke </head> akan memanggil fungsi terkait css</p> <P>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)</p> <P>3. Posisi aturan gaya:</p> <P>Total ada tiga bentuk - eksternal, inline, dan tertanam.</p> <P>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.</p> Dan <P>dipanggil</p> <P>dengan <link rel="stylesheet" type="text/css" ref="style sheet url"> di file halaman</p> . Metode ini cocok untuk beberapa halaman menggunakan gaya yang sama. <P>Penyematan adalah atribut css yang umum digunakan, yaitu menambahkan <style type="text/css"> ke <head></head> dan menggunakan</p> <P>pemilih {</p> <P>atribut 1: nilai 1</p> <P>atribut 2: nilai 2</p> <P>; . .</p> <P>}</p> <P>digunakan dalam formulir ini.</p> <P>Inline artinya menggunakan atribut style setelah elemen untuk menandai style saat ditampilkan. Pada dasarnya sebagian besar tag html memiliki atribut style.</p> <P>4. Templat kotak css dan tumpang tindih</p> <P>(1) margin: batas margin: padding batas: jarak batas (lihat buku 53 untuk detailnya)</p> <P>(2) unit atribut css: (lihat halaman 57-65 buku untuk detailnya)</p> <P>(3) div -css Tata letak halaman:</p> <P>Ini adalah poin kuncinya. Tidak hanya atribut <table> yang dapat mengatur tata letak seluruh halaman, tetapi <div> yang umum digunakan lebih nyaman dan ringkas.</p> <P> </P> Ketiga: <P>Hanya ada tiga poin yang perlu dikuasai</p> <P>dalam sintaks dasar dan lanjutan JavaScript</p> : <P>1. <script type="text/javascript"> Ini sama dengan memanggil atribut css.</p> <P>document.write("Hello") setara dengan arti printf dalam bahasa C, dan bisa juga diganti dengan alert.</p> <P>2. Pengendali peristiwa: Ada 4 poin dalam poin pengetahuan ini, dan masih banyak lagi. Silakan lihat pengenalan rinci di halaman 81-95 di pohon.</p> <P>3. Sintaks tingkat lanjut: Mirip dengan tipe data, loop, urutan, dan seleksi dalam bahasa C. Perbedaannya hanya sedikit:</p> <P>(1) Untuk mendefinisikan tipe data, tidak perlu mendefinisikannya secara eksplisit, cukup gunakan var.</p> <P>(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.</p> <P>(3) Menambahkan operator string.</p> <P>4. Pemanggilan fungsi: Ini mirip dengan bahasa C. Saya akan menggunakan contoh untuk mengilustrasikannya:</p> <P><!doctype html public "-//w3c//dtd xhtml 1.0 Transitional//en" " <A href="http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">http://www.w3. org /tr/xhtml1/dtd/xhtml1-transitional.dtd</a> "><BR><BR> <html xmlns=" <A href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a> " xml:lang="en" lang="en"><BR> <kepala><BR> <title>penjumlahan javascript</title><BR><BR> <skrip tipe="teks/javascript"><BR><BR> fungsi jumlah1(m){<BR> var saya ,n=1;<BR> untuk(i=1;i<=m;i++){<BR> n=1/i*n;<BR> }<BR> kembali n;<BR> }<BR> jumlah fungsi(n){<BR> var i,s=0;<BR> untuk(i=1;i<=n;i++){<BR> s=s+jumlah1(saya);<BR> }<BR> peringatan;<BR> }<BR><BR> </skrip><BR> </kepala><BR> <tubuh><BR> <bentuk tindakan="#" metode="dapatkan"><BR> 1+1/2!+1/3!+1/4!....1/10!=<BR> <input type="button" value="Jumlah" onclick="jumlah(10);"<BR> </bentuk></p> <P></tubuh><BR> </html></p> <P>Pertanyaan ini menggunakan pemanggilan fungsi untuk menghitung jumlahnya. Setiap orang harus dapat memahaminya - -! Pekerjaan rumah kami.</p> <P>Oke, ini rangkuman saya minggu ini, semoga bermanfaat bagi semuanya.</p></span> </div> </div> </section> <footer class="footer_template"> <div class="w12_box"> <div class="clearfix"> <div class="l_item"> <img src="https://images.downcodes.com/newdown/images/down-logo-foot.png" alt=""> <div class="f_icon"> <a href="https://www.facebook.com/"></a> <a href="https://telegram.org/"></a> <a href="https://www.tiktok.com/"></a> <a href="https://www.youtube.com/"></a> </div> </div> <div class="r_item"> <dl> <dt>Products & Services</dt> <dd><a href="javascript:;">Install APK</a></dd> <dd><a href="javascript:;">APK signature verification</a></dd> <dd><a href="javascript:;">APK Download Service</a></dd> </dl> <dl> <dt>Company</dt> <dd><a href="javascript:;">Developer Console</a></dd> <dd><a href="javascript:;">Submit APK</a></dd> <dd><a href="javascript:;">Monetization of traffic through downcodes</a></dd> </dl> <dl> <dt>Legal</dt> <dd><a href="javascript:;">About us</a></dd> <dd><a href="javascript:;">Contact Us</a></dd> <dd><a href="javascript:;">Cooperation</a></dd> </dl> </div> </div> <p>© 2006-2024Copyright All rights reserves</p> </div> </footer> <!-- Matomo --> <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="//tongji.zhangwan.net/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '3']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script> <!-- End Matomo Code --> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-5D64MDP2H8"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-5D64MDP2H8'); </script> </body> <script src="/newdown/js/jquery.js" type="text/javascript" charset="utf-8"></script> <script src="/newdown/js/lazy.js" type="text/javascript" charset="utf-8"></script> <script src="/newdown/js/index.js" type="text/javascript" charset="utf-8"></script> </html>
