Html nedir? Html giriş dersleri

Konu: Html nedir? Html giriş dersleri Paz Nis. 18, 2010 2:08 pm

Html nedir?

HTML, HyperText Markup Language, browser‘lardan görebileceğimiz (İnternet Explorer,Netscape gibi) internet dökümanlarını yaratmaya yarayan bir işaretleme dilidir. İnternet üzerindeki tüm sayfaların kaynağı html’dir.Browser olmadan html kodları birşey ifade etmez.
HTML dökümanları herhangi bir yazı editörü ile düzenlenip *.htm, *.html, *.shtml gibi uzantılarla kaydedilir.Bunun için notepad, pico,wordpad gibi editörler yeterlidir.Bunların yanında Dreamweaver,Homesite gibi bu iş için hazırlanmış ve kodlamayı kolaylaştıran programlar da vardır.
Her html dökümanı ile başlar ve ile biter.<> şeklinde görülen komutlara etiket (tag) adı verilir.İki ana kısımdan oluşmaktadır: …ve …. head’ın içine etiketi gömülür.title, browser’ımızın en üstünde yazan açıklamayı içerir.
title’dan sonra head kapatılır ve ana kısım olan body’ ye geçilir.Sayfamızda görüntülemek istediğimiz herşeyi body içine gömeriz.

Örnek:Herhangi bir web sayfasının html kodunu görmek istediğimiz zaman,mouse’ın sağ tuşuna tıklayıp view source/kaynağı görüntüle seçeneğini seçeriz .

Html Metin Oluşturma

Başlıklar:
6 çeşit başlık vardır:<h1>,<h2>,…<h6>.Bunlardan en büyüğü <h1>,en küçüğü ise <h6>’dır.

<h1>H1 ile yapılan başlık</h1>
<h2>H2 ile yapılan başlık</h2>
<h3>H3 ile yapılan başlık</h3>
<h4>H4 ile yapılan başlık</h4>
<h5>H5 ile yapılan başlık</h5>
<h6>H6 ile yapılan başlık</h6>

Fontlar ve Metin Biçimleme:
<font color=”red” face=”arial” size=”3″>
Color, yazı karakterinin rengini,face yazı tipini (arial,verdana,tahoma gibi), size da boyutunu belirler. Size özniteliğinde kullanılan rakam 1′den 7′ye kadardır.
<b>…</b>: koyu renk yazı(bold)
<i>…</i> : italik
<p>…</p> : paragraf
<u>…</u> : alt çizgi (underline)
<center>…</center> : metni ortalar
<br> : satır atlama
<hr> : yatay çizgi (horizontal rule)
Not: Metin biçimlerken başladığınız etiketi kapatmayı unutmayın.

Html Öz Nitelikler

<table border=”" cellpadding=”" cellspacing=”" width=”" height=”" bgcolor=”" align=”" valign=”">
<td height=”" width=”" bgcolor=”" align=”" valign=”" colspan=”" rowspan=”">
border=”" : Çerçevenin kalınlığını belirler.border=”0″ dersek tabloda çerçeve bulunmaz,bu miktarı arttırdıkça çerçevenin kalınlığı da artar.
cellpadding=”" ,cellspacing=”" : Hücre elemanlarının sınırlara olan uzaklığı cellpadding, satır ve sütunların uzaklığı ise cellspacing özniteliği ile belirtilir.
bgcolor=”": <table bgcolor=”red”> şeklinde kullanarak bütün tablo ya da <td bgcolor= “red”> şeklinde sadece tek bir hücre renklendirilir.
align : hücredeki elemanın yatay konumunu belirler ve “right,left,center” opsiyonları ile kullanılır.
valign : hücre elemanının düşey konumunu belirler ve opsiyonları “top,bottom,middle”dır.
colspan=”" ,rowspan=”" :Aynı satırdaki hücreleri birleştirmek için colspan, aynı sütundaki hücreleri birleştirmek için de rowspan özniteliği kullanılır. Birleştirilen hücreye ait <td>..</td> etiketini silinir.

Html Renkleri

HTML dökümanlarında renkler ya İngilizce isimleriyle,ya da “hexadecimal” değerleriyle belirtilir.

[Linkleri görebilmek için üye olun veya giriş yapın.]

Html Tablolar

Tablolar <table>….</table> etiketleri arasında yapılır.<table> etiketinden sonra daima <tr> gelir.Her satır tanımlandığında <tr>,her hücre tanımlandığında da <td> etiketi kullanılır.

Örnek :
<table border=”1″>
<tr><td>1. hücre</td><td>2. hücre</td><td>3.hücre</td></tr>
<tr><td>4. hücre</td><td>5. hücre</td><td>6. hücre</td></tr>
</table>

Html Resim Ekleme

Resim ekleme:
<img src=”resim.jpg”>
şeklinde olur.Dikkat etmemiz gerekenler kulanacagimiz imajın “.jpg” ya da “.gif” formatında olması ve dizin yapısıdır.
Öznitelikler:
<img src=”" width=”" height=”" border=”" alt=”">
alt: Resme açıklama vermemizi sağlar.Mouse’ı resmin üstüne getirdiğimizde,alt özniteliğinde yazılan açıklama ekranda çıkar.Eğer resim açılmazsa,onun yerine açıklama görünür.
src=”" : Resim dosyasının kaynağını belirtir.
** Eğer artalanda bir imajın çıkması istenirse:
<body background=”resim.jpg”> şeklinde yazılır.

Html Parametreleri

Giriş: HTML(HyperText Markup Language) internet dokümanlari sekillendirme dilidir. Sayfalari biçimlendirmek, sekil vermek, düzenlemek için kullandigimiz komutlara -tag- diyoruz. Taglar < karakteri ile baslayip > karakteri ile biterler.

HTML: <HTML> Tagi HTML kodunun basladigini belirtiyor. Sayfa bitiminde ise </HTML> tagi yeralir.

Title: Title Sayfanin basligini belirtiyor. <Title>Sayfa basligi</title> seklinde kullaniliyor. Bu komutlar arasina browserin baslik çubugunda görülecek olan sayfanin basligi yazilir.

Head: <head>...</head> Sayfanin bas kismidir. Bu alanda yazilan bilgiler web sayfasinda görüntülenmezler. Burada sayfa basligi, anahtar kelime tanimlamalari, sayfa içerisinde kullanilan karakter bilgisi gibi sayfanin dogrudan kendisine iliskin tanimlamalar yapilir.

Body: <body>....</body> Sayfanin gövde kismidir. Ekranda görünen kismi burasidir. Sayfa üzerinde görülmesi istenen hersey bu bölümde yazilir. <BODY BGCOLOR=& TEXT=& LINK=& ALINK=& VLINK=&> Bgcolor seçenegi, sayfanin zemininin, text, sayfa içindeki yazilarin, link, baglanti yazilarinin, alink, aktif durumdaki baglanti yazilarinin, vlink, ziyaret edilmis baglantilarin renklerini vermemiz için kullanilir. Sayfa kenarlari ayarlamalari su sekilde yapilir: <BODY LEFTMARGIN=& TOPMARGIN=&> & marjin miktarini temsil etmektedir. Leftmarjin seçenegi sol kenari, Topmarjin üst kenari ayarlamamizi saglar.

Height: Yükseklik parametresidir.

Table: <table>...</table> Bu HTML kodlari içinde en çok önem verilen etikettir. Sayfada gözükse de, gözükmese de düzenleme amaciyla hemen hemen her sayfada tablo kullanilir.

Link: Linkler HTML sayfasinda oldukça önemli yere sahipler. Bir çok sayfayi baglanti haline getirebilir, metinlere, resimlere link kazandirabiliriz. <a href="....">...</a> komutu ile kullanicinin baska bir dosyaya ulasmasini saglayabiliriz.

Font: <font face="…">…</font> Yazi tipi seçimi (Örnegin; Times New Roman, Arial gibi…), <font size="…">…</font> Yazi büyüklügü seçimi (1-7 ye kadar degisebilir. Sayiyi artirdikça, taglar arasina yazdigimiz yazinin büyüklügü de artar.), <font color="…">…</font> Yazi renginin seçimi (alti basamakli hexadecimal sayilar kullanarak ya da dogrudan renk ismini vererek, ayarlamamizi yapariz.)

Color: <font color="#000000=">…</font> etiketindeki #000000 ifadesi yazinin rengini belirler. Bu rakamlar RGB (Kirmizi-Yesil-Mavi) karisiminin ifadesidir. Bunlara kisaca Hex Kodlari (Hexadecimal deger) deniyor.

Center: <center>....</center> Ortalama etiketi. Bu komut çifti yazi ve resimleri sayfada ortalar.

İmages: <img> tagi sayfaya resim gömmek için kullanilir. <img src="resim.jpg"> seklinde kullanilir. <a href="resim.gif">Resmi görüntülemek için tiklayin</a> bu etiketle resme baglanti özelligi kazandirdik ve tarayicida alti çizili link olarak görüntülenmesini sagladık.

Bgcolor: Arka plan rengini belirleyen parametredir. <body> etiketinin sayfanin gövde kismi anlamina geldigini söylemistik. <body bgcolor=#FF0000> yazarsak sayfa arka plan rengi kirmizi olur.

Align: Kullanildigi sayfadaki yatay yerini belirler. Bu parametrenin 3 degeri vardir. Bunlar: left, right ve center dir. Left sola, right saga dayali olarak gösterilmesini, center ise ortalanmasini saglar.

Valing: Satirdaki hücrelerin içeriginin dikey olarak nereye hizalanacagini belirtiyoruz. Kullanildigi sayfadaki dikey yerini belirler. Bu parametrenin 3 degeri vardir. Bunlar: bottom, middle ve top dir. Bottom asagiya dogru , top yukari, middle ortaya konumlandirilacagini belirtir.

Border: Çerçeve kalinligini belirtir.

b: <b>…</b> Kalin yazi

i: <i>…</i> Italik yazi

u: <u>…</u> Altçizgi

p: <p>…</p> Paragraf etiketidir. HTML dökümanimizda paragraf basi yapmak, sadece alt satira geçmek ya da bir kisim yaziyi tek bir satirda yazmak istedigimiz zaman asagidaki bu komutu kullanmaliyiz. Bu komut çiftiyle birlikte kullanilmaz.

br: <br /> Satir boslugu etiketidir. Çifti yoktur. <br /> bir satir bosluk birakmadan, bir alt satira geçer.

h1: <h1>....<h6> Baslik etiketi. Bu komutlar arasina da kullanacagimiz basligi yazariz. Sayi büyüdükçe, basligin ebatlari da küçülür. Basligi saga, sola yaslamak ya da sayfanin tam ortasinda bulunmasini saglamak için <h*> belirteci align seçenegiyle kullanilir.

hr: <hr> tagini kullanarak herhangi bir yere degisik boyutlarda çizgi çizebiliriz. <hr size=# width=# align=#> … Çizginin uzunlugunu ayarlamak için kullandigimiz width seçenegini width=50% seklinde de kullanabiliriz. Örnegin; bizim kullanimimiz sayfanin %50’ si, yani yarisi uzunlugunda bir çizgi çizmek istedigimizi belirtir.

Konu: Geri: Html nedir? Html giriş dersleri Salı Mayıs 04, 2010 3:33 pm

teşekkürlerr

» Html Dersleri (Video)
» HTML nedir?
» Hit nedir? Tekil,çoğul hit nedir? Site trafik nedir?
» Domain Nedir? ,Hosting Nedir?
» Üye olmayanlara giriş engelli