HTML nedir ? Ne işe yarar ? Temel HTML kodları nelerdir ?

Emre Köse

Hectopat
Katılım
27 Ocak 2013
Mesajlar
185
Yer
Ankara
HTML nedir ? Ne işe yarar ? Temel HTML kodları nelerdir ve nasıl yazılır örnek verebilir misiniz ?
 
HTML, basitçe web sitelerinin kodlarıdır. Her web sitesinin arka planında kodlar yatar. Tarayıcı ile siteye girdiğinde tarayıcı bu kodları işler ve karşına anlayabileceğin web sitesini oluşturur. Mesela resmin sağa geçmesi, yazının ortaya gelmesi ve arka planın mavi olması gibi vs. vs.

Sayfaya sağ tıklayıp "Kaynağı Görüntüle" dediğinizde gördüğünüz şey HTML kodlarıdır. Mesela:


Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" dir="ltr" lang="tr" id="vbulletin_html">
<head>
<base href="https://www.technopat.net/forum/" /><!--[if IE]></base><![endif]-->
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta id="e_vb_meta_bburl" name="vb_meta_bburl" content="https://www.technopat.net/forum" />

<meta name="generator" content="vBulletin 4.2.0" />

	<link rel="Shortcut Icon" href="https://www.technopat.net/forum/favicon.ico" type="image/x-icon" />
 
Hyper Text Markup Language(HTML)
<tag> //kod </tag> şeklinde yazılır.
Örneğin;
Kod:
<html>
<head> <title> TECHNOPAT-DENEME </title>
</head>
<body>
Merbaha Technopat'a Hoşgeldiniz! :)
</body>
</html>
 
HTML(Hyper Text Markup Language-Zengin Metin Biçimlendirme Dili) web tarayıcısının desteklediği dosya tipidir. Web tarayıcıları bu dosyaları kendileri anlayabileceği dilde yorumlar ve yorumlarken hata vermez ve kapatabileceği hataları kapatır (Açılmamış veya kapatılmamış etiketler (tags) ve yazılmamış body etiketleri vb.).

Html dosyaları tek başına word dosyalarından çok da farklı değildir. Yorumlayacak program farklı ve bu program size kodları göstermez ve JavaScript (sayfa içinde özel durumlarda etiketlere müdahale edebilme imkanı sağlar) var ve en önemlisi yorumlayacak programın (Internet Explorer) işletim sistemiyle kurulu gelmesi.

Html tek başına sadece statik sitede (değişmeyecek firma sitelerinde) kullanılabilir. Web programlama dilleri Html'e gömülü olarak yazılır. Php,Asp.Net ve Jsp gibi siteler aslında html olarak yazılır. Bu arada benim burada bütün etiketleri yazmam zor ama HTML Tutorial takip edebilir ya da sana tavsiyem Microsoft - Açık Akademi | Microsoft - Açık Akademi girip hem Asp.net hem de Html öğrenmen kafana takılan birşey olursa buradan bize sorabilirsin.
 
Son düzenleyen: Moderatör:
Merhabalar En Kitabi dille HTML(Hyper Text Markup Language) internet üzerinde web sayfası oluşturmak için kullanılan bir betik dilidir. HTML dosyalarının aktarımı için HTTP(Hyper Text Transfer Protocol) kullanılır. Bir HTMLdosyası bir text dosyası olmakla beraber markup tags (işaretlenmiş etiketler) içerir.

HTML olmadan websiteleri olmaz. O yüzden giriş seviyesinde öğrenilmesi gereken ilk dildir. Ardından CSS gelir. CSS stil için gereklidir.
<!DOCTYPE html>
<html>
<head>
<title>Merhaba Dünya</title>
</head>
<body>
<b>Merhaba Dünya!</b> Bu benim ilk HTML sayfam
</body>
</html>

bunlar HTML sayfada olması gereken öğelerdir.
HTML’in bir etiket dili olduğunu söylemiştik. <!DOCTYPEhtml> DOCTYPE bildirimi belge türünü tanımlar. Bu örneğimizde HTML 5 olarak belge türünü tanımladık. İkinci satırdaki <html>etiketi bir HTMLdosyası oluşturulacağını belirtmektedir ve bu etiket sayfanın sonunda </html>etiketi ile sonlandırılmıştır. Yani bu iki etiket arasında kalan etiketler HTML dosyası olarak işlenecektir.
<head> … </head>etiketi arasında kalan kısımda Başlık Bilgilerini (Title, Javascript dosyaları, Css dosyaları bu bölümde sisteme belirtilir. Javascript ve CSS dosyalarını daha sonra göreceğiz) içerir. Başlık bilgilerini dosyayı açtığımızda görmeyiz.
<title> … </title>etiketi arasında kalan kısıma yazdıklarınız Tarayıcı penceresinin en üstünde görüntülenir.
<body> … </body>etiketi arasında kalan kısım, tarayıcıda görüntülenecek olan bölümdür. Bu bölüme yazdıklarımız HTML dosyalarımızın görünen kısmıdır.
<b> … </b>etiketi arasında kalan kısımda bir yazı yazmışsanız. İlgili bölümü koyu (Bold) olarak gösterir.

HTML derslerine meraklıysanız, HTML Nedir ve HTML 5 Derslerini okumanızı tavsiye ederim. Bayağı bir içerik var.
 
Kendisi bir işaretleme dilidir ve şayet yazılım öğrencilerine öğretilen ilk bilgidir. Öğrenmek istersen youtube üzerinde bir çok dersi var ama ben tam olarak tavsiye etmem. Tavsiyem bir kitap üzerinden ilerlemen olacaktır.
 
Merhaba,

HTML kodu konusunda yardımcı olabilirmisiniz?

Konu şu şekilde;


HTML kodu ile kutucuklar olacak tıpkı EXCEL gibi düşünün.

A:10.000 B:5.000 C:A+B D:A/C E:C/1.5

Burdaki C-D- & E kutucuklarındaki formüller sabit olacak sadece A&B stunlarındaki rakamlar değiştirilebilcek.
Sonuç alınacak tıpkı kredi hesaplaam gibi örneğin

Yardımcı olabilecekmisisniz?
 
Bu siteyi kullanmak için çerezler gereklidir. Siteyi kullanmaya devam etmek için çerezleri kabul etmelisiniz. Daha Fazlasını Öğren.…