HTML Komut Yapısı - Web Tasarım & Programlama

Başlarken…

Bu derste HTML ile kendi Web Sayfanızı oluşturabileceksiniz. Çünkü HTML öğrenmek oldukça kolaydır.

Aşağıda en basit haliyle bir HTML belgesini görüyorsunuz.

<!DOCTYPE html> <html> <head> <title>Ben tarayıcıda görünen başlık metniyim :)</title> </head> <body> <h1>Bu bir Başlık</h1> <p>Bu da benim ilk paragrafım. Merhaba HTML. Merhaba Dünya</p> </body> </html>
1234567891011121314 <!DOCTYPE html><html><head><title>Ben tarayıcıda görünen başlık metniyim :)</title></head><body> <h1>Bu bir Başlık</h1><p>Bu da benim ilk paragrafım. Merhaba HTML. Merhaba Dünya</p> </body></html>

Yukarıdaki HTML kodlarını açıklamaya geçmeden önce bir soruya cevap verelim.

HTML Yazım Kuralları

HTML Etiketleri (tag) “<” ve “>” işaretleri arasına yazılır.

Bir HTML öğesi genellikle içeriğin arasına yerleştirilen bir başlangıç ​​etiketi ve bitiş etiketinden oluşur. Örnek: <p>…….</p>

Bitiş etiketi, başlangıç ​​etiketi gibi yazılır, ancak etiket adından önce bir “/” eklenir. “<html>  </html>” , “<p> </p>” vb.

HTML Belgesi

Yukarıda en basit haliyle yazdığımız HTML kodlarını açıklayalım.

<!DOCTYPE html> bildirimi belgeyi HTML5 olarak tanımlar.

<html> </html> Tüm etiketleri saran, html kodu ile kodlama işleme yapılması gerektiğini belirten sayfanın başında açılarak sayfanın sonunda da kapatılan etiketin adıdır. <html> … </html> şeklinde açılmalı ve kapanmalıdır.

<head>  </head> etiketi belge hakkında meta bilgileri içerir. Bu bölümdeki yazılan hiç bir şey sayfada görünmez. Meta öğeleri genellikle sayfa açıklaması, anahtar kelimeler, belgenin yazarı, son değiştirilen ve diğer meta verileri belirtmek için kullanılır.

<title> </title> bu etiketler arasına yazdıklarınız tarayıcınızda başlık olarak görüntülenecektir.

<body> </body> Sayfamızın içeriği ile ilgili tüm HTML kodları  buraya yazılacaktır. Başlıklar, paragraflar, resimler, videolar, listeler vb..

Bu konu da ilginizi çekebilir: Temel HTML Kodları

Bunu paylaş:

  • Twitter üzerinde paylaşmak için tıklayın (Yeni pencerede açılır)
  • Facebook'ta paylaşmak için tıklayın (Yeni pencerede açılır)

Từ khóa » Html Alt Komutu