Neler yeni
İslami Forum, Dini Forum, islami site, islami sohbet, radyo, islami bilgiler

İslam-tr.org'a hoş geldiniz! Hemen üye olun ve kendi konularınızı, düşüncelerinizi paylaşarak bu platforma katılın. Oturum açtıktan sonra, İslam dini, tarih ve güncel konularla ilgili paylaşımlarda bulunabilirsiniz.

Html Nedir ?

Melhame-i kübra Çevrimdışı

Melhame-i kübra

Erkek
İslam-TR Üyesi
HTML

Hypertext Markup Language kelimelerinin baş harflerinden oluşan dosya uzantısıdır. Cümlenin ingilizce oluşu sizi yanıltmasın anlamı "Basit internet sayfası" olarak çevrilebilir.

HTML Formatı internetin ilk çıktığı dönemlerde geliştirilen bir dosya formatıdır. Html dosyası Not defteri gibi basit bir programla açılıp üretilebilir. Fakat bu dosyanın yorumlanması için internet explorer* gibi bir program gereklidir.

Html dosyasının tarayıcı tarafından algılanması için içersinde "<html></html>" şeklinde bölümler bulunması gerekir. bu şekildeki tanımlayıcılara tag denir.



*Firefox veya Opera internet explorer benzeri tarayıcılardır, ücretsiz ve güncel olmaları sebebiyle web sayfalarını görüntüleme açısından daha uyumludur.

En basit html sayfası yapımı;

HTML TAGLARI NEDİR

Html sayfalarının içersinde bulunan ve internet explorer gibi tarayıcılar tarafından yorumlanarak görsel hale getirilen yazılardır.

basit bir tag örneği:



<b>Yazı</b>



yukarıdaki yazı internet sayfasında ise bu yazı kullanıcıya aşağıdaki gibi yansıtılacaktır.



Yazı


Burada kullanılan <B> işareti BOLD kelimesinin kısaltması olup anlamı koyu harflerle yazılmış yazıdır.



EN BASİT WEB SAYFASI YAPIMI

En basit html sayfası aşağıdaki gibi olabilir. Uygulamak için Buradaki yazıyı not defterine yapıştırın.

<html>
<b>Selam</b>

<br>Bu benim ilk sayfam

</html>

Dosya menüsünden "Farklı Kaydet" diyerek dosya türünü resimdeki gibi belirtin. Böylece Düz yazı dosyanız bir anda internet sayfasına dönüşecektir.




Html tagları nelerdir ?

Html sayfası üretirken bir elemanın başlangıç ve bitiş noktaları arasına bu şekilde <> büyük ve küçük işareti konarak gösterilir.

örnek:

<metin>Burada yazılar var</metin>

(Tabi bu örnek anlamanız için basitleştirilmiş halidir. normalde yazı için <font> işareti kullanılır.)





<!--...--> Açıklama yazmak için kullanılır
<!DOCTYPE> Dosya tipini belirtir
<a> Link belirtir
<abbr> Yazının bir kısaltma olduğunu belirtir
<acronym> Kelimenin başharfleri olduğunu belirtir
<address> iletişim adresleri için kullanılır
<applet> Gömülü aplet eklemekte kullanılır(html 4 ile bu özellik iptal edilmiştir)
<area /> Resmin parçalarına ait link vermeyi sağlar
<b> Koyu harfli yazı
<base /> Tüm linkler için kaynak kök adresi belirtir
<basefont /> Fon tipi belirtir (html 4 ile bu özellik iptal edilmiştir)
<bdo> Yazının yönünü belirler
<big> Büyük yazı tanımlar
<blockquote> Uzun alıntı metin olduğunu gösterir
<body> Dosyanın ana kısmını gösterir
<br /> Alt satıra geçiş işaretidir
<button> Gönderme butonu üretir
<caption> Tablo başlığı yazar
<center> Elemanı sayfada ortalar (html 4 ile bu özellik iptal edilmiştir)
<cite> Alıntı belirtir
<code> Bilgisayar kodları belirtir
<col /> Tablo sütunları için özellik verir
<colgroup> TAblodaki bir grup sütuna özellik verir
<dd> Tanım Listesi
<del> Silinmiş yazı
<dir> Klasör listesi belirtir (html 4 ile bu özellik iptal edilmiştir)
<div> Dökümanda bir bölümü temsil eder
<dfn> Tanım kelimesini gösterir
<dl> Tanım listesi elemanı
<dt> Tanım listesindeki elemanlardan biridir
<em> Vurgulanmış yazı
<fieldset> Form için çerçeve üretir
<font> Yazı özellikleri belirtir (html 4 ile bu özellik iptal edilmiştir)
<form> Bilgi yayıt formu
<frame /> Sayfa içinde gömülü pencere açar
<frameset> Sayfada bölme yapar
<h1> ile <h6> arası Başlık yazısı belirler
<head> Dökümanın temel başlık elemanlarını içerir
<hr /> Yatay çizgi
<html> sayfa türünü belirtir
<i> Eğik yazı
<iframe> Başka bir sayfayı dökümanda gösterir
<img /> Resim
<input /> Form için bilgi alanı
<ins> Eklenmiş yazı
<isindex> Dökümana ait arama kelimesi (html 4 ile bu özellik iptal edilmiştir)
<kbd> Klavye yazısı
<label> Form için metin etiketleri
<legend> Form çerçevesi için açıklama
<li> Liste elemanı
<link /> Dökümana dışardan bir kaynak bağlar
<map> resim için parçaları tanımlar
<menu> Menü listesi (html 4 ile bu özellik iptal edilmiştir)
<meta /> Dökümana ait önemli tanımlamaları içerir
<noframes> Frame özelliği kapalı ise gösterilecek yazı
<noscript> Javascript kapalı isse gösterilecek yazı
<object> Gömülü uygulamalar
<ol> Düzenli Liste
<optgroup> Seçim listesindeki alkalı bileşenler
<option> Seçim listesindeki elemanlar
<p> Paragraf başı
<param /> Gömülü uygulamalar için ayar kısmı
<pre> Düz yazı biçimi
<q> Kısa alıntı
<s> Üseri çizili yazı (html 4 ile bu özellik iptal edilmiştir)
<samp> Örnek bilgisayar kodu gösterir
<script> Kullanıcı taraflı uygulama
<select> Seçim listesi
<small> Küçük yazı
<span> Dökümanda bir bölümü gösterir
<strike> Üzeri çizili ayzı (html 4 ile bu özellik iptal edilmiştir)
<strong> Kalın yazı
<style> Elemanların görünümünü belirten şekiller
<sub> Alt yazı
<sup> Üst yazı
<table> Tablo
<tbody> Tablo grubu
<td> Tablonun bir gözü
<textarea> Form için uzun yazı alanı
<tfoot> Tablonun dip kısmı
<th> Tablodaki başlık alanı
<thead> Tablo başlık grubu
<title> Dökümanın ana başlığı
<tr> Tablonun bir satırı
<tt> özel metin
<u> Altı çizili yazı (html 4 ile bu özellik iptal edilmiştir)
<ul> Düzensiz liste
<var> Yazı içinde değişken tanımı
<xmp> Ön tanımlı yazı (html 4 ile bu özellik iptal edilmiştir)


Bu ön bilgiydi,Html 'i öğrenmek istiyorsanız. Web tasarım eğitmeni burak bayram 'dan kendinizi geliştirebilirsiniz.
Yararı olur inşæAllah,

 
Üst Ana Sayfa Alt