⚡ SON DAKİKA NEW
Yükleniyor...
🎲 Rastgele Yazı:
Home » » HTML ile Yapılmış Basit Yazı Editörü

HTML ile Yapılmış Basit Yazı Editörü

Written By Yazarlife on 3 Haziran 2025 Salı | Haziran 03, 2025

 İşte sadece HTML (ve biraz da temel CSS) kullanarak yapılmış basit bir "metin editörü" örneği. Bu editör, kullanıcıların bir metin kutusuna yazı yazmasını sağlar ve temel stillerle görünümü düzenler.


<!DOCTYPE html>
<html lang="tr">
<head>
  <meta charset="UTF-8">
  <title>Basit Metin Editörü</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      background: #f4f4f4;
      padding: 20px;
    }

    .editor-container {
      max-width: 800px;
      margin: auto;
    }

    h1 {
      text-align: center;
    }

    #editor {
      width: 100%;
      height: 400px;
      padding: 10px;
      font-size: 16px;
      border: 1px solid #ccc;
      border-radius: 5px;
      resize: vertical;
    }
  </style>
</head>
<body>
  <div class="editor-container">
    <h1>Basit Metin Editörü</h1>
    <textarea id="editor" placeholder="Buraya metninizi yazın..."></textarea>
  </div>
</body>
</html>

Açıklamalar:

  • Bu editör sadece HTML ve CSS ile yapılmıştır.

  • <textarea> öğesi sayesinde kullanıcı metin girebilir.

  • Daha gelişmiş özellikler (örneğin kalın, italik, yazı tipi değiştirme) istenirse JavaScript eklenmesi gerekir.

* Sayfa Yazarı: Murat Marti 
* Diğer Kaynaklar: GEMİNİ - Google Yapay Zeka. CHATGPT - Copilot
* Fotoğraflar: Pixabay ve Pexels Ücretsiz Fotoraflardan Alınmıştır...

NOT: Sitede çalışmayan kodları, o yazının altında ki yorum kutusundan bize yazınız.



0 Comments:

Yorum Gönder

🔀 Rastgele Yazılar
    🔥 Son Yazılar