- 4 May 2022
- 80
- 33
NotPad++ Editörü
Çeşitli dilleri destekleyen ücretsiz kaynak kodu düzenleyicisidir.
linke tıklayarak kişisel bilgisayarınıza indirip kolayca kurulum yapabilirsiniz.
Editör hakkında bilgi sahibi olduk. Şimdi çalışma dizinimizi hazırlayalım. Öncelikle, masaüstüne ismimize ait bir dizin oluşturalım. Yapacağımız bütün uygulamaları dosya uzantısı .html olacak şekilde (Ör: “dosyaismi”.html) bu dizin içerisine kaydedeceğiz.
HTML:
HTML, Hiper Metin İşaretleme ya da Biçimlendirme Dili (Hyper Text Markup Language) olarak Türkçe’ye çevrilmiştir. Web sitesi oluşturmak için kullanılan standart dildir. Şimdi, HTML kodlarının nasıl çalıştığını kavramaya çalışalım.
Resimdeki kodu NotPad++ editörü kullanarak yazınız.
Dikkat!
• Kodların yazılırken küçük büyük işaretleri <> arasına <html>, <p>, <body> gibi kod yazıldığını fark ettiniz mi?
• Herhangi bir koda başlarken < > işaretlerini, kodu bitirirken </ > işaretlerini kullandığımızı fark ettiniz mi?
Kodları çalıştırınız ve ekran çıktısını inceleyiniz.
Dikkat!
• Sadece siyah renkteki yazıların çıktı olarak sunulduğunu fark ettiniz mi?
• <!-- --> işaretleri arasındaki yazılı metinlerin sayfada görüntülenmediğini fark ettiniz mi?
Resim Ekleme
Şimdi bir resmin web sayfasına nasıl eklendiğine bakalım. Web sayfamıza <img> kodunu kullanarak resim ekleyebiliriz. Öncelikle İnternet’ten kendi ilgimize göre bir resim bulalım. Konumuz kodlama olduğu için Google’da görsellerden “web programlama” anahtar kelimesi ile arama yapıyoruz. İlgimizi çeken herhangi bir resme sağ tıklayarak resim adresini kopyalıyoruz.
Herkese iyi forumlar dilerim.