Top

text Tag

  • All
  • Dijital medya
  • Dijital reklam
  • Dijital strateji
  • Eğitim
  • Growth hacking
  • Haber
  • İnceleme
  • Kişisel
  • Kurumsal
  • Markalar
  • Medya
  • Rehber
  • Teknoloji

Text Color (Yazı rengi)

Renk özelliği yazının rengini değiştirebilmek için kullanılır.

CSS ile bir renk;

  • Bir hex değeri “#ff0000”
  • Bir rgb değeri “rgb(255,0,0)”
  • Bir renk ismi “red” ile tanımlanır.

CSS renk değerlerine ait referans Css derslerinin bitiminde verilecektir.

Sayfanın varsayılan rengi body seçicisinde tanımlanır. Misal;

body {color:blue;}
h1 {color:#00ff00;}
h2 {color:rgb(255,0,0);}

W3C’nin css bildirisine göre; Color özelliğini verdiyseniz, background-color özelliğini de vermek zorundasınız.

Text Alignment (Yazı hizalama)

text-align özelliği yazının yatay hizalamasının ayarını tanımlar.

Yazı merkeze alınabilir veya sağa/sola hizalanabilir ve yahut iki tarafa hizalanabilir.

text-align, justify olarak belirlendiğinde ,her satır genişler iki yana yaslanmak için satır genişliğince ve sol ve sağ margin düz olur dergilerdeki ve gazetelerdeki gibi.

Text Decoration

text-decoration özelliği ile yazı süslemelerinin ekleyebilir ya da kaldırabilirsiniz.

HTML ile kendi web sayfalarınızı oluşturabilirsiniz.  W3Schools.com ‘dan yapacağım bu çeviriler ile HTML’yi kolaylıkla öğrenebileceksiniz. HTML’nin öğrenmesi kolaydır ve zevkli bulacaksınız bu dili.

Başlangıç olarak bilgi; çevirileri(başlıklar hariç) çift tırnak içinde göstereceğim. Kendi yazdıklarım normal yazı olarak kalacak. Anlatacaklarımı uygulayabilmeniz için ilk önce denetim masasından klasör seçeneklerini bulmanız ve klasör uzantılarını göster halini seçmelisiniz. Ardından istediğiniz bir alanda(mesela masaüstünde) bir klasör açın web ismini verin. Klasörün içine girin(fare ile çift tık). Fare ile sağ tuş tıklayın ve metin belgesi(yeni metin.txt diye yazar) dosyasını oluşturun. Biz bu yeni metin.txt dosyası ile HTML dosyalarımızı oluşturacağız. Yeni metin.txt dosyasını açın ve farklı kaydete tıklayın. Açılan pencerede isim kısmına index.html yazın ve kaydedin web klasörümüzün içine. index.html klasörüne çift tıklayın ve browser(chrome, firefox, opera, internet explorer gibi)’da görebilelim. Artık web klasörümüzün içinde yeni metin.txt ve index.html adlı iki dosya olacağını biliyorsunuz ve artık hazırsınız. Bunu hazırlayamadıysanız bile, örnekleri uygulayabilmeniz için W3Schools‘taki metin editörünü paylaşmış olacağım. Sol taraftaki verileri silip, etiketleri(anlatacağım) yazarsınız ve edit and click me yazan yere basarsınız sağ tarafta da web sayfasının durumunu görebilirsiniz böylece. Bu benim ilk çalışmam. Umarım hepimize yararlı olur. Anlaşılmayan yerleri yorum olarak yazabilirsiniz/sorabilirsiniz. Kolay gelsin.


HTML, Formlar ve Girişler

En önemli konu bence. Benim en çok zorlandığım konuydu zamanında yanlış öğrendiğim için. Ama siz, daha şanslısınız.

HTML formları bir server’a veya kurucuya Türkçesi ile, veri göndermek için kullanılır. Daha doğrusu kullanıcıdan veri elde etmek için.

Bir form, giriş elemanları içerebilir. Yazı alanları(text fields), checkbox’lar(çoklu seçim kutuları, üzerlerinde tik olabilen kare kutucuklar), radio-button’lar (radyo butonları tekli seçime izin verirler), submit button’lar (onaylama butonları, girilen verileri göndermeye yarar) ve daha fazlası gibi… Bir form, seçim listeleri, textarea, fieldset, legend ve etiket elemanları da içerebilir. Hepsi açıklanacak bu derste.

Misal;

<form>
.
input elements
.
</form>

HTML Formları – Giriş Elemanları

En önemli form elemanlarından biri giriş elemanlarıdır.

Giriş elementleri kullanıcının bilgisini seçmesini ya da girmesini sağlar.

Bir giriş elemanı type özelliğine göre değişiklik gösterir. Bir giriş elemanı yazı alanı girebilmek için, kendisine uyan şıklara tik atmak için, şifre girmek için password yani, radio button’dan seçim yapmak için, girdiği verileri onaylamak ya da resetlemek gibi daha fazla şey olabilir.

En çok kullanılan girişler aşağıda anlatılacaktır.

HTML ile kendi web sayfalarınızı oluşturabilirsiniz.  W3Schools.com ‘dan yapacağım bu çeviriler ile HTML’yi kolaylıkla öğrenebileceksiniz. HTML’nin öğrenmesi kolaydır ve zevkli bulacaksınız bu dili.

Başlangıç olarak bilgi; çevirileri(başlıklar hariç) çift tırnak içinde göstereceğim. Kendi yazdıklarım normal yazı olarak kalacak. Anlatacaklarımı uygulayabilmeniz için ilk önce klasör seçeneklerini bulmanız ve klasör uzantılarını göster halini seçmelisiniz. Ardından istediğiniz bir alanda(mesela masaüstünde) bir klasör açın web ismini verin. Klasörün içine girin(fare ile çift tık). Fare ile sağ tuş tıklayın ve metin belgesi(yeni metin.txt diye yazar) dosyasını oluşturun. Biz bu yeni metin.txt dosyası ile HTML dosyalarımızı oluşturacağız. Yeni metin.txt dosyasını açın ve farklı kaydete tıklayın. Açılan pencerede isim kısmına index.html yazın ve kaydedin web klasörümüzün içine. index.html klasörüne çift tıklayın ve browser(chrome, firefox, opera, internet explorer gibi)’da görebilelim. Artık web klasörümüzün içinde yeni metin.txt ve index.html adlı iki dosya olacağını biliyorsunuz ve artık hazırsınız. Bunu hazırlayamadıysanız bile, örnekleri uygulayabilmeniz için W3Schools‘taki metin editörünü paylaşmış olacağım. Sol taraftaki verileri silip, etiketleri(anlatacağım) yazarsınız ve edit and click me yazan yere basarsınız sağ tarafta da web sayfasının durumunu görebilirsiniz böylece. Bu benim ilk çalışmam. Umarım hepimize yararlı olur. Anlaşılmayan yerleri yorum olarak yazabilirsiniz/sorabilirsiniz. Kolay gelsin.


HTML Yazı(text) Biçimlendirme(formatting)

HTML Biçimlendirme Etiketleri

HTML <b> ve <i> gibi etiketleri kullanarak çıktıyı biçimlendirir bold ve italik yazı gibi. Bu etiketlere biçimlendirme etiketleri denir.

<b>bu kalın yazılmıştır.</b>

<i>bu italik yazılmıştır.</i>

Sıklıkla <strong>, <b> olarak; <em> de <i> olarak yorumlanır.

Bununla birlikte, anlam farkı mevcuttur bu yorumlanan kodlarda.

<b> ile <i> kalın ile italik yazıyı temsil eder sadece. <strong> ile <em> ise kullanıcının tarayıcı tarafından yorumlananların “önemli olma” derecesini görmesini sağlamaktadır. Günümüzde, tüm bilinen tarayıcılar strong’u bold olarak em’i de italik olarak algılamakta daha doğrusu sunmaktadır.  Fakat gün gelir de tarayıcılar strong etiketli yazıların üzerini renklendirirse sarıyla hatalı bir örneğimiz olur ve bold olarak tanımlayamayız.