html | hanci.org

Eğitim

html

HTML Çerçeveler

Çerçeveler sayesinde aynı
tarayıcı penceresinde birden fazla HTML dökümanı
görüntüleyebilirsiniz.

Çerçeveler

Çerçeveler sayesinde aynı tarayıcı penceresinde birden fazla HTML
dökümanı görüntüleyebilirsiniz. Her HTML dökümanı bir çerçeve (frame)
ve her çerçeve birbirinden bağımsız olur.

Çerçeve kullanmanın dezavantajları:

HTML Bağlantılar

HTML başka sayfalara
kendi üzerinden bağlantı (link) kurmak için hyperlink (çoklu
bağlantı) özelliğini kullanılır.

Örnekler

Link oluşturma

Bir resime link vermek

HTML Özeller

HTML

HTML içinde bazı karakterler ("<" gibi) kaynak kodlarda
yazılarak ekranda görüntülenmesi sağlanamaz.

Bu tip karakterleri görüntüleyebilmek için bazı özel karakterler
kullanılır.

--------------------------------------------------------------------------------

Özel Karakterler

A character entity has three parts: an ampersand (&), an entity name
or a # and an entity number, and finally a semicolon (;).

HTML dökümanı içinde bu tip karakterleri görüntülemek için < veya <
yazmalıyız.

HTML Biçimlendirme

HTML, metini koyu veya
itelik yapmak için bir çok tanımlama biçimi barındırır.

Aşağıda bu konu ile ilgili bir çok örneği görebilir ve kendiniz
deneyebilirsiniz.

Örnekler

Metin Biçimlendirme

Biçimlendirilmemiş Metin

HTML Parametreler

Parametreler, HTML
öğelerine, ek özellikler eklenmesini sağlar.

HTML Etiket Nitelikleri

HTML etiketleri parametrelere sahip olabilir. Parametreler, HTML
öğelerine, ek özellikler eklenmesini sağlar.

Parametreler daima isim/değer çiftleri arasında gelir: name="value".

Parametreler daima başlangıç etiketi içerisinde belirtilir.

Parametre Örneği 1:

<h1> başlık belirtir.

<h1 align="center"> başlık

HTML Etiketler

HTML Etiketler Dersleri

1.
<html> </html> Etiketi ;

HTML Elementler

HTML dosyaları
HTML elementlerinden oluşur.

HTML
elementleri HTML komutlarından oluşur.

Java Script Doküman Nesnesi

Doküman (document)
nesnesi HTML dokümanının tamamını ifade etmektedir ve HTML`de
kullandığımız <p>, <h1>, <div>, vb. gibi tüm komutları içerir.
Doküman nesnesini HTML`deki <body> bölümü olarak düşünebilirsiniz.

Aslında ilk JavaScript dersinden başlayarak, document.write() komutu
ile HTML dokümanlarına yazı eklemeyi öğrenmiştik.

Doküman Nesnesinin İçeriğini Değiştirmek

Doküman nesnenin içeriğini değiştirmek için innerHTML
kullanılır. Önce doküman id="..." parametresi ile tanımlanır.

JavaScript ile Sayfalama

Elinizde çok uzun bir yazı var, bu yazıyı sitenizde yayınlamak
istiyorsunuz ama çok uzun olduğu için sitenizin görünümünü
bozacak endişesiyle bir türlü ekleyemiyorsunuz. ASP veya PHP
gibi dilleri kullanarak bu yazıyı sayfalara bölebilirsiniz

Html Temel Unsurlar

Bu sayfaya geldiğinize göre HTML öğrenme işinde

ciddisiniz demektir. HTML nispeten kolay bir dildir dedik. Bu dilde binary veya

hexadecimal kodlar yok. Herşey metin tabanlı ve bir HTML dökümanı oluşturmak

için ihtiyacınız olan şey bir editör. Hatta sizde herhangi bir HTML editörü

bulunmuyorsa bu işi Windowsun Notepadi ile dahi halledebilirsiniz. Piyasada

iki tip editör bulunuyor. Birisi metin tabanlı, kod yazmayı gerektiren fakat

bunun yanısıra rutin bazı işlemleri kolaylaştıran editörler (HotDog, HomeSite.. )

diğeri WYSIWYG (What You See Is What You Get / Ne görürsen onu alırsın ) tarzı

denen kısaca görsel, kodlamayla uğraştırmayı gerektirmeyen editörler (FrontPage,

Html Nedir ?

Htmle Giriş

Hypertext Markup Language (HTML ) belgelerin birbirlerine nasıl
bağlanacaklarını ve belge içindeki metin ve resimlerin nasıl
yerleşeceklerini belirleyen ve etiket (tag ) denilen kod parçalarından
oluşan bir sistemdir. Belgeleri birbirlerine bağlamak için kullanılan
Hypertextler oldukça güçlüdürler. Internet üzerinde yaşayan World Wide
Web (Kısaca WWW ya da Web ), HTML sisteminin arkasında etkileşimli, çok
platformlu, multimedia ve client/server uygulamaları yaratmak için
kullanılır.

Web, formatlı metinler, ses ve resimlerden oluşan "yaşayan"
belgelerden oluşur. Bu belgeler Webspace denen alanları oluşturur. Bir
webspace tipik olarak,home page etrafında biriken linkli sayfalardan

CSS ile Arkaplan Biçimi

HTML derslerinde sayfanın
arkaplanını değiştirmek için <body> komutuna bgcolor="..."
parametresini atıyorduk. Bu parametre tablolar veya diğer kodlar (h1-h6,
marquee,vb... )için de geçerliydi.

Arkaplan Rengi

CSSde ise bu kodların background-color özelliğine renk değerleri veriyoruz.

Kod Alanı:

CSS de Metin Biçimi

HTML kodlarına atanan
parametreler, metin formatı konusunda çok yetersiz kalmaktadır. En
basiti metni iki yana yaslayamıyorduk. HTML derslerinden hatırlanacağı
üzere, align="..." parametresi ile metni sağa (right ), sola (left ) ve
merkeze (center ) yaslamak mümkün. Ancak göze hoş gelen iki yana yaslama
biçimini bu parametreyle gerçekleştiremiyorduk.

Metin Hizalama

CSSde metni yaslamak için text-align özelliğinden yararlanıyoruz. Bu
özelliğe verebileceğimiz değerler:left (sol ), right (sağ ), center
(orta ) ve justify (iki yana yasla ). Aşağıdaki uygulamamıza bakalım:

CSS Giriş

CSS (Cascading Style
Sheets ) web tasarımcılarının işini oldukça kolaylaştırmaktadır. CSS
HTMLden ayrı yeni bir dil değil, HTMLin önemli bir parçasıdır. CSS ile
web sayfasındaki araçların görünümleri genelleştirilir.

HTML derslerinde style="..." parametresini görmüştük. Bu parametre
ile tanımlanan kodun özelliklerini değiştirmiştik. CSS style
özelliklerinin tüm sayfa için tanımlanmasıdır. Hem Navigator 4.0 hem de
Internet Explorer 4.0 browserlar ve daha gelişmiş olanları CSSyi
destekliyor. Fazla uzatmadan konuya girmek daha iyi olur sanırım.

HTML derslerinde geçen ama üzerinde pek durmadığımız style
parametresi üzerinde açıklama yapmam gerekiyor. style parametresi

CSS Nedir ?

HTML bize metin biçimlendirme alanında çok geniş olanaklar sunar. CSS, uzun yazılışıyla Cascading Style Sheets, veya Türkçesiyle Stil şablonları ise bunu bir adım daha öteye götürür, bize sayfalarımız için global şablonlar hazırlama olanağı verdiği gibi, tek bir harfin stilini; yani renk, font, büyüklük gibi özelliklerini değiştirmek için de kullanılabilir. Bu tekniğin en önemli özelliği kullanımındaki bu esnekliğidir.

Bir web sayfası içerisinde zaten estetik kuralları gereği yüzlerce renk ve font kullanmayız. Genelde birbiriyle uyumlu birkaç renk ve birkaç font kullanırız ki, bunları her sayfada ayrı ayrı tekrar belirtmek yerine CSS yardımıyla bir sefer tanımlayıp bütün web sayfamızda kullanabiliriz.Bu şekilde güncelleme yaparken de onlarca sayfayı değiştirmekten kurtuluruz.

Hanci.org sizlere daha iyi hizmet sunmak için çerezleri kullanıyor.
Hanci.org sitesini kullanarak çerez politikamızı kabul etmiş olacaksınız.
Detaylı bilgi almak için Gizlilik ve Çerez Politikası metnimizi inceleyebilirsiniz.