Web Sayfası Konusunda

Tıp mesleği, genellikle hastalıklarımızı teşhis etme ve sağlığımıza geri kavuşmak için hemen bir tedavi önerme konusunda çok iyidir. Ancak doktorlar sorunun ne olduğu konusunda herhangi bir ipucuna sahip olamadıkları ortak kararına varırlarsa, tüm tıbbi işlemlerin en ürkütücüsü olan cerrahi araştırma gerekli olabilir. Bu, bir cerrahın göz atmak için içinizi açtığı zamandır. Cerrahi araştırma korkulacak bir şey olmasına rağmen, haya­ tınızı da kurtarabilir. Benzer şekilde örnek bir Web sayfasını tam ortasından kesmek, pro­ jenize yeni bir hayat verebilir. Önceki kısımdan hatırlarsanız; bir Web tarayıcısına, Ernest adındaki bir semender arkadaş için bir Web sayfasının nasıl bir yerleşim düzenine sahip olacağını açıklayan hayali bir mektup yazmıştım. Şekil 1-1’e bir göz atarsanız, bu mektuba dayanan gerçek bir Ernest the Salamander Web sayfası göreceksiniz.
Ernest the Salamander
This is Bliest the salamander, my pet and close friend. Ernest and I have been friends for quite some time, Ernest im been feeling a Me puny lately, so Td appreciate it if you could send him some e-mail at vttiv $í¿v/&íiyínni ^ c<h, to cheer him op, — ………….. …. ‘ …………………………. ……… . . Z1
Şekü 1-1. Urnest the Salamander Web sayfası, HTML kodu kullanarak basit bir sayfanın nasıl oluşturulacağına iyi bir örnektir.
Arkadaşımız Ernest’e Web’de bir yer vermenin yanı sıra bu sayfa, açık ve kısa bir HTML kodunun nasıl yazılacağının iyi bir örneği olarak da hizmet eder. Kodu henüz anlamanızı beklemememe rağmen, metin gibi sayfadaki öğelerin en azından bazılarını seçebilmeniz gerekir. Aşağıdaki, Ernest the Salamander Web sayfasının kodudur:
<html> <head> <tit1e>Ernest the Salamander</title> </head>.
<body bgcolor=”pink”> <table>

<tr> <td align=”center”> <p> <img src=”Ernest.jpg”> <br> <h2>Ernest the Salamander</h2> </p> </td>
<td> <p> <h3>Ernest’s Vitals</h3> <ul> <li>Height – 0.375 inches</li> <li>Weight – 40 grams</li> <1i>Color – Reddish pink</li> <li>Sliminess – 6.5 (on a scale of 1 to 10)</li> </ul> </p> </td> </tr> </table> , <p> This is Ernest the salamander, my pet and close friend. Ernest and I have been friends for quite some time. Ernest has been feeling a little puny lately, so I’d- appreciate it if you could send him some e-mail at <a href=mailto:ernest@slimyfriends.com>ernest@slimyfriends.com</a> to cheer him up. </p> </body> , </html>
Bu tür basit bir Web sayfası için fazla bir kod gibi görünebilir ama, miktar, kodun nasıl düzenlendiğini belirtmek içindir. Bu HTML kodu ile ilgili olarak olasılıkla fark ede­ ceğiniz ilk şey, üçgen ayraçlardır (<>)• HTML’de bu ayraçlar, sayfadaki içeriğin yapısı ve biçimini belirten, etiket (tag) adındaki özel kodları içlerine alırlar. HTML, farklı biçim­ lendirme ve düzenleme görevlerinin bir çeşitliliğini içeren birçok etiketten oluşur. Bir Web sayfasındaki en önemli etiket, sayfayı bir HTML belgesi olarak tanımlayan <html> etiketidir. Bu etiketin aslında iki etiketten oluştuğuna dikkat edin: 1. Sayfanın başında bulunan bir başlangıç etiketi <html >. 2. Doğal olarak sayfanın sonunda olan bir bitiş etiketi (</html>).
Bir HTML belgesinin tüm içeriği, iki <html> etiketi arasında belirmelidir.
Not İçerik sözcüğünü Web tasarım topluluğunda sıklıkla duyarsınız, içerik, basit olarak; bir Web sayfasında görüntülenen metin ve resimlerdir. İçeriği işaretlemek için HTML kullanırsınız, böylece içerik belli bir şekilde görüntülenir. Örneğin “Ernest the Salamander” içeriktir ve <h2> ve </h2> HTML etikederi, bu sözcükleri belli bir yazı-tipi boyutunda biçimlendirmek için kullanılır.
7
Kısım 1 HMTL’e Başlarken
Web sayfasının tüm yapısı ile en çok ilgili olan diğer iki etiket de; <head> ve <body> etiketleridir. Bu etikeder, baş (head) ve gövde (body) olmak üzere tüm Web sayfalarının iki ana bölümünü tanımladıklarından, önemlidir. Bir Web sayfasının başı, sayfanın başlangıcı­ na yakın bir yere yerleştirilir ve başlık gibi sayfanın genel özelliklerini tanımlar. Gövde, başlığın altında belirir ve Web sayfasının içeriğini içerir. <html> etiketi gibi <head> ve <body> etikederi, her bölümde beliren içeriği kapsayan her iki başlangıç ve bitiş etiketinden oluşur. Bir bitiş etiketi, basitçe hemen açılış üçgen ayracını (< ) izleyen bir kesme işareti ve bk başlangıç etiketidir.

Cevapla

E-posta adresiniz yayınlanmayacak. Gerekli alanlar işaretlenmelidir *

*