HTML 5 NEDİR?

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 nedir nasıl kullanılır

html5 nedir ne işe yarar

html5 nedir kısaca

html html5 nedir

html5 nedir

html5 nasıl çalışır

html5 çalışmıyor

html5 eğitim

html5 example

html5 giriş

html5 input

html5 kullanımı

html5 komutları

html5 kodlama

html5 kod yazma

html5 nasıl kullanılır

html5 ne işe yarar

html5 notları

html5 öğrenmek istiyorum

html5 öğrenmek

html5 öğren

html5 öğreniyorum

html5 yapısı

html5 test

html5 template

Html


<DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Sayfa Başlığı</title>
</head>

<body>
Sayfa içeriği
</body>

</html>

Html 5 bu dilin en son çıkan versiyonudur. Şimdiye kadar öğrendiğimiz html dilinin temel bilinmesi gereken konularıydı.Artık en güncel versiyon ile sitemizi geliştireceğiz.

Peki Neler Geldi ?

Yeni Elementler(Etiketler)
Yeni Özellikler
Tam Css3 Desteği (Öğrenmeniz gereken ikinci dil, sitenin tasarımı için kullanılır.)
Video ve Ses Elementeri
Yerel Depolama
Yerel Sql Veritabanı
Web Uygulamaları

Html 5 versiyonunu ayrıntılı olarak göreceğiz. Tabi ben konuları incelerken sizde bir yandan not defterinizi açın ve yazmaya başlayın.

Neden Kod Editörü Kullanmıyoruz ?

Sitemde her konunun başında bir kod editörü olduğunu görmüşsünüzdür. Ona da yazıp çalışabilirsiniz fakat size tavsiyem not defterinde yazın ki kod editörünün kolaylıklarından faydalanmayın. Çünkü kod editörü sizi hazıra alıştıracak, eğer bir yerde hata yaparsanız sizi uyaracaktır ki her zaman da uyarmaz. Bu sizi tembelliğe alıştıracaktır. Dediğim gibi şimdilik kullanmayın. Lisedeki hocam hep öyle derdi .

Başlayalım..

En dış kapsayan etiketlerde çok bir fark yok. Kod editörümde ve aşağıda tekrar yazdığım etiket sayfanın html5 özelliklerinin aktif olacağını belirtiyor.

Kullanımı:


DOCTYPE html>

Enes KILIÇ
Webmaster