Maison  >  Article  >  interface Web  >  Plusieurs façons d'utiliser le HTML et le CSS

Plusieurs façons d'utiliser le HTML et le CSS

零到壹度
零到壹度original
2018-03-19 10:41:171642parcourir

Cet article vous présente principalement plusieurs façons d'utiliser le html et le css. L'éditeur pense que c'est plutôt bien. Maintenant, je vais le partager avec vous et vous donner une référence. Suivons l'éditeur pour y jeter un œil, j'espère que cela pourra aider tout le monde.

Comment utiliser le HTML

1 : Code couleur
Si vous souhaitez utiliser une certaine couleur, obtenir Sa valeur de couleur est suffisante. Par exemple, si vous souhaitez changer la couleur d'un texte, vous pouvez utiliser le code suivant : a56fb915315113118de79a8671cca6a5Modifiez le code après le symbole # pour changer la couleure6e38b3c62e8df885fe2e3986461aa63
2 : Le code pour le texte gras et incliné

◆Le code pour le texte gras et incliné est : a4b561c25d9afb9ac8dc4d70affff419Bonjour0d36329ec37a2cc24d42c7229b69747a : 56562ada5a496fdf6c62caeebc76840a Bonjour ! 72ac96585ae54b6ae11f849d2649d9e6 ◆Souligné : 88f336217b3880082bb52d49b5de60a504e11139013d3ca73accef66348e2e58


Trois : Code du lien texte Si vous souhaitez cliquer quelque part, le texte être connecté L'effet d'aller vers une autre page web, c'est un lien hypertexte, le code est comme ceci :
a04e5ec8ca9ac8c0179e6b3e32929467Espace partagé5db79b134e9f6b82c0b36e0489ee08edSi vous cliquez sur ce texte et rouvrir une fenêtre, Le code est : e103ca1e5bae8b5e8f89486069280111Espace partagé5db79b134e9f6b82c0b36e0489ee08ed

Quatre : Code pour placer des images sur le site Web
Si vous voyez que je veux mettre une belle image sur le site Web, le code est comme ceci :
14fe4d536cd106e2d295278e9bf2d670
Les nombres suivants ajustent la taille de l'image.


5 : Code du lien de l'image Si vous cliquez sur l'image pour ouvrir un site Web, le code du lien est comme ceci :
5274219e47fac1d792640dce8330c4f0aada1293e03c1d5f6723ae5b895d0d564a11e5928b3688cf38c9163b657eb5ac
Si vous cliquez sur l'image, vous pouvez ouvrir un lien vers le site Web et rouvrir une fenêtre. Le code est comme ceci :
e5daba95c3f6474bcec83a4f408d65f27d1d3a9fe396370db5d2b2d12a2be6be5db79b134e9f6b82c0b36e0489ee08edLes nombres ci-dessus peuvent ajuster la taille de l'image.


6 : Code de saut de ligne

Si vous souhaitez modifier la ligne, utilisez simplement la touche Entrée directement. Vous devez saisir 0c6dc11e160d3b678d68754cc175188a à l'endroit où vous souhaitez modifier la ligne. Cela sera affiché sur deux lignes et l'intégralité. le site Web n’y ressemblera pas. C’est un gros morceau, mais les paragraphes sont clairs.

Sept : le code pour déplacer le texte est
ed126914ed1419bab26abf7cf307b7b9Écrivez le texte ici7204e33a7a23f6efcc788532e245c31b

Huit : le code pour les images animées
ed126914ed1419bab26abf7cf307b7b98c31c320cc0801600b6861ec270c45408a18fc35e9ede15d4bb8b3f744961cffc95d78fffaf203c816a4e35af38673e0ed126914ed1419bab26abf7cf307b7b9
Changez simplement l'adresse de l'image à l'intérieur par la vôtre. Si vous souhaitez ajouter une image supplémentaire, insérez-la simplement au milieu selon le format :
73722ad565e450560be788e301e9fa7b
Vous pouvez définir vous-même l'adresse des images à l'intérieur.

Neuf : Code de musique de fond
Si vous souhaitez mettre un morceau de musique de fond sympa sur votre site Web, le code est : ea4eac84ddf5b983f3f5d5518c12b618
0ed32d174e7d96a3677e2afbb086232e Vous pouvez remplacer vous-même l'adresse de la musique de fond à l'intérieur .
La première partie est l'adresse musicale, qui se termine généralement sous la forme mid ou mp3. Le nombre suivant est le nombre d'écoutes.
http://www.midifan.com/midi/
Ce site Web a une bonne musique de fond

Dix : Le code pour insérer une animation flash dans le site Web est
350d093a032258d0bc9e11bd5486d581 Remplacez l'adresse de l'animation à l'intérieur par la vôtre L'adresse de l'animation doit être au format swf. La fin. Cela nécessite une attention particulière.

Eleven : Code de bienvenue qui apparaît lors de l'ouverture du site Web
ad5d584f92d151a3cd2c218fce50df49

Douze : Fermer s'il apparaît lors de l'ouverture du site Web
d313a5d331ee5e9623f2c5811e0ee4a2

Treize : Créez une publicité dans une fenêtre contextuelle lors de l'ouverture du site Web
37f10ed3474881934ec3123b0cd49651
var TimerID=1;
window.open('http://163.com'/;,'','width=600,height=300,left =100 ,top=50');
2cacc6d41bbb37262a98f745aa00fbf0
L'intérieur de http://163.com/ est une page Web que vous avez préparée à l'avance. Les numéros suivants servent à ajuster la taille et la position. plusieurs fois par vous-même.

Quatorze : La police du capteur de la souris devient rouge

Le code est le suivant : inséré entre 6c04bd5ca3fcae76e30b72ad730ca86d36cc49f0c466276486e50c850b7e4956

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

Quinze : Interdisez aux autres de copier le code de votre page Web :
590ca56e7838616efe891081662fe0ef

Seize : Code pour insérer d'autres pages Web dans votre propre page Web :

d0322c847f0e10caf3c27367c0666afe093fd97c861cbe789149c399ad2b038c

Utiliser le style CSS feuilles dans les pages Web Cinq méthodes

1. Utilisez l'attribut STYLE

pour ajouter l'attribut STYLE directement à l'individu balises de composant , a2ad95dd0494bd20c46bc09283118c69
L'avantage de cette utilisation est qu'elle peut appliquer de manière flexible des styles à chaque étiquette, mais il présente l'inconvénient qu'il n'y a pas « d'unité » dans l'ensemble du document.

2. Utilisez la balise STYLE
pour écrire les règles de style dans la balise 812f7be0e9ba70c6f2a66273c3c04692...a2d87b9af1e305217ec9648d1e8a0a47

5be912364e4d35410960d652a0dd27f8
335a8a8d093982dfce180f45015b4459
a2d87b9af1e305217ec9648d1e8a0a47
Par exemple :

<STYLE TYPE="text/css">
<!--
BODY {
  color: BLUE;
  background: #FFFFCC;
  font-size: 9pt}
TD, P {
  COLOR: GREEN;
  font-size: 9pt}
-->
</STYLE>
Habituellement, la structure 812f7be0e9ba70c6f2a66273c3c04692...a2d87b9af1e305217ec9648d1e8a0a47 est écrite dans la section ef1cac8df639bc9110cb13b8b5ab3dd7 L'avantage de cet usage réside dans l'uniformité de l'ensemble du document. Tant qu'il y aura un composant déclaré, la règle de style sera appliquée. L'inconvénient est le manque de flexibilité des composants individuels.


3. Utilisez la balise LINK

Écrivez les règles de style dans le fichier de style .css et importez-le avec la balise 3e76e57fc5dd9b761bdd2082385f4936
Supposons que nous enregistrions les règles de style sous forme de fichier example.css, il nous suffit d'ajouter
da30ee2ff660345f2e6be2e81e7cc4e3
Le le style spécifié dans le fichier de style peut être appliqué. Habituellement, la balise LINK est écrite dans la section 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 L'avantage de cette utilisation est que vous pouvez affecter plusieurs documents auxquels s'appliquent les mêmes règles de style au même fichier de style. L'inconvénient est également le manque de flexibilité des fichiers ou composants individuels.


4. Utilisez @import pour introduire

qui est très similaire à l'utilisation de LINK, mais doit être placé dans 812f7be0e9ba70c6f2a66273c3c04692...a2d87b9af1e305217ec9648d1e8a0a47.
5be912364e4d35410960d652a0dd27f8