HTML Belgesi
Tüm HTML belgeleri bir <!DOCTYPE html> bildirimi ile başlamalıdır: .
HTML belgesi <html> ile başlar ve </html> ile biter.
HTML belgesinin görünen kısmı <body> <body> etiketleri arasındadır.
Bu yazıda temel bir Html sayfasının nasıl oluşturulacağını ve Html ile kullanılan temel etiketleri öğreneceksiniz. Sonraki derslerde etiketlerle ilgili daha kapsamlı açıklamaları ve örnekleri göreceksiniz.
Örnek:
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<!DOCTYPE html> <html> <body> <h1>Başlık</h1> <p>Paragraf.</p> </body> </html> |
HTML Başlık Ekleme :
Html başlık etiketleri <h1>…<h6> arası tanımlanır.
Önem ve font büyüklüğü <h1> ile başlar ve <h6> etiketiyle biter.
Örnek:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<!DOCTYPE html> <html> <body> <h1>www.algoritmaornekleri.com</h1> <h2>www.algoritmaornekleri.com</h2> <h3>www.algoritmaornekleri.com</h3> <h4>www.algoritmaornekleri.com</h4> <h5>www.algoritmaornekleri.com</h5> <h6>www.algoritmaornekleri.com</h6> </body> </html> |
HTML Paragraf Ekleme
HTML paragrafları <p> etiketi ile tanımlanır.
|
1 2 3 4 5 6 7 8 9 10 11 |
<!DOCTYPE html> <html> <body> <p>Bu bir paragraftır.</p> <p>Bu diğer paragraftır.</p> </body> </html> |
HTML Link Ekleme
Html Bağlantı (link) ekleme <a> etiketi ile yapılır.
Bağlantının hedefi yani bağlantı verilecek sayfa, href niteliğinde belirtilmiştir.
Nitelikler, HTML öğeleri hakkında ek bilgi sağlamak için kullanılır.
Daha sonraki bir bölümdeki özellikler hakkında daha fazla bilgi edineceksiniz.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<!DOCTYPE html> <html> <body> <h2>HTML Link Ekleme</h2> <p>HTML' de link tanımlamak içi a etiketi kullanılır.</p> <a href="https://www.algoritmaornekleri.com">Bu bir link</a> </body> </html> |
HTML Resim Ekleme
HTML resimleri <img> etiketi ile tanımlanır.
Kaynak dosya (src), alternatif metin (alt), genişlik (width) yükseklik (height) özellikleri ile bildirilir.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<!DOCTYPE html> <html> <body> <h2>HTML Resim Ekleme</h2> <p>HTML resimleri img etiketi kullanılarak eklenir.</p> <img src="algoritma-örnekleri.png" alt="algoritmaornekleri.com" width="204" height="142"> </body> </html> |
HTML Buton Ekleme
Html’ de buton eklemek için <button> etiketi kullanılır.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<!DOCTYPE html> <html> <body> <h2>HTML Butonlar</h2> <p>HTML buton tanımlamak için button etiketi kullanılır.</p> <button>Tıkla</button> </body> </html> |
HTML Listeler
Html’ de listeler sıralı ve sırasız olarak tanımlanabilir. Sırasız listeler <ul>, Sıralı listeler <ol> etiketi ile oluşturulur. Listeler oluşturulduktan sonra <li> etiketleri ile liste öğeleri eklenir.
Liste etiketleri ile ilgili daha detaylı bilgi ve örneklere daha sonraki derslerimizde ulaşabilirsiniz.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
<!DOCTYPE html> <html> <body> <h2>Html Listeler</h2> <ul> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> </ul> <h2>Html Sıralı Liste</h2> <ol> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> </ol> </body> </html> |
