Elbistan MYO 2016-2017 Güz Dönemi Öğr.Gör. Murat KEÇECİOĞLU
Web Sayfasını Kayıt Etmek : Share point designer ya da Notepad de oluşturduğumuz HTML kodunu kaydetmek için File Save As komutunu seçiniz. Kayıt biçimi ASCII veya tüm dosyalar seçin. Belge ismine.htm ya da.html uzantısını yazın. Save e tıklayın.
Web Sayfasını Kayıt Etmek :
Metin Biçimlendirme : Bu bölümde öğreneceğimiz taglar: o Başlık imleri: <h1> <h6> o Paragraf imi: <p>...</p> o Ortalama : <center>...</center> o Kalın : <b>...</b> o İtalik (yatık) : <i>...</i> o Altı çizili : <u>...</u>
HTML'de metin stilleri üç şekilde yapılır: Düzenlemek istediğimiz metnin hemen önüne koyacağımız bir tagla biçimlemek. Sayfanın head (baş) kısmına koyulan stillere body (gövde) bölümden atıf yapılarak metin biçimlendirmek. (Embedded- Gömülü biçimlendirme) HTML dosyasının dışında başka bir stil dosyası oluşturarak Cascading Style Sheets-Yığılmalı Stil Yaprakları kullanmak.
Örnek Başlık Yazma Uygulaması : Baslik.html Dosya adı ile Web sitelerim klasörüne kayıt edin. Tarayıcınızdan çağırın.
Örnek Başlık Yazma Uygulaması : Sonuç Bu olmalıdır.
Bu sayfanın çalışması : öncelikle yapmamız gerektiği gibi html, head, title taglarını uygun şekilde yazdık. Sayfa başlığı (title) olarak "Başlık İmetin Tagları yazdık ve sayfanın gövde (body) kısmına istediğimiz metinleri yazdık. Bu metinleri h1'den h6'ya kadar olan biçimlendirme taglarının arasına aldık. Tarayıcı metin biçimleme tagları olan <h1>...<h6> arasındaki kelimeleri belirli büyüklükler de gösterdi.
Örnek Başlık Yazma Uygulaması 2 : Baslik2.html Dosya adı ile Web sitelerim klasörüne kayıt edin. Tarayıcınızdan çağırın.
Örnek Başlık Yazma Uygulaması 2 :
Yeni Öğrendiğimiz Taglar : Komut <center>...</center> <b> </b><em> </em> <i> </i> <u> </u> <h1> </h6> <p> </p> Açıklama Aradaki metinleri sayfaya göre ortalar. Aradaki metni kalın (bold) yazar. Aradaki metni sağa yatık (italic) yazar. Aradaki metni altı çizgili (underline) olarak yazar. Başlık (heading) tagı, h1 en büyük, h6 en küçük yazar. Aradaki metin paragraf özelliği kazanır.
Fontlar (Font) Font tagının kullanımı; Arial Verdana Tahoma Calibri 1-7 Veya 10, 12, 14,18 Red Green Blue HEX için: #1fdd00
Fontlar (Font) Yüklemek : Eğer kullanmak istediğiniz font bilgisayarınızda yüklü değilse önce sisteminizde yüklü olan fontları inceleyin (Başlat/Ayarlar/Denetim Masası/Yazıtipleri). Buradan yazı tiplerini açarak beğendiklerinizi kullanabilirsiniz. Çoğu kullandığımız font işletim sistemizde yüklü halde vardır.
Mevsimler ve Renkler Uygulaması :
Mevsimler ve Renkler Uygulaması : Green Red Yellow Blue
Renk Kodları Yeri Gelmişken :
Renk Kodları Yeri Gelmişken :
Renk Kodları Yeri Gelmişken :
Renk Kodları Yeri Gelmişken :
Renk Kodları Yeri Gelmişken :
Renk Kodları Yeri Gelmişken :
Renk Kodları Yeri Gelmişken :
BR Tagı Kullanımı
BR Tagı Kullanımı BR tagı shift+enter görevi görür. Yani satır sona erer. Enter Paragrafı sona erdirir.
Varsayılan yazı boyutunu seçmek: BASEFONT ile gövde metninin tamamı için varsayılan boyutu seçilir. Bu boyutu değiştirmek için FONT tagını ya da BIG ve SMALL kullanabilirsiniz. Her HTML belgesinde bir tane BASEFONT tagı kullanılır. BASEFONT tagına atanacak değerler 1-7 arasındaki değerlerdir. 3 değeri, tarayıcının varsayılan değeridir (12 punto).
BASEFONT Kullanımı : Varsayılan Rengi Seçmek : <BODY TEXT= #5A83FE >
Üstindis ve Altindis oluşturmak: Üstindis oluşturmak için <sup>, altindis oluşturmak için <sub> tagları kullanılır. Kapama taglarıda vardır.
Eşaralıklı yazıtipi: Courier yazı tipindeki gibi daktilo yazısı oluşturmak için <TT>...</TT> ; veya <CODE>...</CODE> tagları kullanılır. Yorum eklemek: Yalnızca kodda yer alan ve kodlayıcı için açıklama satırları ise aşağıdaki gibi yazılır. <! Açıklama Satırı / satırları -->
Hafta II Resim Kullanımı Devamı Haftaya