Mehrere Möglichkeiten, HTML und CSS zu verwenden

零到壹度
Freigeben: 2018-03-19 10:41:17
Original
1723 Leute haben es durchsucht

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
Text hier schreiben

Acht: Der Code zum Verschieben von Bildern
< img src="/Article/UploadFiles/200605/20060507081900241.jpg";>
Ändern Sie einfach die darin enthaltene Bildadresse in Ihre. Wenn Sie ein weiteres Bild hinzufügen möchten, fügen Sie es einfach entsprechend dem Format in der Mitte ein:
Sie können die Adresse der darin enthaltenen Bilder selbst festlegen.

Neun: Hintergrundmusik-Code
Wenn Sie ein Stück schöne Hintergrundmusik auf Ihrer Website platzieren möchten, lautet der Code:
Sie können die Adresse der Hintergrundmusik im Inneren selbst ersetzen .
Die erste Zahl ist die Musikadresse, die normalerweise in der Form „mid“ oder „mp3“ endet. Die folgende Zahl ist die Anzahl der Wiedergaben.
http://www.midifan.com/midi/
Diese Website hat gute Hintergrundmusik

Zehn: Der Code zum Einfügen einer Flash-Animation in die Website ist
src="http://flash.shangdu.com/view/2/fff.swf";> Ersetzen Sie die darin enthaltene Animationsadresse durch Ihre. Die Animationsadresse muss im SWF-Format vorliegen Das Ende. Dies erfordert Aufmerksamkeit.

Elf: Der Willkommenscode, der beim Öffnen der Website angezeigt wird
erscheint beim Öffnen der Website


Dreizehn: Erstellen Sie beim Öffnen der Website eine Popup-Fensteranzeige
< ;script language="javascript">
var TimerID=1;
window.open('http://163.com'/;'','width=600,height=300,left = 100,top=50');
Die Innenseite von http://163.com/ ist eine von Ihnen vorbereitete Webseite. Die folgenden Zahlen dienen der Anpassung der Größe und Position. Testen Sie es selbst ein paar Mal.

Vierzehn: Die Schriftart des Maussensors wird rot



Der Code lautet wie folgt: eingefügt zwischen



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>
Nach dem Login kopieren

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

, 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.

3. Verwenden Sie den LINK-Tag
<STYLE TYPE="text/css">
<!--
BODY {
  color: BLUE;
  background: #FFFFCC;
  font-size: 9pt}
TD, P {
  COLOR: GREEN;
  font-size: 9pt}
-->
</STYLE>
Nach dem Login kopieren

Schreiben Sie die Stilregeln in die CSS-Stildatei und importieren Sie sie mit dem -Tag.
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 geschrieben. Der Vorteil dieser Verwendung besteht darin, dass Sie mehrere Dokumente, für die dieselben Stilregeln gelten, derselben Stildatei zuordnen können. Der Nachteil ist auch die mangelnde Flexibilität einzelner Dateien oder Komponenten.


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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage