Mehrere Möglichkeiten, HTML und CSS zu verwenden

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: a56fb915315113118de79a8671cca6a5Ändern Sie den Code nach dem #-Symbol, um die Farbe zu änderne6e38b3c62e8df885fe2e3986461aa63
2: Der Code für fetten und schrägen Text

◆Der Code für fetten und schrägen Text lautet: a4b561c25d9afb9ac8dc4d70affff419Hallo0d36329ec37a2cc24d42c7229b69747a : 5a8028ccc7a7e27417bff9f05adf5932 72ac96585ae54b6ae11f849d2649d9e6 ◆Unterstrichen: 88f336217b3880082bb52d49b5de60a504e11139013d3ca73accef66348e2e58 verbunden sein Der Effekt, zu einer anderen Webseite zu gehen, dies ist ein Hyperlink, der Code ist wie folgt: 6418a8fb694734b569701c2f107940f1Freigegebener Bereich5db79b134e9f6b82c0b36e0489ee08edWenn Sie auf diesen Text klicken und Öffnen Sie ein Fenster erneut. Der Code lautet: 2f92dfeb55fe109e30f36502e7169063Gemeinsamer Bereich5db79b134e9f6b82c0b36e0489ee08edVier: 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:

c6e8019032b9e9e195025a13d0f35468

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:
5274219e47fac1d792640dce8330c4f0aada1293e03c1d5f6723ae5b895d0d564a11e5928b3688cf38c9163b657eb5ac
Wenn Sie auf das Bild klicken, können Sie einen Link zur Website öffnen und ein Fenster erneut öffnen. Der Code sieht so aus:
76b381d4de3d6709b59436ef6f50b7917d1d3a9fe396370db5d2b2d12a2be6be5db79b134e9f6b82c0b36e0489ee08edMit 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
ed126914ed1419bab26abf7cf307b7b9Text hier schreiben7204e33a7a23f6efcc788532e245c31b

Acht: Der Code zum Verschieben von Bildern
ed126914ed1419bab26abf7cf307b7b98c31c320cc0801600b6861ec270c45408a18fc35e9ede15d4bb8b3f744961cffc95d78fffaf203c816a4e35af38673e0ed126914ed1419bab26abf7cf307b7b9
Ä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:
73722ad565e450560be788e301e9fa7b 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: ea4eac84ddf5b983f3f5d5518c12b618
0ed32d174e7d96a3677e2afbb086232e 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
9f7a52a021fec23f306cde7739948f01 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
6d55c1792dbc206471bf20cd369ca3e2 erscheint beim Öffnen der Website
5f1ee3f13234fdd7a65bf01c4256caa6

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');
2cacc6d41bbb37262a98f745aa00fbf0 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 6c04bd5ca3fcae76e30b72ad730ca86d36cc49f0c466276486e50c850b7e4956

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>

590ca56e7838616efe891081662fe0ef

Sechzehn: Code zum Einfügen anderer Webseiten in Ihre eigene Webseite:

1e9d8be73ca7db30f36417abef00e29b093fd97c861cbe789149c399ad2b038c




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, 3778c7f38962f19b96be1df3b580aab2

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 812f7be0e9ba70c6f2a66273c3c04692...a2d87b9af1e305217ec9648d1e8a0a47 zu schreiben.
5be912364e4d35410960d652a0dd27f8
91724aa9ff452677d58ea2f7bc1fbb5e
a2d87b9af1e305217ec9648d1e8a0a47
Zum Beispiel:



Normalerweise wird die gesamte 812f7be0e9ba70c6f2a66273c3c04692...a2d87b9af1e305217ec9648d1e8a0a47-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>

Schreiben Sie die Stilregeln in die CSS-Stildatei und importieren Sie sie mit dem 3e76e57fc5dd9b761bdd2082385f4936-Tag.
Angenommen, wir speichern die Stilregeln als example.css-Datei, wir müssen nur
da30ee2ff660345f2e6be2e81e7cc4e3
Die Der in der Stildatei angegebene Stil kann angewendet werden. Das LINK-Tag wird normalerweise in den Abschnitt 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 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 812f7be0e9ba70c6f2a66273c3c04692...a2d87b9af1e305217ec9648d1e8a0a47 platziert werden muss.
5be912364e4d35410960d652a0dd27f8