İçindekiler
Her şeyin HTML belgelerimizde bir form oluşturmak olmadığı zamanlar vardır, çoğu zaman sayfamızı şekillendirmek için bazı etiketlere resimler gibi diğer öğeleri eklememiz gerekir, bunun için bu eğitimde bunun nasıl yapıldığını ve farklı özellikleri göreceğiz. özüne dahildir.HTML belgemizde bir resim görüntülemek için, öğeyi kullanmalıyız. resim aşağıdaki özelliklere sahip olan:
- kaynak
- alt
- boy uzunluğu
- Genişlik
- kullanım haritası
- ismap
Şu anda ilk iki özelliğe odaklanacağız, kaynak Y alt; kaynak tarayıcının resmi arayacağı yolu vermemize izin verir, göreceli bir yol veya hatta bir URL olabilir, öznitelik alt bir metin yerleştirmemize izin verir, bu metin, yalnızca resimde belirtilen yolda olup olmadığına bakılmaksızın, resim mevcut olmadığında gösterilecektir. kaynak hatta tarayıcı bile yorumlayamaz.
HTML belgemize bir görselin nasıl dahil edileceğine dair bir örnek görelim:
Örnek Burada bir triatlondaki üç aktiviteyi temsil etmek için ortak bir form verilmiştir.İlk simge yüzmeyi, ikincisi bisiklet sürmeyi ve üçüncüsü koşmayı temsil eder.
Bu örnekte ayrıca iki özellik daha görüyoruz, Genişlik ve boy uzunluğu Bunlar, adlarından da anlaşılacağı gibi, görüntünün genişliğini ve yüksekliğini düzenlemek içindir, bununla görüntünün bizim tarafımızdan belirlenen boyutlarda kalacağını, ayrıca görüntü bundan daha büyükse yeniden boyutlandırılacağını garanti edebiliriz, Ancak, resim aynı ağırlığa sahip olacağından dikkatli olunmalıdır, bu nedenle önceden düzenlenmiş resmi gerekli boyutta yerleştirmeniz ve sayfamızın daha hızlı yüklenmesi önerilir.
Bir başka oldukça yaygın kullanım, bir resmi diğer sayfalara bağlantı olarak kullanmaktır, ya bir takımın simgesini, örneğin bir sonraki oku yerleştirerek, elbette, şimdi yeni CSS çerçeveleriyle bu daha az yaygın olabilir, ancak nasıl olduğunu görelim. HTML araçları portföyümüzde bu seçeneğe sahip olmak için yapılır.
Görüntüyü gömmek için basitçe öğeyi yerleştireceğiz resim aşağıdaki gibi bir sayfaya atıfta bulunan bir öğenin içinde:
Örnek Burada bir triatlondaki üç aktiviteyi temsil etmek için ortak bir form verilmiştir.İlk simge yüzmeyi, ikincisi bisiklet sürmeyi ve üçüncüsü koşmayı temsil eder.
Bununla, bir sonraki ekranda göreceğimiz gibi, görüntünün artık bizim bağlantımız olmasını sağlıyoruz, görüntünün gösterildiği şekilde değişmiyor:
