Front-End-Tag-HTML, CSS)-CSS-Tutorial-php.cn

Front-End-Tag-HTML, CSS)

Patricia Arquette

Freigeben： 2025-01-05 11:01:40

Original

1034 Leute haben es durchsucht

Was ist HTML?

HTML ist die Sprache, in der die meisten Websites geschrieben sind. HTML wird verwendet, um Seiten zu erstellen und funktionsfähig zu machen. (HyperText Markup Language)

Was ist CSS?

Cascading Style Sheets (CSS) ist eine Stylesheet-Sprache, die zur Beschreibung der Darstellung eines in HTML oder XML geschriebenen Dokuments (einschließlich XML-Dialekten wie SVG, MathML oder XHTML) verwendet wird. CSS beschreibt, wie Elemente auf dem Bildschirm, auf Papier, in Sprache oder auf anderen Medien gerendert werden sollen.

HTML ist eine Sprache, die zum Erstellen von Webseiten verwendet wird. Es ist wie ein Skelett und CSS sind wie Muskeln und Nerven. Javascript ist die beherrschende Sprache

Front end day-html,css)

HTML-Tag wird in jeder HTML-Seite verwendet, da es sich um die im HTML zu verwendende Struktur handelt.

Immer wenn wir ein Tag öffnen, müssen wir es schließen

Was sind HTML-Tags:

Tags werden verwendet, um den Anfang eines HTML-Elements zu kennzeichnen, und sie werden normalerweise in spitze Klammern eingeschlossen

normalerweise hat jede HTML-Seite:

Kopfzeile
Navigation
Layout
Hauptlayout
Seitenlayout
Fußzeile

Was sind selbstschließende Tags?

Selbstschließende Tags, auch Void-Elemente genannt, sind HTML-Elemente, die kein separates schließendes Tag erfordern. Diese Tags sind in sich geschlossen und werden typischerweise für Elemente verwendet, die zwischen einem öffnenden und schließenden Tag keinen Inhalt haben. Selbstschließende Tags tragen dazu bei, die HTML-Struktur sauber und prägnant zu halten.

Was ist ein Div-Tag?

Das HTML-Tag

definiert Abschnitte in HTML-Dokumenten und dient als Container, die mit CSS gestaltet oder mit JavaScript gesteuert werden. Es lässt sich leicht mithilfe von Klassen- oder ID-Attributen anpassen und kann verschiedene Inhalte enthalten.

<html>
<head>
    <title>ILUGC</title>
<style>
.container{
    border:1px solid;
    height:200%;
    width:85%;
    margin:auto;
}
.header h4{
    text-transform: uppercase;
    color:#e22d30;
    border-top:1px solid green;
    width: fit-content;
    padding-top:10px;
}
.header{

    margin:25px;
}
</style>
</head>
<body>
   <div class="container">
        <div class="header">
            <h1>ILUGC</h1>
            <h4>Indian Linux User's Group - Chennai (Madras)</h4>
        </div>
        <div class="navbar">
        </div>
        <div class="layout">
           <div class= "mainLayout"> 
           </div> 
           <div class="sideLayout"> 
           </div>
        </div>
        <div class="footer">
        </div>
   </div> 
</body>
</html>

Nach dem Login kopieren

Was ist ein Style-Tag?

Das HTML-Element „style“ enthält Stilinformationen für ein Dokument oder einen Teil eines Dokuments. Es enthält CSS, das auf den Inhalt des Dokuments angewendet wird, das das Stilelement enthält.

Was ist ein Body-Tag?

Das Body-Tag in HTML wird verwendet, um den Hauptinhalt einer HTML-Seite zu definieren. Es ist immer im HTML-Tag eingeschlossen. Das body-Tag ist das letzte untergeordnete Element des html-Tags.

Im Stil können wir gezielt Änderungen am Dokument vornehmen. Wenn wir beispielsweise nur die Kopfzeile möchten, können wir .header h4 im Stil-Tag verwenden.

Was ist Grenze?

Die CSS-Kurzform „border“ legt den Rand eines Elements fest. Es legt die Werte für Rahmenbreite, Rahmenstil und Rahmenfarbe fest.

Das obige ist der detaillierte Inhalt vonFront-End-Tag-HTML, CSS). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!