關於客戶端XHTML，CSS和JavaScript的一些總結

作者：Eve Cole 更新時間：2009-06-12 17:47:51

本週學習的是客戶端3個部分，xhtml、css和javascript的語法基礎。

第一：關於xhtml的屬性（標記）－

1.表單屬性

2.這2個屬性是表單命的唯一識別號碼和區別，根據我個人這個星期的作業和用法來看，大多用在這類控制項裡面。

3.控制項屬性,;</p> <P><input>是和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.常用定義屬性：font-family：定義整個頁面字體風格；font-size:字體大小；width:寬度；height:高度；colspan:""合併列數；align:位置；<br />空一行&nbps ;空一格</p><P>第二：css控制頁</p><P>1.樣式規則：在使用css樣式佈局中，基本格式如下</p><P>選擇器{</p><P>屬性1：值1；</p><P>屬性2：值2；</p> <P>.....</p> <P>}</p><P>並且在<head ></head>中加入<style type="text/css">才會呼叫css相關作用</p><P>2.選擇器：元素選擇器、類別選擇器、id選擇器、包含選擇器、通配選擇器和偽類別及偽元素選擇器。（各選擇器作用與用法請參考書54-56）</p> <P>3.樣式規則位置：</p><P>共有3種形式－外聯，內聯與嵌入式。</p><P>外聯就是在所產生頁面文件的同級文件中創造一個.css的文件，然後在.css中用文本的形式把起作用的屬性代碼寫上。</p><P>並且在頁面檔案中以<link rel="stylesheet" type="text/css" ref="樣式表的url"></p><P>來調用，這種方式適合多個頁面使用相同樣式。</p><P>嵌入是常用的css屬性，也就是在<head></head>中加入<style type="text/css">，用</p><P>選擇器{</p><P>屬性1：值1;</p><P>屬性2：值2;</p> <P>.... .</p> <P>}</p><P>這樣的形式來使用。</p><P>內聯就是在元素後面使用style屬性來標記顯示時的樣式。基本上大多數html標記都有style屬性。</p> <P>4.css盒模和重疊</p><P>（1）margin:邊距 border:邊框 padding：邊框距（具體見書53）</p> <P>（2）css屬性單位：（見書57-65頁詳細介紹）</p> <P>（3）div-css頁面佈局：</p><P>這個是重點，不只是<table>屬性能對整個頁面佈局，一般常用的<div>更方便簡潔。</p> <P> </P><P>第三：javascript的語法基礎和進階</p><P>需要掌握的只有3點：</p> <P>1.<script type="text/javascript"> 這點和呼叫css屬性一樣。</p> <P>document.write("你好")這等於c語言printf意思，也可以用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> <head><BR> <title>javascript求和</title><BR><BR> <script type="text/javascript"><BR><BR> function sum1(m){<BR> var i ,n=1;<BR> for(i=1;i<=m;i++){<BR> n=1/i*n;<BR> }<BR> return n;<BR> }<BR> function sum(n){<BR> var i,s=0;<BR> for(i=1;i<=n;i++){<BR> s=s+sum1(i);<BR> }<BR> alert(s);<BR> }<BR><BR> </script><BR> </head><BR> <body><BR> <form action="#" method="get"><BR> 1+1/2!+1/3!+1/4!.....1/10!=<BR> <input type="button" value="求和" onclick="sum(10);" /><BR> </form></p> <P></body><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>