บทสรุปบางส่วนเกี่ยวกับ XHTML, CSS และ JavaScript ฝั่งไคลเอ็นต์

ผู้เขียน：Eve Cole เวลาอัปเดต：2009-06-12 17:47:51

สัปดาห์นี้ เราจะเรียนรู้สามส่วนของไคลเอนต์ ซึ่งเป็นพื้นฐานทางไวยากรณ์ของ xhtml, css และ javascript

ประการแรก: เกี่ยวกับคุณลักษณะ (เครื่องหมาย) ของ xhtml -

1. คุณลักษณะของแบบฟอร์ม

2. คุณลักษณะทั้งสองนี้ มันคือ หมายเลขประจำตัวที่ไม่ซ้ำกันและความแตกต่างของชื่อแบบฟอร์ม จากการบ้านส่วนตัวของฉันและการใช้งานในสัปดาห์นี้ ส่วนใหญ่จะใช้ในการควบคุมเช่น

3. คุณลักษณะการควบคุม , </p> <P>เป็นตัวควบคุมที่กำหนดแตกต่างจากแอตทริบิวต์ type มีทั้งหมด 10 ประเภท รวมถึงกล่องข้อความ, เลือกได้หลายรายการ, การเลือกวิทยุ และกล่องรหัสผ่าน ส่งและยกเลิก ฯลฯ ใช้สำหรับการควบคุมที่แตกต่างกันตามความต้องการที่แตกต่างกัน</p> <P><select> และ <option> ใช้ร่วมกันเพื่อควบคุมเมนูแบบเลื่อนลง รูปแบบพื้นฐาน:</p> <P><select name="" id=""></p> <P><option value="">xx</option></p> <P></select></p> <P><textarea> ใช้เพื่อสร้างกล่องข้อความหลายบรรทัด</p> <P>4. แอตทริบิวต์คำจำกัดความที่ใช้กันทั่วไป: ตระกูลแบบอักษร: กำหนดรูปแบบตัวอักษรของทั้งหน้า; ขนาดตัวอักษร: ขนาดตัวอักษร; ความกว้าง: ความสูง: ความสูง; colspan: ""จำนวนคอลัมน์ที่ผสาน; />บรรทัดว่าง&nbps ;ช่องว่าง</p> <P>ที่สอง: การควบคุม css หน้า</p> <P>1. กฎสไตล์: ในการใช้เค้าโครงสไตล์ css รูปแบบพื้นฐานจะเป็นดังนี้</p> <P>ตัวเลือก {</p> <P>คุณลักษณะ 1: ค่า 1;</p> <P>คุณลักษณะ</p> <P>2</p> <P>: ค่า 2</p> <P>;</p> <P>ใน <head > การเพิ่ม <style type="text/css"> ลงใน </head> จะเรียกใช้ฟังก์ชันที่เกี่ยวข้องกับ css</p> <P>2. ตัวเลือก: ตัวเลือกองค์ประกอบ, ตัวเลือกคลาส, ตัวเลือก id, ตัวเลือกการรวม, ตัวเลือกไวด์การ์ด และตัวเลือกหลอก Class และ pseudo- ตัวเลือกองค์ประกอบ (สำหรับฟังก์ชั่นและการใช้งานตัวเลือกแต่ละตัว โปรดดูเล่ม 54-56)</p> <P>3. ตำแหน่งกฎสไตล์:</p> <P>มีทั้งหมด 3 รูปแบบ - ภายนอก, อินไลน์ และฝังตัว</p> <P>การเชื่อมต่อภายนอกคือการสร้างไฟล์ .css ในไฟล์ระดับเดียวกันกับไฟล์เพจที่สร้างขึ้น จากนั้นเขียนโค้ดแอตทริบิวต์ที่มีประสิทธิภาพในรูปแบบข้อความใน .css</p> และ <P>มันถูกเรียก</p> <P>ด้วย <link rel="stylesheet" type="text/css" ref="style sheet url"> ในไฟล์เพจ</p> วิธีนี้เหมาะสำหรับหลายเพจที่จะใช้สไตล์เดียวกัน <P>การฝังเป็นแอตทริบิวต์ CSS ที่ใช้กันทั่วไป นั่นคือการเพิ่ม <style type="text/css"> ลงใน <head></head> และใช้</p> <P>ตัวเลือก {</p> <P>คุณลักษณะ 1: ค่า 1;</p> <P>ค่า 2</p> <P>; . .</p> <P>}</p> <P>ถูกใช้ในรูปแบบนี้</p> <P>อินไลน์หมายถึงการใช้แอตทริบิวต์ style หลังองค์ประกอบเพื่อทำเครื่องหมายสไตล์เมื่อแสดง โดยพื้นฐานแล้วแท็ก html ส่วนใหญ่จะมีลักษณะแอตทริบิวต์</p> <P>4.css box template และการทับซ้อนกัน</p> <P>(1) Margin: Margin border: border padding: border Distance (ดูรายละเอียดในเล่ม 53)</p> <P>(2) หน่วยแอตทริบิวต์ CSS: (ดูรายละเอียดในหน้า 57-65 ของหนังสือ)</p> <P>(3) div -css เค้าโครงหน้า:</p> <P>นี่คือจุดสำคัญ ไม่เพียงแต่แอตทริบิวต์ <table> เท่านั้นที่สามารถจัดวางทั้งหน้าได้ แต่ <div> ที่ใช้กันทั่วไปยังสะดวกและกระชับมากกว่า</p> <P> </P> ประการที่สาม: <P>มีเพียงสามประเด็นเท่านั้นที่ต้องเข้าใจ</p> <P>ไวยากรณ์พื้นฐานและขั้นสูงของ JavaScript</p> : <P>1. <script type="text/javascript"> สิ่งนี้เหมือนกับการเรียกแอตทริบิวต์ css</p> <P>document.write("Hello") เทียบเท่ากับความหมายของ printf ในภาษา C และยังสามารถแทนที่ด้วย alert ได้อีกด้วย</p> <P>2. ตัวจัดการเหตุการณ์: มี 4 จุดในจุดความรู้นี้ และยังมีอีกมาก โปรดดูบทนำโดยละเอียดในหน้า 81-95 ในแผนผัง</p> <P>3. ไวยากรณ์ขั้นสูง: คล้ายกับประเภทข้อมูล ลูป ลำดับ และการเลือกในภาษา C มีความแตกต่างเพียงเล็กน้อย:</p> <P>(1) ในการกำหนดประเภทข้อมูล ไม่จำเป็นต้องกำหนดประเภทข้อมูลให้ชัดเจน เพียงใช้ var</p> <P>(2) การคำนวณข้อมูลประเภทต่างๆ ไม่ชัดเจนเท่ากับภาษา C ตัวอย่างเช่น var 'a' b ซึ่งเป็นประเภทอักขระและประเภทข้อมูล ก็สามารถคำนวณ c='a'-b ได้เช่นกัน</p> <P>(3) เพิ่มตัวดำเนินการสตริง</p> <P>4. การเรียกใช้ฟังก์ชัน: คล้ายกับภาษา C ฉันจะใช้ตัวอย่างเพื่อแสดง:</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> <หัว><BR> <title>ผลรวมจาวาสคริปต์</title><BR><BR> <script type="text/javascript"><BR><BR> ฟังก์ชั่น sum1(m){<BR> วาร์ ฉัน ,n=1;<BR> สำหรับ(i=1;i<=m;i++){<BR> n=1/i*n;<BR> -<BR> กลับ n;<BR> -<BR> ผลรวมฟังก์ชัน (n) {<BR> วาร์ i,s=0;<BR> สำหรับ(i=1;i<=n;i++){<BR> s=s+ผลรวม1(i);<BR> -<BR> การแจ้งเตือน;<BR> -<BR><BR> </สคริปต์><BR> </หัว><BR> <ร่างกาย><BR> <รูปแบบการกระทำ = "#" วิธีการ = "รับ"><BR> 1+1/2!+1/3!+1/4!....1/10!=<BR> <input type="button" value="Sum" onclick="sum(10); /><BR> </รูปแบบ></p> <P></ร่างกาย><BR> </html></p> <P>คำถามนี้ใช้การเรียกใช้ฟังก์ชันเพื่อคำนวณผลรวม ทุกคนควรจะเข้าใจได้ - -! การบ้านของเรา</p> <P>โอเค นี่คือบทสรุปของฉันสำหรับสัปดาห์นี้ ฉันหวังว่ามันจะเป็นประโยชน์กับทุกคนอย่างแน่นอน</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>  <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>   <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>