4 Kasım 2011 Cuma
HTML'de Tablolarla İlgili Örnek 2
<html>
<head>
<title> TABLOLAMA </title>
</head>
<body>
<table border=5 cellspacing=10 cellpadding=10>
<tr>
<th colspan = 3> Yıllara Göre </th>
<th colspan = 2> 2005 </th>
<th colspan = 2> 2006 </th>
HTML'de Tablolarla İlgili Örnek 1
<html>
<head>
<title> TABLOLAMA </title>
</head>
<body>
<table border=1>
<tr>
<th> Yıllara Göre </th>
<th> 2003 </th>
<th> 2004 </th>
HTML'de Bağlantı Oluşturma Örneği
<html>
<head>
<title> HTML Nedir? </title>
</head>
<body>
<h2> HTML </h2><br>
<p><ol type="1">
<li><font size= +1><a href=#1>HTML</a></font></li>
<li><font size= +1><a href=#2>Örnek bir HTML kodu</a></font></li>
<li><font size= +1><a href=#3>Tarihi</a></font></li>
<head>
<title> HTML Nedir? </title>
</head>
<body>
<h2> HTML </h2><br>
<p><ol type="1">
<li><font size= +1><a href=#1>HTML</a></font></li>
<li><font size= +1><a href=#2>Örnek bir HTML kodu</a></font></li>
<li><font size= +1><a href=#3>Tarihi</a></font></li>
HTML'de Metin Düzenleme Örneği
<html>
<head>
<title> </title>
<head>
<body>
<h1> Hard Diskin Çalışma Prensipleri </h1>
Verilerimizi kalıcı olarak saklamak için kullanılan bir <b>saklama birimidir</b>.
HTML'de Listeleme Etiketleri Örneği
<html>
<head>
<title> Merhaba </title>
</head>
<body bgcolor=#ff6131>
<font size=+2 color=blue face="Arial Tur"> Bu bizim ilk sayfamızdır.</font> <br>
İncirli <b>Teknik ve Endüstri</b> Meslek Lisesi <br>
Bilişim <b><u>Teknolojileri</u></b> Alanı
<u><i>11-AND </i></u>
<h1> Okulumuzdaki Bölümler</h1>
<h2> Okulumuzdaki Bölümler</h2>
<h3> Okulumuzdaki Bölümler</h3>
HTML'de Tablolar
<TABLE>:
Tablolar
<table> belirteci ile başlar.
<table>
……
</table>
<TR>:
Tabloda satır
oluşturmayı sağlar.
<TD>:
Tabloda sütun
oluşturmayı sağlar.
HTML'de Bağlantı (Köprü) Oluşturma
Sayfa İçi
Bağlantı Oluşturma:
Bir metin
üzerinde belirli bölgelere ulaşmak için yine etiketler kullanılabilir.
<a href="#...">...</a>, <a
name="....">...</a> komutlarını kullanarak sayfa içi
(dahili) bağlantıları hazırlayabiliriz. Örneğin sayfanın üst kısmında
sayfa indeksini gösteren bir menü olsun. Kullanıcı bu menüde istediği
başlığa tıkladığında ilgili konuya gitsin.
ÖRNEK:
<HTML>
<HEAD>
HTML'de Metin Düzenleme Etiketleri
<Hx>
Bu etiketler,
doküman içinde kullanılabilecek başlıklardaki yazıların
büyüklüklerini tanımlar. “x” değeri 1’den 6’ya kadar değer alabilir. Sayı
arttıkça yazı büyüklüğü azalır.
<B>
Aradaki metni
koyu (bold) yazar.
<U>
Aradaki metni
altı çizili (underline) olarak yazar.
<I>
Aradaki metni
eğik (italic) yazar.
HTML'de Listeleme Etiketleri
<OL>
Sıralı liste
oluşturmak için kullanılır. Sıralı listelerden kastımız kelime ya
da cümlelerinizi ya da herhangi bir şeyi numaralı, alfabetik, roma rakamlı
olarak sıralı göstermektir.
<UL>
Listeleme
yaparken maddelerin başına harf, rakam gibi unsurlar yerine
küçük yuvarlaklar, kareler yerleştirmek için <ul> etiketini
kullanıyoruz.
<LI>
<li>
etiketi ingilizce “liste elemanı” anlamına gelen 'list item'
kelimesinin kısaltılmışıdır.Liste elemanlarını liste şeklinde göstermek
için kullanılır.
HTML
HTML diğer programlama dillerinden farklı olarak sadece görsel düzenleme için kullanılmaktadır. HTML herhangi bir text editörle (Notepad, Word,...) hazırlanabilir.
Notepad veya Word gibi editörlerle yazılan html dosyalarının ilk sayfaları index.html adıyla kayıt edilmelidir.
Yazım kuralları:
Notepad veya Word gibi editörlerle yazılan html dosyalarının ilk sayfaları index.html adıyla kayıt edilmelidir.
Yazım kuralları:
- Komutlar büyük ya da küçük harfle yazılabilir.
- Komutlar Türkçe karakterler (ş,ç,ı,ü,ğ,ö) içermez.
- Komutlar “<” ve “>” işaretleri arasında yazılır ve “etiket (tag)” adını alır.
Kaydol:
Yorumlar (Atom)