Kategoriler: Html

Html için Temel Metin Düzenleme Etiketleri

Metin etiketlerinden kasdettiğimiz, yazdığımız metnin herhangi bir bölümünün veya tamamının yazı rengi, yazı tipi, font büyüklüğü gibi özellikleridir.

Örneğin aşağıdaki yazı gibi metinler oluşturabiliriz

Mehmet Kirazli

Bunun için çok fazlasıyla etiket var fakat biz bunların önemli olanlarından bahsedeceğiz.Aşağıda yazacağımız etiketlerin kapatılması gerekmektedir.Bunu nasıl yapacağımızı önceki yazılarımda bahsetmiştim.Yazımıza aşağıdaki özellikleri vermek için,stil vermek istediğimiz yazıyı bu etiketler arasına yazmamız gerekiyor

Temel Metin Etiketleri

<b>….</b>                        => Metni kalın yapar                 Örneğin : MEHMET

<strong>..</strong>            => Metni kalın yapar                  Örneğin : MEHMET 

<i>…..</i>                          => Metni italik (eğik) yapar     Örneğin : MEHMET 

<u>…</u>                          => Metnin altını çizer                 Örneğin : MEHMET 

<strike>…</strike>               => Metnin üstünü çizer             Örneğin : MEHMET 

<big>….</big>                    => Metni büyütür                        Örneğin: MEHMET 

<small>…</small>                 => Metni küçültür                       Örneğin : MEHMET 

<sub>….</sub>                   => Metne alt yazı ekler              Örneğin : X2

<sup>….</sup>                   => Metne üst yazı ekler             Örneğin : X2

Buraya kadarki kısımda yazının renk özelliklerinden bahsetmedik.Onu ise <font>..</font> etiketleri ile yapıyoruz

Bu etiketin en önemli 3 özelliği vardır.Bunlardan 1.si color( renk )  2.si  size( boyut )  3.sü face( yazı stili ) Peki kullanımı nasıl ?

<html>
  <head>
    <title>Metin Özellikleri</title>
  </head>
   <body>
     <font color="red">Burası KIRMIZI renk</font>
     <br/>
     <font color="pink" size="1px"> Burası Pembe VE 1 PİKSEL</font>
     <br/>
     <font color="orange" size="5px" face="Arial">Burası Turuncu,5 Piksel,Arial Fontlu</font>
  </body>
</html>

Bu kodları Notepad de yazıp uzantısını .htm veya .html olarak kaydedip tarayıcınızda açtığınızda çıktınız aşağıdaki gibi olacaktır

Htmlde çok sık kullanılan yapılardan biri de başlıklardır.Başlıkları kullanabilmemiz için gereken etiket <h?> etiketidir.Bu etiketin işlem bittikten sonra kapanması gerekir.Soru işareti (?) kısmına 1 den 6 ya kadar sayılar yazılabilir.1 yazarsak en büyük fontta,6 yazarsak en küçük fontta başlık yazar.Yani 1 den 6 ya doğru gittikçe başlık boyutu küçülür. Konunun daha iyi anlaşılması açısından buna bir örnek verelim

<html>
   <head>
     <title>Başlıklar</title>
   </head>
   <body>
      <h1> Başlık 1 </h1>
      <h2> Başlık 2 </h2>
      <h3> Başlık 3 </h3>
      <h4> Başlık 4 </h4>
      <h5> Başlık 5 </h5>
      <h6> Başlık 6 </h6>
   </body>
</html>

Çıktımız:

Mehmet Kirazlı

İstanbul Eyüp'te ikamet ediyorum. Giresun Alucra'lıyım. Bilgisayar Mühendisliği bölümünden 2013 yılında mezun oldum. "Yeni Başlayanlar için Java 8" kitabının yazarıyım. Şu anda özel bir firmada Mobil Yazılım Geliştirme Uzmanı olarak çalışıyorum.

Yorum Bırak
Paylaş
Yazar
Mehmet Kirazlı
Etiketler: html bhtml fonthtml girişhtml metin düzenleme etiketlerihtml metin etiketihtml strong
% gün önce

Son Gönderiler

Android Firebase Event (not set) Hatası Çözümü

Merhaba. Firebase Events'e istatistik attığınızda not set şeklinde bir değer görüyorsanız olası çözümünü göstereceğim. (daha&helliip;) Daha Fazla Oku

% gün önce

Namaz Vakitleri Uygulaması Yayında

Merhaba. Android cihazlar için hazırladığım Namaz Vakitleri uygulaması ile 200'e yakın ülkede tüm namaz-ezan vakitlerini… Daha Fazla Oku

% gün önce

Kaza Namazı ve Oruç Takip Uygulaması

Selamlar. İnsanlar için faydalı olması amacıyla geliştirdiğim Kaza Namazı ve Oruç Takip Uygulamasını sizlere tanıtmak… Daha Fazla Oku

% gün önce

Android Volley Kullanımı ve JSON Parse İşlemleri

Volley, Android uygulamalarımızda kullandığımız AsyncTask'ın alternatifi olarak ortaya çıkarılan, Google I/O 2013 sunumunda duyurulan bir… Daha Fazla Oku

% gün önce

Android ButterKnife Kütüphanesi Kullanımı

Merhaba. Bu yazımda Android platformunda kullanıma sunulan, bazı kod bloklarını basitleştiren ve okunabilirliği arttıran ButterKnife… Daha Fazla Oku

% gün önce

Admob TikTok Reklamları Engelleme

Merhaba. Bu yazımda artık baş belası olmuş TikTok reklamlarını, Android uygulamalarımızdaki Admob reklamlarından nasıl kaldıracağımızı… Daha Fazla Oku

% gün önce