Ana Sayfa / Web Tasarım / HTML’ye Giriş ve Başlangıç HTML Etiketleri | HTML Dersleri 1

HTML’ye Giriş ve Başlangıç HTML Etiketleri | HTML Dersleri 1

HTML - HTML Giriş - Başlangıç Etiketleri
HTML sayfamızdaki ilk etiket ya da başka bir deyişle tag < html >‘dir. Bu etiket tarayıcınıza bir HTML dosyasının var olduğunu ve buna ait etiketlerin var olduğunu söyler. HTML dokümanınızdaki son tag (etiket) < /html >‘dir. Bu da tarayıcınıza HTML dosyasının sonunun geldiğini söyler. Özetle her sayfa html ile açılır, html ile kapatılır.

<html>…..</html>

# head, yardımcı etikettir. İçerisine sayfa başlığı, arama motorları için açıklamalar vs. girer. Bunlar direkt olarak kullanıcının sayfada görüntüleyeceği etiketler değildir.

<head>….</head>

# title, html sayfasına başlık vermek için kullanılmaktadır. Başlık tarayıcı penceresinin en üstünde görüntülenir. head etiketi içerisinde yer alır. Tek başına farklı etiketler içerisinde çalışmaz. Mutlaka head etiketi arasında yer alması gerekmektedir.

<title>Sayfa Başlığı</title>

# body etiketleri arasında kalan kısım, tarayıcı penceresinde görüntülenecek olan kısmı içerir. Sayfamızın içinde görünecek her türlü nesne, video, yazı body etiketlerinin arasına yerleştirilir. En önemli etiketlerimizin başında gelir. Yazıya renk, resim ekleme aklınıza ne gelirse tüm etiketler mutlaka body etiketi arasına yerleştirilir.

<body>….</body>

# b etiketleri arasında kalan yazıları koyu (bold) yapmakta kullanılır. Açılan ve kapatılan bir etikettir.

<b> Yazı Koyu (bold) olur.</b>

# strong etiketi b etiketi gibi yazıları koyu (bold) yapar. Günümüzde sıklıkla bu etiket kullanılmaktadır.

<strong>Yazı Koyu (bold) olur.</strong>

# br etiketi yazının bir satır aşağıya konumlanmasını sağlar. Satırlar arasında paragraf boşluğu bırakır. Kapatılan bir etiket değildir!!! Hangi kelime diğer satıra kaysın isteniyorsa üst kısmına koyulur. Uygun yeri kendinize göre belirleyebilirsiniz.

YAZI<br>

BUNDAN SONRASINA paragraf boşluğu verilir.

# u etiketi yazıları altı çizili yapar. Kapatılan bir etikettir.

<u>Yazının altını çizer.</u>

# br/ etiketi bir satır aşağıya konumlanmayı sağlar. Satırlar arasında satır boşluğu bırakır. Kapatılan bir etiket değildir.

<br/>

Diğer br ile karıştırılmaması gerekmektedir. O br etiketinin sonunda slash / yoktur! O br etiketi paragraf boşluğu verir. Bu br etiketi satır boşluğu yani daha az boşluk verir.

#i etiketi yazıyı eğik (italic) yapmayı sağlar. Kapatılan bir etikettir.

<i>Yazıyı eğik (italic) yapar.</i>

Yazıda bahsettiğim html etiketlerini kullanarak oluşturduğum html sayfasına ait tüm kodlar:

<html>

<head>

<title>2. Sayfam</title>

</head>

<body>

<b>Bilişim</b>

<br>

<strong>Web Tasarım</strong>

<br/>

<u>HTML</u>

<br/>

<i>Teknoloji</i>

<br/>

<b><u><i>Bilişim Teknolojileri</i></u></b>

</body>

</html>

Web Odası tarafından hazırlanan HTML’ye Giriş ve Başlangıç HTML Etiketleri eğitim videosu aşağıda yer almaktadır. Hem bu yazımda yer alan video ders notları hem de Web Odası tarafından hazırlanan video ile bilgilerinizi daha da pekiştirebilirsiniz. İyi seyirler dilerim…

Mutlaka Okumalısın

HTML5 - CSS3

Yeni Başlayanlar İçin HTML5 & CSS3

Bu yazımda yeni bitirdiğim “Yeni Başlayanlar İçin HTML5 & CSS3” kitabı hakkında düşüncelerimi paylaşacağım.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir