HTML TEMELLERİ
HTML NEDİR ? HTML Başlık(Heading) HTML Paragraf(Paragraphs) HTML Yazı Stili(Font Style) HTML Yazı Formatları(Format Text) HTML Renk Kodları(Color Codes) HTML Link Verme-Ekleme HTML Resim Ekleme(Add a Image) HTML Tablo Ekleme(Add a Table) HTML Liste Ekleme(Add a List) HTML Web Site Penceresi Ekleme(Iframe) HTML Head ve Meta Etiketleri HTML Semboller(Symbols) HTML Form HTML Form Elemanları(Form Elements) HTML Form Giriş Özellikleri (Form Input Properties)
HTML5
İLERİ SEVİYE
HTML 5 NEDİR? HTML Sayfa Bölümleri HTML Form Giriş(Input) Özellikleri HTML Form Elementleri HTML Form Özellikleri(Form Properties) HTML Canvas Kullanımı HTML SVG Kullanımı HTML Video Ekleme-Oynatma(Video Player) HTML Ses Ekleme-Oynatma(Audio Player)
CSS TEMELİ
CSS NEDİR ? CSS CSS-HTML İlişkisi CSS Backgrounds(Arkaplan) CSS Border(Kenarlık) CSS Margins(Dış Boşluk) CSS Padding(İç Boşluk) CSS Height and Width(Yükseklik ve Genişlik) CSS Box Model(Kutu Modeli) CSS Outline(Dış Çizgi) CSS Text(Metin) CSS Fonts(Yazı) CSS Icons(Ikon) CSS Links CSS List(Liste) CSS Tables(Tablolar) CSS Display(Görüntü-Ekran) CSS Layout - Width and Max-width(Yerleşim - Genişlik ve Max Genişlik) CSS Positon(Durum) CSS Overflow(Taşma) CSS Layout-Float and Clear(Yerleşim - Yön ve Temizliği) CSS Image Opacity / Transparency(Opaklık/Saydamlık) CSS Navigation Bar(Gezinme Menüsü)
html5 svg kullanımı
html5 svg events
html5 svg style
html5 svg use
html5 svg uses
html5 svg tag
html5 svg path
html svg kullanımı
html svg nedir
html svg path
html svg tag
the html svg element
html svg code
html svg ekleme
html svg etiketi
html svg elements
html svg font
html svg path example
html svg use tag
html svg vs canvas
html svg options
html svg use
scalable vector graphics html
scalable vector graphics in html5
scalable vector graphics (svg) to draw in html5

HTML SVG Kullanımı

HTML SVG Kullanımı
Html
<svg height="250" width="500">
  <polygon points="220,10 300,210 170,250 123,234" style="fill:lime;stroke:blue;stroke-width:1" />
</svg>

SVG elementi vektörel çizimler yapmanızı sağlar.Bu element hakkında fazla bilgi vermiyeceğim çünkü Css dilinin ileri ki konuları ile yapılıyor. Yeni başlayan biri için oldukça zor olabilir.

Özellikleri aşağıda verilmiştir..

  1. SVG Skala edilebilir Vektör Grafikleri (Scalable Vector Graphics) anlamına gelir.
  2. Vektör temelli grafikleri ifade etmek için kullanabilirsiniz.
  3. XML formatında tanımlanırlar.
  4. Yakınlaştırılsalar da yeniden boyutları değiştirilse de kaliteleri düşmez.
  5. İçindeki her element, her özellik hareketlendirilebilir.

SVG elementinin avantajları ise şu şekildedir;

  1. Herhangi bir metin editörü ile yaratılabilir ya da düzenlenebilirler.
  2. Aranabilir, indekslenebilir, javascript kodu ile yazılabilir ya da sıkıştırılıp düzenlenebilirler.
  3. Skale Edilebilirler
  4. Bütün çözünürlüklerde yüksek kalite ile yazdırılabilirler. (Çıktı alınabilir)
  5. Yakınlaştırılabilirler ve kalitesi bozulmazlar.

Kullanımı:

<svg height="250" width="500">
  <polygon points="220,10 300,210 170,250 123,234" style="fill:lime;stroke:blue;stroke-width:1" />
</svg>


Paylaş:

Enes KILIÇ
Webmaster