Eine Zusammenfassung über clientseitiges XHTML, CSS und JavaScript

Autor：Eve Cole Aktualisierungszeit：2009-06-12 17:47:51

Diese Woche lernen wir die drei Teile des Clients, die grammatikalischen Grundlagen von XHTML, CSS und Javascript.

Erstens: In Bezug auf die Attribute (Markierungen) von xhtml -

1. Formularattribute

2. Diese beiden Attribute Es ist das Eindeutige Identifikationsnummer und Unterschied des Formularnamens. Laut meinen persönlichen Hausaufgaben und meiner Verwendung in dieser Woche wird es hauptsächlich in Steuerelementen wie verwendet.

3. Steuerattribute , </p> <P>ist ein Steuerelement, das anders als das Typattribut definiert ist. Es gibt insgesamt 10 Typen, einschließlich Textfeld, Mehrfachauswahl, Radioauswahl , und Passwortfeld. Senden und abbrechen usw. Wird je nach Bedarf für unterschiedliche Steuerungen verwendet.</p> <P><select> und <option> werden zusammen verwendet, um Dropdown-Menüs zu steuern. Grundformat:</p> <P><select name="" id=""></p> <P><option value="">xx</option></p> <P></select></p> <P><textarea> wird zum Erstellen eines mehrzeiligen Textfelds verwendet.</p> <P>4. Häufig verwendete Definitionsattribute: Schriftgröße: Breite: Breite: Höhe; />Leere Zeile&nbps ;Leerzeichen</p> <P>Sekunde: CSS-Kontrollseite</p> <P>1. Stilregeln: Bei Verwendung des CSS-Stil-Layouts ist das Grundformat wie folgt:</p> <P>selector {</p> <P>attribute 1: value 1;</p> <P>attribute 2: value 2</p> <P>.....</p> <P>}</p> <P>und in <head > Durch Hinzufügen von <style type="text/css"> zu </head> werden CSS-bezogene Funktionen aufgerufen.</p> <P>2. Selektoren: Elementselektor, Klassenselektor, ID-Selektor, Einschlussselektor, Platzhalterselektor und Pseudoselektor Klasse und Pseudoselektor Elementselektoren. (Informationen zu den Funktionen und der Verwendung jedes Selektors finden Sie in Buch 54–56.)</p> <P>3. Position der Stilregel:</p> <P>Es gibt insgesamt drei Formen – extern, inline und eingebettet.</p> <P>Die externe Verbindung besteht darin, eine CSS-Datei auf derselben Dateiebene wie die generierte Seitendatei zu erstellen und dann den effektiven Attributcode in Textform in die CSS-Datei zu schreiben.</p> Und es wird <P>mit <link rel="stylesheet" type="text/css" ref="style sheet url"> in der Seitendatei</p> <P>aufgerufen</p> . Diese Methode eignet sich für mehrere Seiten, um denselben Stil zu verwenden. <P>Einbetten ist ein häufig verwendetes CSS-Attribut, das heißt, <style type="text/css"> zu <head></head> hinzufügen und</p> <P>den</p> <P>Selektor {</p> <P>attribute 1: value 1</p> <P>;</p> <P>.</p> <P>}</p> <P>wird in dieser Form verwendet.</p> <P>Inline bedeutet, dass das Stilattribut nach dem Element verwendet wird, um den Stil bei der Anzeige zu markieren. Grundsätzlich haben die meisten HTML-Tags ein Stilattribut.</p> <P>4. CSS-Box-Vorlage und Überlappung</p> <P>(1) Rand: Randrand: Randpolsterung: Randabstand (Einzelheiten siehe Buch 53)</p> <P>(2) CSS-Attributeinheit: (Einzelheiten siehe Seiten 57-65 des Buches)</p> <P>(3) div -css Seitenlayout:</p> <P>Dies ist der entscheidende Punkt. Nicht nur das Attribut <table> kann die gesamte Seite gestalten, auch das häufig verwendete <div> ist praktischer und prägnanter.</p> <P> </P> Drittens: <P>In der grundlegenden und erweiterten Syntax von JavaScript</p> <P>müssen nur drei Punkte beherrscht werden</p> : <P>1. <script type="text/javascript"> Dies ist dasselbe wie das Aufrufen von CSS-Attributen.</p> <P>document.write("Hello") entspricht der Bedeutung von printf in der C-Sprache und kann auch durch warning ersetzt werden.</p> <P>2. Ereignishandler: In diesem Wissenspunkt gibt es 4 Punkte, weitere finden Sie in der ausführlichen Einführung auf den Seiten 81–95 im Baum.</p> <P>3. Erweiterte Syntax: Sie ähnelt Datentypen, Schleifen, Sequenzen und Auswahl in der C-Sprache. Es gibt nur ein paar Unterschiede:</p> <P>(1) Um den Datentyp zu definieren, ist es nicht notwendig, ihn explizit zu definieren, sondern verwenden Sie einfach var.</p> <P>(2) Die Berechnung verschiedener Datentypen ist nicht so klar wie in der C-Sprache. Beispielsweise kann var 'a' b, ein Zeichentyp und ein Datentyp, auch c = 'a'-b berechnen.</p> <P>(3) String-Operatoren hinzugefügt.</p> <P>4. Funktionsaufruf: Dies ähnelt der C-Sprache. Zur Veranschaulichung verwende ich ein Beispiel:</p> <P><!doctype html public "-//w3c//dtd xhtml 1.0 transital//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> <Kopf><BR> <title>Javascript-Summierung</title><BR><BR> <script type="text/javascript"><BR><BR> Funktion sum1(m){<BR> var i ,n=1;<BR> for(i=1;i<=m;i++){<BR> n=1/i*n;<BR> }<BR> Rückkehr n;<BR> }<BR> Funktion sum(n){<BR> var i,s=0;<BR> for(i=1;i<=n;i++){<BR> s=s+sum1(i);<BR> }<BR> Warnung(en);<BR> }<BR><BR> </script><BR> </head><BR> <Körper><BR> <form action="#" method="get"><BR> 1+1/2!+1/3!+1/4!....1/10!=<BR> <input type="button" value="Sum" onclick="sum(10);" /><BR> </form></p> <P></body><BR> </html></p> <P>Diese Frage verwendet Funktionsaufrufe, um die Summe zu berechnen. Jeder sollte es verstehen können - -! Unsere Hausaufgaben.</p> <P>Okay, das ist meine Zusammenfassung für diese Woche. Sie ist definitiv nicht vollständig und dient nur als Referenz.</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>