HTML (HYPER TEXT MARKUP LANGUAGE)

31 Ekim 2012 Çarşamba

HTML (HYPER TEXT MARKUP LANGUAGE)

HTML (HYPER TEXT MARKUP LANGUAGE) TEMEL ETİKETLERİ:

A.HTML Komut Yapısı:

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. Fakat bunun yerine WEB sayfası tasarımı için Dreamweaver, FrontPage, Netscape Composer gibi gelişmiş araçlar da kullanılabilir. Modül içerisindeki örnek uygulamalar için Notepad kullanılmıştır. Bir html dokümanı hazırlandıktan sonra kaydedilirken “dosya_adi.htm” veya “dosya_adi.html” olarak kaydedilmelidir. 1.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. Kullanım Biçimi: <etiket (tag)_adi> Örnek : <HTML>,<BODY>,<TITLE> 􀂾 Bir etiket <etiket_adi> şeklinde başlar ve bazı etiketler dışında </etiket_adi> şeklinde biter. 􀂾 Etiketler iç içe yer alır ve en içteki etiketten başlatılarak kapatılır. Kodların okunabilirliğini artırmak için bir etiket bitmeden tekrar etiket açılırsa içeride açılan etiket biraz daha içeriden yazılmalıdır. Kullanım Biçimi: <tag_1> <tag_2> ...... </tag_2> </tag_1> Örnek: <HTML> <BODY> ...... <FORM> ...... </FORM> </BODY> </HTML> 􀂾 Bir etiket parametreler kullanarak biçimlendirilir ve bu parametrelere tırnak ("") işaretleri arasında değer atanır. Değerle parametre adı arasında eşittir (=) işareti kullanılır. Kullanım Biçimi: <tag_adi parametre_adi ="deger"> Örnek: <body bgcolor="blue"> WEB sayfasında standart olarak bulunması gereken kodlar şunlardır. Bunlar sayfada mutlaka vardır. Bu kodlarla tarayıcı bunun bir WEB sayfası olduğunu anlar ve ona göre görüntüler. <html> <head> <title> Sayfanın Başlığı </title> </head> <body> Sayfanızın tüm içeriği: resim, yazı, video, vb. </body> </html> a.<HTML>:<html>, bir WEB sayfasında bulunan ilk etikettir. Bu etiket tarayıcıya HTML belgesinin başladığı ve bittiği yeri bildirir. Bütün HTML kodları bu etiketin içinde yer almalıdır. Bu etiketin hiçbir parametresi yoktur. b.<HEAD>:HTML belgesinin ilk bölümüdür. WEB sayfası ile ilgili temel özellikler, sayfa başlığı, yazı karakterler kümesi, link özellikleri burada tanımlanır. Head etiketinin yorum aralığında <meta> etiketi yer alır. Bu etiket siteyi tarayıcıya ve arama motorlarına tanıtır. Meta etiketinde kullanılan parametreler aşağıdaki tabloda verilmiştir. <META NAME="author" CONTENT="EMEL KAÇAR"> Kodu sayfanın tasarımcı kimliğini gösterir. <META NAME="Description" CONTENT="Sayfanızın kısa tanıtımını buraya yapın."> Kodu sayfanın kısa tanımı yapılmak için kullanılır. <META NAME="keywords" CONTENT="Sitenizi arama motorlarında bulduracak siteniz ile ilgili kelimeleri buraya yazın."> Kodu sayfanın hangi kelimeleri içerdiğini gösterir.Burası arama motorları için çok önemlidir. <META http-equiv=”refresh” CONTENT=”5; URL=http://www.megep.meg.gov.tr”> Refresh ile sayfamız açıldıktan 5 saniye sonra belirtilen adresi otomatik olarak açacaktır. <META http-equiv=”expires” CONTENT=Wed, 25 Feb 2007 12:00:00 GMT”> Expires GMT saat sistemine göre belirtilen saat ve tarihte sayfanın dosyası silinecektir. <META http-equiv="Content-Type" CONTENT="text/html; charset=windows- 1254"> Kodu sayfanızda ne tür bir metnin olduğunu (text/html yazmakla metnin düz yazı ve html belgesi olduğunu) ve karakterlerinin hangi kodlama (windows-1254 yazmakla) ile yapıldığını gösterir. <META http-equiv="Content-Language" CONTENT="tr"> Kodu sayfanızın dilinin Türkçe (istenirse değiştirilebilir.) olduğunu gösterir. <META http-equiv=content-style-type” CONTENT=”text/css”> Content-typestyle belgemizde kullanılan CSS dosyamızın bir metin dosyası olduğunu belirtir. <META NAME="copyright" CONTENT="&copy; 2006 EMEL KAÇAR"> Kodu sayfanın telif hakkının kime ait olduğunu gösterir. <META name="GENERATOR" CONTENT="Microsoft FrontPage"> Kodu sayfanın hangi editörle yapıldığını gösterir c. <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. Liste içine alınacak metinler <ol>...</ol> etiketleri arasına alınarak yazılır. Bu etiketler listenin başladığını ve bittiğini belirtir. <ol> etiketine parametreler ekleyebiliyoruz. Type parametresi listemizin rakamla mı harfle mi başlayacağını, start ise hangi rakam/harfle başlayacağını belirler. Yani a) b) c) değil de d) e) f) gibi. Start değeri her zaman bir sayı olmalıdır. Yani sırayı alfabe olarak atamak ve “f” den başlamak istersek start değerini “f” değil “6”, type değerini de küçük “a” yapmalıyız. Compact parametresi ise listenin mümkün olan minimum satır aralığına sahip olmasını sağlıyor. Type parametresinde kullanabileceğimiz değerler şunlar olabilir; sayılar, harfler (küçük/büyük) ve romen rakamları (i,ii,iii gibi) d.<UL>: Listeleme yaparken maddelerin başına harf, rakam gibi unsurlar yerine küçük yuvarlaklar, kareler yerleştirmek için <ul> etiketini kullanıyoruz. <ul> için kullanılan parametreler type ve compact’tır. Type ile kullanacağımız madde iminin şeklini seçebiliriz. Bunlar disc (içi dolu daire), circle (içi boş daire) ve square (içi dolu kare)’dir. e.<LI>: <li> etiketi ingilizce “liste elemanı” anlamına gelen 'list item' kelimesinin kısaltılmışıdır. Yukarıda anlatmış olduğumuz <ol> ve <ul> etiketleri tek başına kullanılmaz sırayı belirtmek için de <li> imi ile birlikte kullanılır. Yani sıralanacak olan ifadenin başına <li> getirmeliyiz. MERTCAN DEMİRBAŞ20120452020 İŞLETME

Hiç yorum yok:

Yorum Gönder

Sonraki Kayıt Ana Sayfa Kaydol: Kayıt Yorumları (Atom)

Bölümler

  • ▼  2012 (2)
    • ▼  Ekim 2012 (2)
      • HTML (HYPER TEXT MARKUP LANGUAGE) Videoları
      • HTML (HYPER TEXT MARKUP LANGUAGE)

Administration

Unknown Profilimin tamamını görüntüle

Từ khóa » Html (hypertext Markup Language) Temel Etiketleri Ile Ilgili örnek çalışmalar Yapma