HTML

Html ile Metin Düzenleme

İşte örnek bir tanıtım yazısı ve bu yazının HTML kodlarıyla nasıl biçimlendirileceği:


Tanıtım Yazısı:

Web Tasarımı ve HTML: Temelleri Anlamak

Web tasarımı, internet üzerinde kullanıcı dostu ve görsel açıdan çekici sayfalar oluşturma sanatıdır. HTML, web sayfalarının temel yapı taşını oluşturan bir işaretleme dilidir. Bu yazıda, HTML etiketlerinin temel işlevlerini ve nasıl kullanıldığını keşfedeceksiniz.

HTML’deki başlık etiketleri, sayfanın başlık yapısını belirler. Başlıklar, sayfanın ana temasını kullanıcıya tanıtır. Ayrıca, metinleri vurgulamak için kullanılan etiketten em ve strong, kullanıcıya anlamı belirginleştirir. HTML, hızlı ve kolayca metin biçimlendirme yeteneği sağlar.

Bir web sayfasında metin düzenini değiştirmek için small etiketi kullanarak yazıyı küçük gösterebilirsiniz. Ayrıca, sub ve sup etiketleri ile bilimsel veya matematiksel ifadeleri yerleştirebilirsiniz.

Eğer önemli bir kısmı belirtmek isterseniz, mark etiketiyle o metni vurgulayabilirsiniz. Örneğin, HTML5 özelliği, web standartlarını iyileştirmek için kullanılmaktadır.

Web tasarımında metinlerin düzenli olması, sayfanın daha anlaşılır olmasına yardımcı olur. Bu yüzden HTML etiketlerinin doğru kullanımı çok önemlidir.

Bu, önceden biçimlendirilmiş
bir metindir.
HTML etiketleri doğru kullanıldığında
sayfanın görünümünü iyileştirir.

HTML Kodlarıyla Biçimlendirilmiş Tanıtım Yazısı:

<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Web Tasarımı ve HTML</title>
</head>
<body>

<h1>Web Tasarımı ve HTML: Temelleri Anlamak</h1>

<p><strong>Web tasarımı</strong>, internet üzerinde kullanıcı dostu ve görsel açıdan çekici sayfalar oluşturma sanatıdır. <em>HTML</em>, web sayfalarının temel yapı taşını oluşturan bir işaretleme dilidir. Bu yazıda, HTML etiketlerinin temel işlevlerini ve nasıl kullanıldığını keşfedeceksiniz.</p>

<p>HTML’deki başlık etiketleri, sayfanın başlık yapısını belirler. Başlıklar, sayfanın ana temasını kullanıcıya tanıtır. Ayrıca, metinleri vurgulamak için kullanılan etiketten <em>em</em> ve <strong>strong</strong>, kullanıcıya anlamı belirginleştirir. <b>HTML</b>, hızlı ve kolayca metin biçimlendirme yeteneği sağlar.</p>

<p>Bir web sayfasında metin düzenini değiştirmek için <small>small</small> etiketi kullanarak yazıyı küçük gösterebilirsiniz. Ayrıca, <sub>sub</sub> ve <sup>sup</sup> etiketleri ile bilimsel veya matematiksel ifadeleri yerleştirebilirsiniz.</p>

<p>Eğer önemli bir kısmı belirtmek isterseniz, <mark>mark</mark> etiketiyle o metni vurgulayabilirsiniz. Örneğin, <strong>HTML5</strong> özelliği, web standartlarını iyileştirmek için kullanılmaktadır.</p>

<p>Web tasarımında metinlerin düzenli olması, sayfanın daha anlaşılır olmasına yardımcı olur. Bu yüzden HTML etiketlerinin doğru kullanımı çok önemlidir.</p>

<pre>
Bu, önceden biçimlendirilmiş
bir metindir.
HTML etiketleri doğru kullanıldığında
sayfanın görünümünü iyileştirir.
</pre>

</body>
</html>

Açıklamalar:

  • <h1>: Sayfa başlığını tanımlar.
  • <p>: Paragraf metni oluşturur.
  • <strong>: Metni kalınlaştırır ve anlamını vurgular.
  • <em>: Metni italik yapar ve vurgular.
  • <b>: Metni sadece kalın yapar (anlam vurgulamaz).
  • <small>: Metni küçük yapar.
  • <mark>: Metni sarı renk ile vurgular.
  • <sub>: Metni alt simge yapar.
  • <sup>: Metni üst simge yapar.
  • <pre>: Metni önceden biçimlendirilmiş olarak gösterir, boşlukları ve satır sonlarını korur.

Bu kodu bir HTML dosyasına yapıştırarak, tarayıcınızda açarak metnin farklı biçimlendirmelerini gözlemleyebilirsiniz.

Bunu Paylaş
Pin Share

KoMedya

2000 yıllarda başlayan web tasarım heyecanı her geçen gün artarak devam ediyor. Bu kadar yıllık tecrübemi artık insanlara aktarma zamanı geldi de geçiyor. Birlikte güzel tasarımlar da buluşmak dileklerimle...

Bir yanıt yazın

Bizi Sosyal Medyadan Takip edebilirsiniz.