html | hanci.org

Eğitim

html

İnternet - Web Tarayıcılar (Browser)

Web standart olarak bilgi hizmetlerinin
görüntülenmesi ve hazırlanması için birçok değişik platform(Unix,
Windows, MacOs,...) üzerinde çalışan programlara izin verir. Bu
programlara Web Tarayıcılar(Browsers) denir. HTML kodları World Wide
Web(Dünya Çapında Kütüphane) için hazırlanmış Web tarayıcılarında
görüntülenir. Her bir HTML dökümanı tarayıcılar tarafından
görüntülenebilse de tarayıcılardan kaynaklanan çeşitli eksiklik ve
özelliklerden ötürü hazırlanan dökümanlar her tarayıcıda aynı
görüntülenmez.

İnternet Web Sayfası

World Wide Web’ler
herbiri tek bir anda browserlar tarafından hizmete sunulan
milyonlarca Web Sayfasından

oluşmuştur. Bir Web sayfası genellikle,
teksler, grafikler, sesler ve hypertext linklerden oluşan tek bir
HTML

dökümanıdır.

HTML Scriptler

Bir Web sayfası organizasyonunda JavaScriptleri Web sayfasına
eklemek için değişik yollar vardır:

. HEAD bölümünde

. BODY bölümünde

. BODY içinde URL olarak.

<HEAD>

İçinde:

HTML URL

HTML URL Yönlendirme

Web sayfanızda sizin belirlediğiniz zaman aralıgından sonra
istediğiniz URL ye yönlendirmeyi öğreneceğiz bu dersimizde.

HTML'de Kullanıcagımız Bir Dostumuzla Başlayalım Dersimize.
Öncelikle Yeni Bir "NOT DEFTERİ" Sayfası açalım. Ve Dersimize İlk
Adımı Atalım.

Dersimiz Orta Seviye Öğrencileri Göre hazırlandğı için Bazı Kodları
Bİlinmiş Sayıyor Ve Dersimize Başlıyorum.

Öncelikle <HTML></HTML> Kodlarımızı NotDefterimize

HTML Meta

Meta Tag Nedir?

HTML Başlık

<h1> BAŞLIKLAR

Yazıların Başlık şeklinde yazılması için kullanılır. 6 tane başlık
çeşidi vardır.

<html>

<title> Başlıklar </tille>

<body>

<h1> Başlık 1 </h1>

<h2> Başlık 2 </h2>

<h3> Başlık 3 </h3>

<h4> Başlık 4 </h4>

<h5> Başlık 5 </h5>

<h6> Başlık 6 </h6>

HTML Stiller

HTML
Stil

Web sayfasında yazılara (textlere)
stil kazandırmak için bir çok etiket bulunmaktadır. Şimdi bu
yazımızda önemli bir kaç etiketi inceleyelim.

HTML Fontlar

HTML Font Komutu

HTML Tasarım

.1
Temel bileşenler: html, head, title, meta ve body

Web
tasarımı yaparken bir WEB sayfasının ilk karşılaşacağımız standart
bileşenleri şunlardır:

<html> ve
</html> : sayfanın başlangıç ve bitişini belirtir.

HTML Gelişmiş

HTML'de harfleri koyu,
eğik veya altı çizili yapmaya yarayan komutları görmüştük. Aşağıda
hem daha önce gördüklerimiz, hem de yeni göreceğimiz kodlar yer
alıyor:

<b></b>

HTML Renkler

HTML de renkler kırmızı,
yeşil ve mavi kombinasyonları ile gösteriliyor.

Renk Değerleri

HTML Resimler

Kod : <img src=”dosyaismi.gif”>

Text ve Gömülen Resimin Düzeni

Kod : <img…> belirteciyle bazı özellikleri kullanarak text ve
resim arasında nasıl bir düzen olmasını istiyorsanız
ayarlayabilirsiniz. <img> belirtecinin içine yerleştirilen align
özelliği sayesinde aşağıdaki efektleri yapabilirsiniz:

align=top

Kod:

<img align=top src=”dosyaismi.gif>

Yazı buraya gelecek. Dikkat ederseniz, ilk satırdan sonraki yazı

HTML Formlar

Formlar, web sayfası
tasarlayan kişi veya şirketlerle internet kullanıcıları arasındaki

veri alışverişini sağlamak için ideal bir araçtır.

Formlar iki yönlü olarak çalışır; web tarayıcı tarafından ekranda
oluşturulan görüntü, kullanıcı tarafından doldurulduktan sonra
gönderilir ve web tarayıcı bu bilgileri alarak sunucuda çalıştırılan
bir programa iletir. Program bilgileri değerlendirdikten sonra
gerekli işlemleri yapar.

Bir form oluşturmak için

HTML Listeleme

Selam ile arkadaşlar.
Birazdan size listeleme etiketlerini vereceğim. Listeler bize bir
çok alanda lazım olabiliyor. Artık nerede kullanacağınız size kalmış
tabi. html ile bir kaç şekilde listeleme yapabiliriz. Örneğin sayı
olarak listeleme, noktalı olarak, boş nokta olarak, kare şekli
olarak. Aşağıda liste etiketleri yer alıyor.

Sayılarla listeleme;

KOD:

HTML Tablolar

TABLOLAR

Genel kullanımı;
Öncelikle <table>...</table> etiketlerini yazıyoruz,. <tr> etiketi
ile satır açıyoruz; <td> etiketi sütun açıyoruz.

<table>

<tr>

<td> … </td>

</tr>

</tablo>

Örnekler;

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.