html kodları html(hypertext markup language) web dokümanları şekillendirme dilidir. sayfaları biçimlendirmek, biçim vermek, düzenlemek için ...
html kodları
html(hypertext markup language)
web dokümanları şekillendirme dilidir. sayfaları biçimlendirmek, biçim vermek, düzenlemek için kullandığımız komutlara -tag- diyoruz. taglar < karakteri ile başlayıp > karakteri ile biterler.
<html> tagı html kodunun başladığını belirtiyor. sayfa bitiminde ise </html> tagı yeralır.
itle sayfanın başlığını belirtiyor. <title>sayfa başlığı</title> şeklinde kullanılıyor. bu komutlar arasına browserın başlık çubuğunda görülecek olan sayfanın başlığı yazılır.
<head>...</head> sayfanın baş kısmıdır. bu alanda yazılan bilgiler web sayfasında görüntülenmezler. burada sayfa başlığı, anahtar kelime tanımlamaları, sayfa içinde kullanılan karakter bilgisi benzer biçimde sayfanın direkt kendisine ilişkin tanımlamalar yapılır.
<body>....</body> sayfanın beden kısmıdır. ekranda görünen kısmı burasıdır. sayfa üstünde görülmesi istenen herşey bu bölümde yazılır. <body bgcolor=& text=& lınk=& alınk=& vlınk=&> bgcolor seçeneği, sayfanın zemininin, text, sayfa içindeki yazıların, bağlantı, bağlantı yazılarının, alink, etken durumdaki bağlantı yazılarının, vlink, ziyaret edilmiş bağlantıların renklerini vermemiz için kullanılır. sayfa kenarları ayarlamaları şu şekilde yapılır: <body leftmargın=& topmargın=&> & marjin miktarını temsil etmektedir. leftmarjin seçeneği sol kenarı, topmarjin üst kenarı ayarlamamızı sağlar.
height
yükseklik parametresidir.
<table>...</table> bu html kodları içinde en fazlaca ehemmiyet verilen etikettir. sayfada gözükse de, gözükmese de düzenleme amacıyla neredeyse her sayfada tablo kullanılır.
bağlantılar html sayfasında oldukça mühim yere sahipler. bir çok sayfayı bağlantı haline getirebilir, metinlere, resimlere bağlantı kazandırabiliriz. <a href="#">...</a> komutu ile kullanıcının başka bir dosyaya ulaşmasını sağlayabiliriz.
<font face="…">…</font> yazı tipi seçimi (mesela; times new roman, arial gibi…), <font size="…">…</font> yazı büyüklüğü seçimi (1-7 ye kadar değişebilir. sayıyı artırdıkça, taglar arasına yazdığımız yazının büyüklüğü de artar.), <font color="…">…</font> yazı renginin seçimi (altı basamaklı hexadecimal sayılar kullanarak ya da direkt renk adını vererek, ayarlamamızı yaparız.)
<font color="#000000=">…</font> etiketindeki #000000 ifadesi yazının rengini belirler. bu rakamlar rgb (kırmızı-yeşil-mavi) karışımının ifadesidir. bunlara özetlemek gerekirse hex kodları (hexadecimal kıymet) deniyor.
<center>....</center> ortalama etiketi. bu komut çifti yazı ve resimleri sayfada ortalar.
<img> tagı sayfaya fotoğraf gömmek için kullanılır. <img src="fotoğraf.jpg"> şeklinde kullanılır. <a href="#/fotoğraf.gif">resmi görüntülemek için tıklayın</a> bu etiketle resme bağlantı özelliği kazandırdık ve tarayıcıda altı çizili bağlantı olarak görüntülenmesini sağladık.
arka plan rengini belirleyen parametredir. <body> etiketinin sayfanın beden kısmı anlamına geldiğini söylemiştik. <body bgcolor=#ff0000> yazarsak sayfa arka plan rengi kırmızı olur
<b>…</b> kalınca yazı
<i>…</i> italik yazı
<u>…</u> altçizgi
<p>…</p> paragraf etiketidir. html dökümanımızda paragraf başı yapmak, bir tek alt satıra geçmek ya da bir kısım yazıyı tek bir satırda yazmak istediğimiz vakit aşağıdaki bu komutu kullanmalıyız. bu komut çiftiyle beraber kullanılmaz.
<br> satır boşluğu etiketidir. çifti yoktur. <br> bir satır boşluk bırakmadan, bir alt satıra geçer.
<h1>....<h6> başlık etiketi. bu komutlar arasına da kullanacağımız başlığı yazarız. sayı büyüdükçe, başlığın ebatları da küçülür. başlığı sağa, sola yaslamak ya da sayfanın tam ortasında bulunmasını sağlamak için <h*> belirteci align seçeneğiyle kullanılır.
<hr> tagını kullanarak herhangi bir yere değişik boyutlarda çizgi çizebiliriz. <hr size=# width=# align=#> … çizginin uzunluğunu ayarlamak için kullandığımız width seçeneğini width=50% şeklinde de kullanabiliriz. mesela; bizim kullanımımız sayfanın %50’ si, kısaca yarısı uzunluğunda bir çizgi çizmek istediğimizi belirtir.
bu kodlarla bir blok yapılabilrmi heralde evet. :)
YORUMLAR