|
HTML&CSSZusammenfassung 1. htmlGrundformat <html> <head> <title> </title> </head> <body> </body> </html> 2. htmlGrammatikregeln für Tags <Tag-Name-Attribut1=Immobilienwert1" Attribut2=Immobilienwert2”>Etikett</Tag-Name> 3. Hyperlink-Tags <a href="Where to spring" ></a> Funktion: Seitensprung. Frage: Wenn Sie ein Bild (picture1.jpg) hyperconnected machen möchten, wie sollten Sie es schreiben? <a href=""><img src="picture1.jpg" /></a> 4. Syntax von Tabellen <table> <tr> <td> Kleine Formen </td> <td>Inhalt</td> </tr> </table> Hinweis: Der Inhalt des Formulars muss inTDinnerhalb 5. Gemeinsame Attribute von Tabellen a) Tabelle:Rand=Zahlen(Lünette) Randfarbe=Randfarbebgcolor=Hintergrundfarbecellpacing=Anzahl (Abstand zwischen Zellen) cellpadding=Nummer (Abstand zwischen Inhalt und Tabellenrand)height="Feste Zahlen|Prozentsatz%"Höhewidth="Feste Zahlen|Prozentsatz%"Breite b) Tr: bgcolor=Hintergrundfarbeheight="Feste Zahlen|Prozentsatz%"Höhewidth="Feste Zahlen|Prozentsatz%"BreiteRandfarbe c) Td: bgcolor=Hintergrundfarbeheight="Feste Zahlen|Prozentsatz%"Höhewidth="Feste Zahlen|Prozentsatz%"Breitecolspan=Zahlen (Spalten zusammenführen)Rowspan=Zahlen (Zeilen zusammenführen)Randfarbe Frage: Wie stellt man die Dicke und Farbe des Randes ein, wenn das Bild zentriert ist? Randbreite Randfarbe 6. Formen a) Funktion: Daten an den Server einreichen b) Syntax:<Form ></form> c) Formelemente 1. EingabeSchilder i. Text<Eingabetyp=Text /> ii. Passwörter<Eingabetyp=Passwort /> iii. Einzelwahl<Eingangstyp=Funkname="Name gleich" /> iv. Mehrfachwahlmöglichkeiten<Eingabetyp=Kontrollkästchen /> v. Knöpfe<Eingabetyp=Knopf /> Senden<Eingabetyp=absenden /> Reset<Eingangstyp=Zurücksetzen> Attribute: Text:Größe=Textlängemaxlength=Maximal eingegebene Zeichen können eingegeben werden Auswählen:geprüftStandardmäßig ausgewählt Knöpfe:Wert=Der über dem Button angezeigte Text 2Dropdown-Labels: Syntax, Eigenschaften <Wähle mehrere aus.(Mehrere Auswahlmöglichkeiten sind möglich)Größe=Du kannst die Anzahl der Optionen sehen> <Option ausgewählt(standardmäßig ausgewählt)>Inhalt</option> </select> 7. CSSKaskadierende Stylesheets Funktion: Inhalte bereichern und Codevolumen reduzieren Schreiben: Ort (3Art) 1. In der Reihe:Attribute direkt zu Tags hinzufügenStil="Eigentum:Attributswert;…” 2. Einbettung:beiKopfEtikettenschreibung:<Stiltyp="Text/CSS"> Selektor{Eigenschaften:Attributswert;…} </style> Punkte3Grundlegende Selektoren:htmlSelektor,KlasseKlassenauswahl (.Klassenname),idSelektor (#idName) ist der einzige 3. Extern:Erstelle ein separates.cssDatei und dann den Referenzcode auf die Seite legen, die du verwenden möchtest, ja2Art des Schreibens Denken Sie daran: beiKopfTags im Inneren hinzufügen<Link rel="Stylesheet" Typ="Text/CSS" href="Stylesheet Dateiname.css”> Hinweis: Wenn es einen Konflikt im Stylesheet gibt, priorisiere Inline, bevor du Inline verwendest, und nutze schließlich Outside Frage: VerwendungDIV+CSSLayout undTabelleVor- und Nachteile des Layouts? 8. Pseudoklasse (Selektor) a:Link {farbe: #FF0000} /* unbesuchte Links */ a:besucht {farbe: #00FF00} /*Besuchte Links*/ a:Hover {Farbe: #FF00FF} /* Mausbewegung zum Link */ a:aktiv {farbe: #0000FF} /*Ausgewählter Link*/ 9. DIV(Box-Modell) Funktion: ErsatzTabelleTabelle Schreiben:<div>Inhalt (kann verschachtelt sein.)Div）</div> Verwendung: Set-Breite und Höhe, können kombiniert werdenPositionEigenschaften Gemeinsame Eigenschaften: 1. Grenze: Die Dicke der Box 2. Marge: der Abstand zwischen den Boxen 3. Polsterung: der Abstand zwischen dem Inhalt der Schachtel und der Schachtel. 4. Größe、Breite: Höhe, Breite 5. Hintergrund: Boxfarbe, Muster 6. Schwimmen lassen: Der Sitz der LogeLinks、Rechts 10. BestehenTraumweberErstellen Sie eine Vorlage Funktion: Den gleichen Website-Stil erreichen, die Codemenge reduzieren und die Effizienz der Website-Entwicklung verbessern Wie man Vorlagen erstellt und verwendet 1. Create: file à new à regular à HTMLSchabloneà Create 2. Speichere: Speichere auf deiner eigenen Website, Hinweis: Der korrekte Pfad ist, dass am unteren Rand der Website ein Ordner "Vorlagen" erscheint, der die Vorlagendateien speichert (.dwt） 3. Schreiben: Wie beim Schreiben gewöhnlicher Seiten, setzt und schreibt man denselben Stil von Inhalten auf der Website. Für verschiedene Inhalte musst du einen editierbaren Bereich erstellen (mit der Maus über den Bearbeitungsbereich fahren, den du erstellen möchtest, à Rechtsklick und wähle "Vorlage à Neuer editierbarer Bereich") 4. Erstellen Sie eine Seite basierend auf einer Vorlage: Datei à New à Vorlage à Wählen Sie die Vorlage aus, die verwendet werden soll 11. TraumweberVerwandte Wissenspunkte A. Bestanden.TraumweberErstellen Sie eine Website: Websiteà Neue Seite à advanced à lokale Informationen Nennen Sie den Standort und legen Sie den Weg zum Standort fest Hinweis: Der Pfad der Stelle sollte nicht auf Chinesisch sein BVertrautheitTraumweberWir müssen wissen, wie wir die grundlegenden Tags ausgeben, die wir früher gelernt haben Der Fokus liegt auf der Typografie der Seite durch Tabellen CInTraumweberVerwendung eines Hyperlinks (relative und absolute Adressen) 12. CSSGemeinsame Eigenschaften border:1px solid #000000; /*der Grenze3Gemeinsame Eigenschaften*/ Breite; Größe; /*Stellen Sie Breite und Höhe ein*/ text-align /*Stellen Sie den Inhalt auf links und rechts in die Mitte*/ Linienhöhe /*Der Anpassungsinhalt ist zentriert oben und unten*/ schweben/*Schweben(Floating muss verwendet werden, um horizontale Hyperlinks zu erzeugen)*/ Marge /*Stellen Sie die Box-Außendistanz ein*/ Padding /*Stellen Sie den Abstand innerhalb der Box ein*/ Position /*Positionierung, um später zu seinLinks obenGemeinsam verwenden*/ color:#000000; /*Stellen Sie die Textfarbe ein*/ background-color:#000000; /*Setze die Hintergrundfarbe*/ font-size:14px; /*Stellen Sie die Schriftgröße ein*/ Textdekoration /*Leg fest, ob der Hyperlink unterstrichen ist, allgemein verwendetUnterstreichenodernichts*/ list-style-type:none; /*Hyperlink formatieren (keine Punkte)*/
2013HTML复习.doc
(44 KB, Anzahl der Downloads: 0, Verkaufspreis: 1 Getreide MB)
| 
Veröffentlicht am 09.11.2014 10:42:19
|
|
|
Veröffentlicht am 10.11.2014 13:27:37
