Codes HTML sympas

Si vous cherchez à égayer votre site Web sans créer de programmation personnalisée, vous pouvez utiliser quelques codes HTML sympas pour apporter de l'excitation à une page. Ces codes ne feront pas seulement que votre site se démarque, ils peuvent également lui donner un avantage professionnel.

12 codes HTML sympas

Si vous n'êtes pas assez averti pour écrire votre propre code HTML, il existe de nombreux sites en ligne qui proposent des codes gratuits et illimités à copier et coller dans vos propres pages Web. Cependant, avant de copier les codes, assurez-vous de lire et de comprendre les conditions d'utilisation du site, car certains propriétaires de sites souhaitent que les codes utilisés soient reconnus, y compris un lien de retour de votre site vers le leur. Découvrez ces codes HTML sympas qui produisent des effets intéressants.

1. Compte à rebours jusqu'à une date précise

Créez un compte à rebours pour un site Web avec le code trouvé à Espoir informatique . Insérez une date personnalisée dans le code pour que l'affichage compte à rebours jusqu'à une date spécifique. Assurez-vous de changer la date en gras pour votre date personnalisée.

aujourd'hui = nouvelle date();

lignes de drague pour les gars

GrandJour = nouvelle Date(' 25 décembre 2020 ');

msParJour = 24 * 60 * 60 * 1000 ;

timeLeft = (BigDay.getTime() - today.getTime());

e_daysLeft = timeLeft / msPerDay ;

joursLeft = Math.floor(e_daysLeft);

e_hrsLeft = (e_daysLeft - joursLeft)*24 ;

hrsLeft = Math.floor(e_hrsLeft);

minsLeft = Math.floor((e_hrsLeft - hrsLeft)*60);

document.write('Il n'y a que

' + daysLeft + ' days ' + hrsLeft +' heures et ' + minsLeft + ' minutes restantes

Jusqu'au 25 décembre 2020

');

2. Créez une petite fenêtre contextuelle

Créez un nouveau site Web dans une petite fenêtre avec ce code pratique trouvé sur Espoir informatique .

function NAME_IT() {window.open('http://www.computerhope.com/cgi-bin/search.cgi','EANITHING','toolbar=no,location=no, directory=no, status=yes, barre de menu=non, redimensionnable=oui,

copyhistory=no, scrollbars=no, width=300, height=300');}

3. Puces colorées pour la liste

Oiseau au gros nez propose un code qui vous permet d'avoir des puces colorées pour votre liste, plutôt que les puces noires les plus couramment utilisées.

C'est le premier élément

C'est le deuxième élément

comment savoir quand un homme verseau t'aime

C'est le troisième élément

4. Rendez votre texte plein d'entrain

Donnez un petit rebond à votre ligne de chapiteau avec ce code de Comment faire un site web .

Faites rebondir votre texte

5. Chapiteau

Chapiteau:

Aimer connaître l'exemple de code

6. Chapiteau en zigzag

Vous pouvez également faire votre ligne de chapiteau faire un motif en zigzag .

VOTRE TEXTE ICI

7. Tableau coloré

8. Ajoutez de la musique à votre page

Ajouter une zone ombrée : div {border:2px solid #a1a1;padding:10px 40px ; background:#ffdddd;width:400px;border-radius:25px;-moz-border-radius:40px; }

Boîte à échantillons Love to Know avec bordure

9. Ajouter un message de bienvenue

alert('Bienvenue au nom de votre entreprise')

10. Zone de saisie de texte en couleur

Champ 1 :

11. Champ de texte coloré avec bordure en pointillés

L'amour de savoir un exemple de texte

12. Changer la couleur d'arrière-plan

Ce code est pour un fond de pêche. Consultez les codes de couleur de fond sur Bonus HTML .

Ressources pour des codes HTML plus intéressants

Il existe de nombreuses autres ressources de code disponibles à utiliser. Voici des exemples d'endroits où plus d'options sont disponibles :

Espoir informatique : Ce site Web offre une aide informatique gratuite pour tout le monde et propose également trois codes HTML intéressants que vous pouvez ajouter à votre site Web. L'une est pour une invite de survol de la souris, elle fait apparaître une boîte de dialogue lorsque l'utilisateur place sa souris sur un graphique ou un texte. Le site propose également un code pour sélectionner le code d'arrière-plan et un autre qui permet aux visiteurs de saisir leur propre boîte de texte.
Conseils sauvages : Outre le HTML de base, Wild Tips propose également des codes soignés à utiliser, notamment du code qui rend le texte flou, a des ombres et d'autres effets. Le site Web propose également des codes HTML pour les chapiteaux et les effets photo.
Oiseau au gros nez : Ce site Web propose des didacticiels, des scripts et des graphiques gratuits aux utilisateurs du site. Il contient également plusieurs pages d'astuces HTML intéressantes, notamment des démonstrations de tableaux colorés, des instructions pour utiliser efficacement une image d'arrière-plan forte et la création d'une liste déroulante répertoriant de nombreux pays différents.
W 3 Écoles : Ce site fournit un code HTML qui permet aux utilisateurs d'envoyer des e-mails à partir d'un site ainsi que plusieurs autres codes intéressants.

Personnalisez votre site avec des codes sympas

Si vous comprenez le codage Web, vous pouvez toujours expérimenter et trouver votre astuce. Si vous n'êtes pas un webmaster, vous pouvez toujours créer des sites attrayants et professionnels en utilisant des codes HTML intéressants comme ceux présentés ici. Vous pouvez ajouter à peu près n'importe quel type de code HTML à votre site Web, tant que vous n'utilisez pas un constructeur de site qui l'interdit. Certains des constructeurs de sites Web gratuits n'autorisent pas l'utilisation de codes HTML, mais si vous utilisez un programme qui le permet, vous constaterez qu'il n'est pas difficile d'ajouter des fonctionnalités intéressantes à votre site.

Calculatrice De Calories

Sol:

Âge:

Croissance (En Cm):

Poids (En Kg):

Le Niveau D'Activité Physique:

En-tête de tableau 1	En-tête de tableau 1
Amour de savoir cellule 1	Amour de savoir cellule 2

Les Meilleurs Noms Pour Les Enfants