HTML/CSS-Zusammenfassung 1

1. Definieren Sie die Hintergrundfarbe der Webseite

Farbe kann auf zwei Arten ausgedrückt werden: 1. Geben Sie direkt den Farbnamen an, z. B. Blau. 2. Verwenden Sie eine hexadezimale Datendarstellung wie #RRGGBB, die jeweils zwei Ziffern hexadezimaler Daten darstellt.

2. Hintergrundbild festlegen

3. Textfarbe festlegen

4. Linktextattribute festlegen

alink kann verwendet werden, um die Farbe des Links festzulegen, wenn mit der Maus geklickt wird; vlink kann die Farbe des besuchten Hyperlinks festlegen.

5. Seitenränder festlegen

6. Titel-Tag

7. Definieren Sie Seitenschlüsselwörter

8. Seitenbeschreibung definieren

9. Bearbeitungswerkzeuge definieren

10. Autoreninformationen definieren

11. Definieren Sie den Text und die Sprache der Webseite

12. Definieren Sie zeitgesteuerte Sprünge zu Webseiten

Durch die Verwendung von Refresh in http-equiv kann nicht nur die Seite selbst automatisch aktualisiert werden, sondern auch der automatische Sprungvorgang zwischen Seiten realisiert werden.

13. Link

1. Erstellen Sie einen einfachen Hyperlink: Link display text

Attribute: href – geben Sie die Linkadresse an; geben Sie dem Link einen Namen; fügen Sie dem Link einen Eingabeaufforderungstext hinzu; : -self--in Öffne den Link auf der aktuellen Seite; -blank--öffne den Link in einem neuen leeren Fenster; -top--öffne den Link im Rahmen der obersten Ebene, was auch als Öffnen des Links verstanden werden kann im Stammframe; -parent--öffne den Link im aktuellen Frame. Öffne den Link von der vorherigen Ebene.

2. Bildlink erstellen

                                                                                                                                                                                                

3. Ankerpunkt erstellen

& lt; a name = „Der Name des Ankerpunkts“ & & lt;/a & gt; Der Ankerpunkt muss auf eine bestimmte Position auf einer Webseite festgelegt werden bevor Sie einen Ankerpunkt-Link erstellen.

                                                                                                                                                                                                         

14. Formular

Im Allgemeinen sind die Aktion des Formularhandlers und die Methode der Übertragungsmethode wesentliche Parameter.

Mit der Aktion wird die Adresse angegeben, an die Formulardaten zur Verarbeitung gesendet werden. Der Handler des Formulars ist die Adresse, an die das Formular gesendet werden soll, also die Adresse des Programms, an das die im Formular gesammelten Daten weitergeleitet werden.

Es gibt nur zwei Übertragungsmethodenwerte, nämlich get und post. Abrufen – Die Formulardaten werden an die im Aktionsattribut angegebene URL gesendet, und dann wird die neue URL an den Handler gesendet. Post: Die Formulardaten werden in den Formulartext eingefügt und dann an den Handler gesendet.

15. Bild einfügen

     

16. Multimediadateien hinzufügen

17. Andere Tags einfügen

Leerzeichen einfügen: 

Sonderzeichen einfügen: &...©

18. Textformat festlegen

Schriftart wird verwendet, um Schriftart, Schriftgröße, Farbe und andere Attribute zu steuern; ... .. wird verwendet, um die Schriftgröße festzulegen. ... wird verwendet, um die Textfarbe festzulegen.

Fettgedruckter Text, Fettgedruckter Text, Kursiver Text, Kursiver Text< ;/em>, , unterstrichener Inhalt, ^{hochgestellter Inhalt}, _{tiefgestellter Inhalt< ;/sub>}

19. Absätze formatieren

Absatztext

, , Nichtzeilentext,
Zeilenumbruchmarkierung

20. Horizontale Strichmarkierung

---

Geben Sie dieses Tag in die Webseite ein, um eine horizontale Linie mit dem Standardstil

---

,

---

,

---

,

---

,

---

Horizontale Linien verwenden, um Schatten zu entfernen

21.css

1.css: Cascading Stylesheet. Die Verwendung von CSS kann den Formatierungscode von Webseiten vereinfachen, Downloads beschleunigen, die Menge des hochzuladenden Codes reduzieren und die Arbeitsbelastung durch wiederholte Arbeiten erheblich reduzieren. Der Hauptzweck eines Stylesheets besteht darin, Elemente auf einer Webseite genau zu positionieren. Zweitens trennt er die Inhaltsstruktur und die Formatsteuerung auf der Webseite, sodass die Webseite nur aus Inhalten bestehen kann und das Format der Webseite über die CSS-Stylesheet-Datei

gesteuert wird

2. Die CSS-Syntaxstruktur besteht nur aus drei Teilen, nämlich Selektoren, Stilattributen und Werten. Die grundlegende Syntax lautet wie folgt:

Selektor {Stilattribut: Wert; Stilattribut: Wert;...｝

3. Grundlegender CSS-Selektor

Tag-Selektor: HTML-Tags direkt als Selektor verwenden, z. B. Kategorie-Selektor: Sobald der Tag-Selektor deklariert ist, ändern sich alle Tags auf der Seite entsprechend. Die Verwendung des ID-Selektors und der Klasse ist grundsätzlich gleich , mit der Ausnahme, dass der ID-Selektor nur einmal auf der HTML-Seite verwendet werden kann.

4. Verwendung von CSS

Link zum externen Stylesheet:

Inline-Modus:

Externes Stylesheet einbetten:

                                                                    

@import url("Dateiname des externen Stylesheets");

                                                              

Internes Stylesheet:

 

5. CSS-Eigenschaften festlegen

CSS-Attribute sind unterteilt in: Typ, Hintergrund, Block, Box, Rahmen, Liste, Positionierung und Erweiterung.

CSS-Typattribute: Schriftfamilie, Schriftgröße, Schriftstil, Zeilenhöhe, Textdekoration, Schriftstärke, Schriftvariante, Texttransformation, Farbe

CSS-Hintergrundeigenschaften: Hintergrundfarbe, Hintergrundbild, Hintergrundwiederholung, Hintergrundanhang (bestimmt, ob das Hintergrundbild an seiner ursprünglichen Position fixiert ist oder mit dem Inhalt scrollt), Hintergrundposition(X) und Hintergrund- Position (Y): Gibt die Anfangsposition des Hintergrundbilds relativ zum Element an.

CSS-Blockattribute: Wortabstand: Legen Sie den Abstand von Wörtern fest. Buchstabenabstand: Erhöhen oder verringern Sie den Abstand von Buchstaben oder Zeichen. Vertical-Align: Gibt die vertikale Ausrichtung des Elements an, auf das es angewendet wird. Textausrichtung: Legen Sie die Ausrichtung des Texts im Element fest. Texteinzug: Gibt den Grad der Einrückung der ersten Textzeile an. Leerzeichen: Bestimmt, wie mit Leerzeichen in einem Element umgegangen wird. Anzeige: Gibt an, ob und wie das Element angezeigt wird.

CSS-Boxattribute: Die Breiten- und Höhenattribute legen die Breite und Höhe des Elements fest. Float: Legen Sie die Seite fest, auf der andere Elemente um das Element herum schweben. Padding: Gibt den Abstand zwischen dem Elementinhalt und dem Elementrand an. Rand: Gibt den Abstand zwischen dem Rand eines Elements und eines anderen Elements an.

CSS-Rahmenattribute: Stil: Legen Sie die Stildarstellung des Rahmens fest. Breite: Legen Sie die Dicke des Elementrands fest. Farbe: Legen Sie die Farbe des Rahmens fest.

CSS-Listeneigenschaften: Listenstiltyp: Legen Sie das Erscheinungsbild von Aufzählungszeichen oder Zahlen fest. List-style-image: Für Aufzählungszeichen können benutzerdefinierte Bilder angegeben werden. Klicken Sie auf die Schaltfläche „Durchsuchen“, um ein Bild auszuwählen oder einen Bildpfad einzugeben. Listenstilposition: Legen Sie fest, ob der Text des Listenelements umgebrochen und eingerückt wird und ob der Text bis zum linken Rand umgebrochen wird.

CSS-Positionierungsattribut: Position: Vier optionale Werte: Absolut kann das Element genau an die gewünschte Position verschieben und das Element absolut positionieren. Fest – Feste Positionierung relativ zum Fenster. Relativ: Die relative Positionierung erfolgt relativ zur Standardposition des Elements. Statisch – Dieser Attributwert ist die Standardpositionierung aller Elemente. Sie können statisch verwenden, um die Vererbung abzubrechen, dh den Standardwert der Elementpositionierung wiederherzustellen. Sichtbarkeit: Wenn das Sichtbarkeitsattribut nicht angegeben ist, erben die meisten Browser standardmäßig den Wert vom übergeordneten Attribut.

Erweiterte CSS-Attribute: Seitenumbruch vor: Zwei der Attribute werden verwendet, um Seitenumbrüche für gedruckte Seiten festzulegen. Seitenumbruch nach: Der Seitenumbruch, der nach dem Abrufen oder Festlegen des Objekts erscheint. Cursor: Ändert das Zeigerbild, wenn sich der Zeiger auf dem durch den Stil gesteuerten Objekt befindet. Filter: Wenden Sie Spezialeffekte auf die vom Stil gesteuerten Objekte an.