Dieser Artikel stellt Ihnen hauptsächlich verschiedene Möglichkeiten zur Verwendung von HTML und CSS vor. Jetzt werde ich ihn mit Ihnen teilen und Ihnen eine Referenz geben. Folgen wir dem Herausgeber, um einen Blick darauf zu werfen. Ich hoffe, es kann allen helfen.
So verwenden Sie HTML
1: Farbcode
Wenn Sie eine bestimmte Farbe verwenden möchten, Holen Sie sich Sein Farbwert ist ausreichend. Wenn Sie beispielsweise die Farbe eines Textes ändern möchten, können Sie den folgenden Code verwenden: Ändern Sie den Code nach dem #-Symbol, um die Farbe zu ändern
2: Der Code für fetten und schrägen Text
◆Der Code für fetten und schrägen Text lautet: Hallo : ◆Unterstrichen: verbunden sein Der Effekt, zu einer anderen Webseite zu gehen, dies ist ein Hyperlink, der Code ist wie folgt: Freigegebener BereichWenn Sie auf diesen Text klicken und Öffnen Sie ein Fenster erneut. Der Code lautet: Gemeinsamer BereichVier: Code zum Platzieren von Bildern auf der Website Wenn Sie sehen, dass ich ein gut aussehendes Bild auf der Website veröffentlichen möchte, lautet der Code wie folgt:
Die folgenden Zahlen passen die Größe des Bildes an.
5: Bild-Link-Code
Wenn Sie auf das Bild klicken, um eine Website zu öffnen, sieht der Link-Code wie folgt aus:
Wenn Sie auf das Bild klicken, können Sie einen Link zur Website öffnen und ein Fenster erneut öffnen. Der Code sieht so aus: Mit den oben genannten Zahlen kann die Bildgröße angepasst werden.
6: Zeilenumbruchcode
Wenn Sie die Zeile ändern möchten, verwenden Sie einfach die Eingabetaste. Sie müssen
an der Stelle eingeben, an der Sie die Zeile ändern möchten Die Website wird nicht so aussehen. Es ist ein großes Stück, aber die Absätze sind klar.
Sieben: Der Code zum Verschieben von Text ist
Acht: Der Code zum Verschieben von Bildern
Fünfzehn: Verbieten Sie anderen das Kopieren des Codes Ihrer Webseite:
<span style="font-size: 16px;"><STYLE type=text/css>TD { <br/>FONT-SIZE: 12px <br/>} <br/>BODY { <br/>FONT-SIZE: 12px <br/>} <br/>INPUT { <br/>FONT-SIZE: 12px <br/>} <br/>A:link { <br/>COLOR: #000000; TEXT-DECORATION: none <br/>} <br/>A:visited { <br/>COLOR: #000000; TEXT-DECORATION: none <br/>} <br/>A:active { <br/>COLOR: blue; TEXT-DECORATION: none <br/>} <br/>A:hover { <br/>COLOR: red; TEXT-DECORATION: underline <br/>} .so { <br/>BORDER-RIGHT: 1px ridge; BORDER-TOP: #ffffff 1px ridge; FONT-SIZE: 12px; BORDER-LEFT: #ffffff 1px ridge; BORDER-BOTTOM: 1px ridge; BACKGROUND-COLOR: #cccccc <br/>} <br/></STYLE> <br/></span>Sechzehn: Code zum Einfügen anderer Webseiten in Ihre eigene Webseite:
Verwenden Sie den CSS-Stil Blätter in Webseiten Fünf Methoden
1. Verwenden Sie das STYLE-Attribut , um das STYLE-Attribut direkt zu einzelnen hinzuzufügen Komponenten-Tags, Der Vorteil dieser Verwendung besteht darin, dass Stile flexibel auf jedes Etikett angewendet werden können. Der Nachteil besteht jedoch darin, dass im gesamten Dokument keine „Einheit“ besteht. 2. Verwenden Sie das STYLE-Tag Schreiben Sie die Stilregeln in die CSS-Stildatei und importieren Sie sie mit dem -Tag.
, um die Stilregeln im zu schreiben.
Zum Beispiel:
Normalerweise wird die gesamte -Sektion der Webseite geschrieben. Der Vorteil dieser Verwendung liegt in der Einheitlichkeit des gesamten Dokuments. Solange eine deklarierte Komponente vorhanden ist, wird die Stilregel angewendet. Der Nachteil liegt in der mangelnden Flexibilität einzelner Komponenten. <STYLE TYPE="text/css">
<!--
BODY {
color: BLUE;
background: #FFFFCC;
font-size: 9pt}
TD, P {
COLOR: GREEN;
font-size: 9pt}
-->
</STYLE>
Angenommen, wir speichern die Stilregeln als example.css-Datei, wir müssen nur
Die Der in der Stildatei angegebene Stil kann angewendet werden. Das LINK-Tag wird normalerweise in den Abschnitt
4. Verwenden Sie @import, um
einzuführen, was der LINK-Verwendung sehr ähnlich ist, aber in platziert werden muss.
Zum Beispiel:
Es ist zu beachten, dass das Semikolon am Ende der Zeile unbedingt erforderlich ist!
5. Verwenden Sie das Tag , um Stile einzuführen.
Zum Beispiel: Webseite Teaching Network
Das obige ist der detaillierte Inhalt vonMehrere Möglichkeiten, HTML und CSS zu verwenden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
