Accéder au contenu principal

Articles

Affichage des articles associés au libellé tutorieldev

Comment créer un tableau pour afficher une date, des noms ou quelque chose d'autre, simplement avec ton téléphone ?

RĂ©initialiser Tu veux apprendre Ă  crĂ©er un tableau pour afficher des informations comme des noms, des dates ou des statuts ? Et tu n’as qu’un tĂ©lĂ©phone ? Pas de problème ! Aujourd’hui, je te montre comment crĂ©er un tableau en HTML et CSS simplement avec ton smartphone, sans avoir besoin d’un ordinateur ni de logiciel compliquĂ©. Tu vas pouvoir organiser tes donnĂ©es et apprendre les bases du code en mĂŞme temps. Mon tableau Tableau Nom Date Statut Awa 14/07/2025 ValidĂ© Koffi 15/07/2025 En attente đź“‹ Copier <!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> <title>Mon tableau</title> <style> table { width: 100%; border-collapse: collapse; font-family: Arial; } th, td { border: 1px soli...

Créez Votre Propre Champ de Recherche comme Google (avec Copier le Code !)

Vous avez toujours rêvé de créer un champ de recherche élégant comme celui de Google sur votre site ? Cet article vous explique comment faire, pas à pas, grâce à un code HTML/CSS/JavaScript simple et personnalisable. Recherche comme Google Rechercher 📋 Copier <!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> <title>Recherche comme Google</title> <style> body { font-family: Arial, sans-serif; background: #f8f9fa; display: ; justify-content: center; align-items: center; height: 100vh; } .search-box { padding: 12px 20px; width: 70vw; max-width: 500px; font-size: 16px; border: 1px solid #dcdcdc; border-radius: 24px; outline: none; } .search-button { margin-top: 15px; padding: 10px 20px; font-size: 16px; border: 1px solid ...