Html Text (Yazı) Özellikleri ve Kodları

htmldersleriİnternet sitesi yapmaya yeni başlayanlar için veya benim gibi kod yazmaya üşenenler için hazır kodlar.

Bazı sitelerde görürsünüz veya sizin tasarımınızda istersiniz, yazı kalın olsun, italik olsun, renkli olsun, arkasında çerçeve olsun falan… İşte bunları bir araya toplayayım lazım olunca alıp kullanayım diye bu sayfayı yazdım.

Aslında bu dersin adına HTML GİRİŞ 1 de diyebiliriz, çünkü en temel ve basit kodlardır bunlar.

Kalın, eğik ve altı çizgili yazmak
Bazen yazımızın diğer yazılardan ayrılması için onu daha belirgin yapmamız gerekir.
Bunun adı: “Bold” yapmak, yani yazıyı daha kalın ve siyah yazmak.

 

ÖNEMLİ NOT: Bu syfada link denilen yerlere örneğin http://google.com gibi linkler yazılacaktır ve unutmayalım ki bu kodların bir noktası dahi silinse kod çalışmaz. < ‘ ” gibi işaretler çok önemlidir.

Kalın (Bold) yazı
<b>Yazınızı buraya yazacaksınız</b>

Yazıyı eğik yazmak için kullanacağınız kod ise böyle…
Eğik (İtalik) yazı
<i>Yazınızı buraya yazacaksınız</i>

Yazınızın altına çizgi çekmek istiyorsanız bu kodu kullanacaksınız.

Ama dikkat etmeniz gereken birşey var. Biliyorsunuz, link verilen kelimelerin de altı çizgili oluyor. Yani altı çizgili bir kelime gördüğümüzde aklımıza gelen şey başka bir sayfaya gidecek olmamız…

Siz link vermediğiniz kelimeleri altı çizgili yaparsanız, insanları yanıltmış olacaksınız. Onun için dikkat edin …

Altı çizgili (underline) yazı
<u>Yazınızı buraya yazacaksınız</u>

Peki…  Hem kalın hem eğik yazmak istersek ne yapacağız?
O zaman her iki kodu da peşpeşe kullanacağız.

Yani ne kadar özellik vermek istiyorsak onların hepsini kod olarak peşpeşe yazabiliriz. Ama kodları kapatmayı hiçbir zaman unutmayın.

<b><i> Yazınızı buraya yazacaksınız</i></b>

Şimdi bu yazılara naıl link vereceğimizi göstereceğiz.

Yazıya link verme kodu 
<a href=”buraya linki yazın “>buraya yazını yaz</a><br />

bu kod ile yapılan link aynı sekmede açacaktır farklı bir sekmede açmasını yani linklin olduğu sayfa kapanmadan diğer boş sekmede açması için ise _blank işini konuşalım. Yeni linkimiz aşağıdaki gibi olacaktır.

<a href=”buraya link yaz“target=”_blank”>buraya yazını yaz</a><br />

 

Yazıların renklerini değiştirmek için Renk Kodları sayfasından istediginiz kodu alarak kırmızı işaretlediğim yerle değiştiriniz.
<h1>
<Span style = “color: lime ; “> siteme Hoş Geldiniz </ span> </ h1>
<h1>

<h2>
<Span style = “color: red ; “> siteme Hoş Geldiniz </ span> </ h2>

<h3>
<Span style = “color: #323232 ; “> siteme Hoş Geldiniz </ span> </ h3>

 

Evet şimdilik son olarak yazdığımız bu yazıları sayfaya yerleştirmek için ise aşağıdaki örnekleri inceleyiniz.

Yazıların sayfanın neresinde durması gerektiğine biz karar verebiliriz. Hiçbir şey yazmazsak, Sayfanın solunda dururlar.
<p> Paragraf yapmak için kullanılır. Ayrıca yazı yerleştirmelerinde de işe yarar.
Sola dayalı olması için:

<p>Yazınızı buraya yazacaksınız</p>

Ortada olması için:

<p align=center>Yazınızı buraya yazacaksınız</p>

 

<center>….</center>

Yazınızı <center>….</center> arasına yazarsanız. Sayfanın ortasında görünür.

Sağa dayalı olması için:

<p align=right>Yazınızı buraya yazacaksınız</p>

Satırbaşı ve paragraf yapmak

<br>

Klavyede yazarken alt satıra inmek için enter tuşunu kullanıyorsunuz. Ama web sayfası hazırlarken bu işe yaramaz. Alt satıra inmek istediğinizi sizin kod yazarak belirtmeniz gerekir. <br> yazdığınız zaman, yazınızı satırbaşı yapmadan yazmış olsanız bile, yazınız web sayfanızda satırbaşı yapılmış olarak görünür.

Paragraf, Hem satırbaşı hem de bir satır boşluk olması demektir.

<p>

Bu iki komutun diğerlerinden bir farkı var.

Yazdığınız her komutu “/” işaretiyle kapatmak zorundasınız ama bu ikisinde bunu yapmanız gerekmez.

^
Bize Ulaşın