Örnek 1

 

Metin Biçimlendirme Etiketleri

1) <h> Başlık Etiketi:

Bu etiket yazılara başlık eklemek için kullanılır. Zaten etiketin ismi ingilizce heading yani başlık kelimesinin baş harfinden alınmıştır. Farklı büyüklükte başlıklar kullanılabileceği için h1, h2, h3, h4, h5, h6 olmak üzere 6 farklı başlık büyüklüğü mevcuttur. Burada en büyük başlık <h1> en küçük ise <h6> dır.

 

3) <i> İtalik (eğik yazı) Etiketi:

Bu etiket metni eğik yazmak için kullanılır. Italic kelimesinden gelmektedir. Bu etikette ziyaretçinin dikkatinin çekilmesi istenen yerlerde kullanılır.

5) <br> Alt Satıra Geç Etiketi:

Html dili ile web sitesi oluştururken bir alt satıra geçmek için Enter tuşunun işe yaramadığını görürsünüz. Html’de alt satıra geçmek için <br> etiketi kullanılır.

6) <p> Paragraf Etiketi:

Yazdığımız metini paragraflara bölmek için kullanılır. Uzun yazılarda okunabilirliği arttırır.

7) <font> Etiketi:

Font etiketi metin rengini ayarlama, yazı tipini değiştirme ve boyutunu ayarlamak için kullanılır. Tek bir etiketin bu 3 özelliği değiştirebilmesi aldığı parametreler sayesinde olmaktadır.

  • Size parametresi: Metnin boyutunu ayarlamak için kullanılır. Yazının büyüklüğü 1 ile 7 arasında değer alır.
  • Face parametresi: Yazı tipini değiştirmek için kullanılır. Bilgisayarda kullandığımız birçok yazı tipi geçerli olarak kullanılabilir. Fakat okunabilirlik ve tarayıcı desteği açısından Arial, Times New Roman gibi yazı tipleri tercih edilmelidir.
  • Color parametresi: Yazı rengini değiştirmek için kullanılır. Red, blue, yellow gibi renklerin ingilizcesi kullanılabileceği gibi #3b457c gibi renk kodlarıda kullanılabilir.

Klasör ve Dosya Yapısı

Proje

  • resources
    • css
      • blue-theme
        • background.png
      • images
        • background.png
      • blue-theme.css
      • my-index.css
    • js
      • my-index.js
      • my-contact-info.js
    • images
      • products
        • computer.jpg
        • cellphone.png
        • printer.jpg
      • my-company-logo-small.png
      • my-company-logo-large.png
    • data
      • some-data.json
      • more-data.xml
      • table-data.csv
      • extra-data.txt
  • vendors
    • jquery
      • images
        • ajax-loader.gif
        • icons-18-white.png
      • jquery.min.js
      • jquery.mobile-1.1.0.min.css
      • jquery.mobile-1.1.0.min.js
    • some-css-library
    • some-plugin.jquery
  • my-index.html
  • my-contact-info.html
  • my-products.html

 

Projenizde kullanacağınız örnek admin tema:  İndir