Heim > Artikel > Web-Frontend > Zusammenfassung der HTML-Kenntnisse

Zusammenfassung der HTML-Kenntnisse

怪我咯Original: 2017-01-16 11:51:021719Durchsuche

1. Zu einer neuen Seite springen:

target="_self" springt nicht

Sprungeinstellung für Formularübermittlung

2. Klicken Sie auf die Schaltfläche, um zu anderen Seiten zu springen und hinzuzufügen

onclick="return false"

3. display:block; Element auf Blockebene, das heißt, es kann eine gewisse Breite und Höhe festlegen und Belegen Sie eine Zeile, z. B. div-Elemente, display: inline-block, Elemente auf Zeilenebene wie p-Elemente. Dies bedeutet, dass Elemente, die auch als Elemente auf Zeilenebene festgelegt sind, in einer Zeile zusammengefasst und dann festgelegt werden können die Breite und Höhe. Dies eignet sich zum Erstellen eines Navigationsmenüs und zum Festlegen von Elementen auf Zeilenebene. Seine Breite und Höhe entsprechen standardmäßig der Breite und Höhe des Inhalts, und ein typisches Element ist ein Formularklassenelement. Anzeige: Inline. Die Standardbreite und -höhe sind die Breite und Höhe des Inhalts.

Cursor: Zeiger;

5. HTML-Hintergrundbildattribute:

Hintergrundgröße:100%;, aber die Breite und Höhe Ihres Bildes sollten auf 100% eingestellt sein Beachten Sie die .php-Datei. Das darin enthaltene Hintergrundbild ist nicht einfach zu verwenden und ungültig. Sie müssen den absoluten Pfad des Website-Hintergrunds verwenden: URL('/20151106/404/image/404.png' ) no-repeat 4px 5px;}background:url ("11111.jpg");background-repeat:no-repeat;background-size:100%;width:100%;height:100%;

Dies ist der Körper, der der Seite Hintergrund hinzufügt{padding: 0px;margin: 0px;background-color:#494949;width:100%;height:100%;}.

Sie können auch Hintergrund- image:url("" beim Festlegen des Hintergrundbilds); Dieses Attribut wird zum Festlegen des Hintergrunds verwendet, das Bild muss jedoch im GIF-Format vorliegen

6. Zeigen Sie das Textformat entsprechend dem Ausgabemodus an: < pre>Horizontale Zeile:

< ;q>double quote tag underline

7 /relative/absolute/fixed/Die Zusammenfassung der drei relativen Layout-Positionierungsmethoden lautet An sich selbst basiert absolute auf dem Browser. Es ist jedoch zu beachten, dass, wenn es ein übergeordnetes Element hat, seine Position entsprechend dem übergeordneten Element geändert wird Element.

8. Entfernen Sie die schwarzen Punkte vor der ungeordneten Liste li{list-style:none;🎜>

9 >display- Nachdem dieses Element festgelegt wurde, belegt das ursprüngliche Element nicht den aktuellen Platz und hat keinen Einfluss auf das Layout. Letzteres belegt jedoch weiterhin Platz, nachdem es ausgeblendet wurde

10 🎜>Div{overflow :hidden🎜>

10. Adaptive ausblenden: overflow:auto;

11. Fragen zum Frame

Hiermit akzeptieren Sie die gewünschte Seite display

indx.php ist die Seite, die vom Frame oben angezeigt wird, d. h. sie wird ohne Schaltflächen angezeigt

Hier möchten Sie es nach dem Klicken auf: target=""

Kategorie hinzufügen

Bezüglich der Höhe des Hintergrunds, das heißt Nehmen wir an, Sie haben ein Div definiert, es aber nicht getan. Bringen Sie Ihr Bild nach oben. Dann gibt es dieses Attribut

overflow:hidden;

Das heißt, Sie gehören zum übergeordneten Element, aber Ihr Float ist vom Text getrennt und wird zum Floating, sodass alles nicht funktioniert Wir verwenden den Raum der Eltern-Kind-Elemente, also fügen Sie diesen Überlauf hinzu:hidden;

13. Ankereinstellung

Fügen Sie dies zu der Seite hinzu, zu der Sie springen möchten: < >

Dann fügen Sie hinzu, um den Ankerpunkt zu finden, an dem Sie den Link hinzufügen möchten

14. Klicken Sie, um die Bestätigung zu ändern Codebild

15. Abgerundete Ecken

border-radius:5px;

16. Der linke Text Der Textbereich befindet sich ganz links

style="vertical-align:top"

17. HTML-Blockelemente und Inline-Elemente Zusammenfassend: Block Elemente können einen Rand festlegen, aber wenn sie einen Rand verwenden, müssen sie Folgendes einhalten: 1. Blockelemente, 2. Breite und Höhe. Inline-Elemente können keine Ränder sowie Breiten- und Höhenattribute festlegen und können nur den Abstand

festlegen

Blockelementliste:

Adresse definieren

Tabellentitel definieren

definiert einen Abschnitt oder Abschnitt im Dokument

definiert ein Element in einer Liste

Definieren Sie ein Frameset

Erstellen Sie ein HTML-Formular

Definieren Sie den größten Titel

Zusammenfassung der HTML-Kenntnisse

Blockelementliste:

Definieren Sie den größten Titel

Definieren Sie Untertitel

Definieren Sie den Titel

Definieren Sie den Titel

Definieren Sie den Titel

Definieren der kleinste Titel

Erstellen Sie eine horizontale Linie

Element definiert Titel für

label definiert Listenelement