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

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

零到壹度
Libérer: 2018-03-19 10:41:17
original
1749 Les gens l'ont consulté

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 : Modifiez le code après le symbole # pour changer la couleur
2 : Le code pour le texte gras et incliné

◆Le code pour le texte gras et incliné est : Bonjour : Bonjour ! ◆Souligné :


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 :
Espace partagéSi vous cliquez sur ce texte et rouvrir une fenêtre, Le code est : Espace partagé

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 :

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 :

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 :
Les 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
à 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
Écrivez le texte ici

Huit : le code pour les images animées
< img src="/Article/UploadFiles/200605/20060507081900241.jpg";>
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 :

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 :
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
src="http://flash.shangdu.com/view/2/fff.swf";> 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


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


Treize : Créez une publicité dans une fenêtre contextuelle lors de l'ouverture du site Web
< langage de script="javascript">
var TimerID=1;
window.open('http://163.com'/;,'','width=600,height=300,left =100 ,top=50');

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

<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>
Copier après la connexion

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


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



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


Par exemple :

<STYLE TYPE="text/css">
<!--
BODY {
  color: BLUE;
  background: #FFFFCC;
  font-size: 9pt}
TD, P {
  COLOR: GREEN;
  font-size: 9pt}
-->
</STYLE>
Copier après la connexion
Habituellement, la structure est écrite dans la section 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
Supposons que nous enregistrions les règles de style sous forme de fichier example.css, il nous suffit d'ajouter

Le le style spécifié dans le fichier de style peut être appliqué. Habituellement, la balise LINK est écrite dans la section

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 .

Par exemple :

A noter que le point-virgule en fin de ligne est absolument indispensable !

5. Utilisez la balise pour introduire les styles

Par exemple : Réseau d'enseignement de page Web

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal