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 <form action="form handler url" method="gei/post">
2. <id="" name="">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 <form> <input> verwendet.
3. Steuerattribute <input>, <select> und <option>, <textarea>
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.
<select> und <option> werden zusammen verwendet, um Dropdown-Menüs zu steuern. Grundformat:
<select name="" id="">
<option value="">xx</option>
</select>
<textarea> wird zum Erstellen eines mehrzeiligen Textfelds verwendet.
4. Häufig verwendete Definitionsattribute: Schriftgröße: Breite: Breite: Höhe; />Leere Zeile&nbps ;Leerzeichen
Sekunde: CSS-Kontrollseite
1. Stilregeln: Bei Verwendung des CSS-Stil-Layouts ist das Grundformat wie folgt:
selector {
attribute 1: value 1;
attribute 2: value 2
.....
}
und in <head > Durch Hinzufügen von <style type="text/css"> zu </head> werden CSS-bezogene Funktionen aufgerufen.
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.)
3. Position der Stilregel:
Es gibt insgesamt drei Formen – extern, inline und eingebettet.
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.
Und es wirdmit <link rel="stylesheet" type="text/css" ref="style sheet url"> in der Seitendatei
aufgerufen
. Diese Methode eignet sich für mehrere Seiten, um denselben Stil zu verwenden.Einbetten ist ein häufig verwendetes CSS-Attribut, das heißt, <style type="text/css"> zu <head></head> hinzufügen und
den
Selektor {
attribute 1: value 1
;
.
}
wird in dieser Form verwendet.
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.
4. CSS-Box-Vorlage und Überlappung
(1) Rand: Randrand: Randpolsterung: Randabstand (Einzelheiten siehe Buch 53)
(2) CSS-Attributeinheit: (Einzelheiten siehe Seiten 57-65 des Buches)
(3) div -css Seitenlayout:
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.
Drittens:
In der grundlegenden und erweiterten Syntax von JavaScript
müssen nur drei Punkte beherrscht werden
:1. <script type="text/javascript"> Dies ist dasselbe wie das Aufrufen von CSS-Attributen.
document.write("Hello") entspricht der Bedeutung von printf in der C-Sprache und kann auch durch warning ersetzt werden.
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.
3. Erweiterte Syntax: Sie ähnelt Datentypen, Schleifen, Sequenzen und Auswahl in der C-Sprache. Es gibt nur ein paar Unterschiede:
(1) Um den Datentyp zu definieren, ist es nicht notwendig, ihn explizit zu definieren, sondern verwenden Sie einfach var.
(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.
(3) String-Operatoren hinzugefügt.
4. Funktionsaufruf: Dies ähnelt der C-Sprache. Zur Veranschaulichung verwende ich ein Beispiel:
<!doctype html public "-//w3c//dtd xhtml 1.0 transital//en" " http://www.w3. org /tr/xhtml1/dtd/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml " xml:lang="en" lang="en">
<Kopf>
<title>Javascript-Summierung</title>
<script type="text/javascript">
Funktion sum1(m){
var i ,n=1;
for(i=1;i<=m;i++){
n=1/i*n;
}
Rückkehr n;
}
Funktion sum(n){
var i,s=0;
for(i=1;i<=n;i++){
s=s+sum1(i);
}
Warnung(en);
}
</script>
</head>
<Körper>
<form action="#" method="get">
1+1/2!+1/3!+1/4!....1/10!=
<input type="button" value="Sum" onclick="sum(10);" />
</form>
</body>
</html>
Diese Frage verwendet Funktionsaufrufe, um die Summe zu berechnen. Jeder sollte es verstehen können - -! Unsere Hausaufgaben.
Okay, das ist meine Zusammenfassung für diese Woche. Sie ist definitiv nicht vollständig und dient nur als Referenz.