Html: Temel Etiketler
- Html Belgesi
Tüm HTML belgeleri (dökümanları), belge türünü belirten <!DOCTYPE html> ile başlamak zorundadır.
HTML belgeleri <html>.....</html> ile başlar ve biter. Komutlarımızı bunun arasına gireriz.
Sayfanın içeriği <body> ile başlayan ve </body> ile biten yer arasına kodlanır.
Örneğin,
<!DOCTYPE html>
<html>
<head>
<title>İlk Web Sayfam</title>
</head>
<body><h1>İlk Başlık</h1><p>İlk Paragraf</p></body>
</html>
- Html Başlıkları(Headings)
Html'de başlıklar önem sırasına göre <h1>'den <h6>'ya kadardır.
<h1> en önemli, <h6> en az önemli başlık için kullanılır.
Örneğin,
<h1>........En önemli 1. başlık........</h1>
<h2>........En önemli 2. başlık........</h2>
<h3>........En önemli 3.başlık........</h3>
#Bir İpucu: Başlıkların önem derecesi azaldıkça boyutlarının da azaldığına dikkat ediniz.
- Html Paragraflar
Paragraflar ilk örnekte gösterildiği gibi <p> ve </p> arasına tanımlanır.Örneğin,
<p>....İlk paragraf......</p>
<p>....İkinci paragraf...</p>
- Html Bağlantı Ekleme
Bağlantıları <a> etiketi ile tanımlarız. Tıkladığımız yerde tanımlanan URL adresine yönlendiriliriz.
Örneğin,
<a href="https://www.htmlöğreniyorum.com">tıklayınız</a><a> : Anchor'ın kısaltmasıdır ve çapa manasına gelmektedir. Başka bir sayfaya bağlanmak, çapa atmak gibi düşünebilirsiniz.
href : Bağlantısı verilen sayfanın URL adresini belirtir ve şekildeki gibi
href=" *******URL******* " şeklinde kullanılmalıdır.
- Html Resim Ekleme
Sayfaya resim eklemek için <img> etiketini kullanırız.
Örneğin,
<img src="htmlöğreniyorum.jpg" alt="htmlöğreniyorumm" width="100" height="150">
src : Resmi ve bulunduğu yeri tanımlarız.
alt: Tarayıcılarda çeşitli sebeplerden dolayı resim açılmayabilir. Böyle durumlarda resmi bir metin ile tanımlarız. Resim açılmazsa, onun yerine metin gözükür.
width,height: Resmin pixel cinsinden boyutunu tanımlar.(genişlik ve yüksekliği tanımlar.)
Hiç yorum yok:
Yorum Gönder