, genellikle arka plan resmini yapmak html nasıl merak ediyorum.Bazıları bu sorunla başa çıkabilirim Ve eğer hala streç monitörde görüntünün tüm genişliği boyunca sorunları var.Aynı zamanda ben tüm tarayıcılarda görüntülenen siteyi görmek istiyorum, bu yüzden gereksinimleri krossbrauzernosti uymalıdır.Bunu iki şekilde bir arka plan ayarlayabilirsiniz: HTML etiketleri ve CSS stilleri kullanarak.Kendisi için her iyi seçenek seçer.Kod ayrı bir dosyada saklanır ve ana site etiketleri ekstra hoparlörler kadar sürebilir, ama ilk önce sitede arka plan görüntüsü ayarı basit bir yöntem dikkate almaz çünkü Tabii ki, CSS stil, çok daha uygundur.
temel HTML etiketleri
Yani, ekranda html bir arka plan resmi nasıl sorusuna gitmek arka plan oluşturmak için.Güzel bir site bakmak için, size oldukça önemli bir detay anlamak gerekir: Bu sadece bir degrade arka plan ya da boyamak için düz bir renk yapmak için yeterli, ama arka plana resim eklemek isterseniz, bu monitörün tam genişliğini germek değil.Görüntü almak veya sayfayı görüntülemek alacağı bu uzantı ile kendi tasarımı yapmak için başlangıçta gerekli oldu.Arka plan görüntüsü hazır olduğu zaman, «Görüntüler» adlı bir klasöre taşıyın.Bunun, hepimiz kullanılan görüntüleri, animasyonlar ve diğer görüntü dosyalarını saklamak olacaktır.Bu klasör html tüm dosya kök dizininde olmalıdır.Şimdi kod taşıyabilirsiniz.Desen resim değişecek hangi kayıt kodu için çeşitli seçenekler vardır.
- Yaz nitelik etiketi.HTML kodu CSS stili yoluyla
- .Ayrı bir dosyada
- Yaz CSS stili.
nasıl karar için, arka plan resmini yapmak HTML, ama en uygun olacağını nasıl hakkında birkaç söz söylemek isterim.İlk yöntem, bir etiket uzun eskimiş olmuştur içinden yazarak.İkinci seçenek çıkıyor, çünkü çok nadiren kullanılan aynı kod bir sürü.Üçüncü bir seçenek, en yaygın ve etkilidir.İşte HTML etiketi örnekleri var: Dosya index.htm bir etiketi (gövde) ile kayıt
- ilk yöntem.(Vücut arka = "Nazvanie_papki / Nazvanie_kartinki.rasshirenie") (/ body): Bu formda yazılır.Biz adı «Resim» ve JPG uzantısı ile bir resim varsa Yani, ve biz adlı klasör «Görüntüleri» sonra HTML kodu rekor şuna benzer: (vücut arka = "Görüntüler / Picture.jpg") ... (/ body).
- İkinci yöntem kayıt CSS stil içerir, ancak ad index.htm ile aynı dosyada yazılır.(vücut style = "background: url ('../ Images / Picture.jpg')").
- Ve kayıt Üçüncü yöntem iki dosyalarda yapılır.(Baş) (= "stylesheet" type link rel = "text / css" href = "Put_k CSS_faylu") (/ kafa): adı index.htm etiketi (kafa) ile belge böyle bir çizgi yazılır.Bir adlandırılmış style.css zaten yazmak stil dosyası: body {background: url (Images / Picture.jpg ')}.
Nasıl arka plan resmini yapmak HTML, biz tartıştık.Şimdi tüm ekran genişliği boyunca görüntüyü genişletmek için nasıl anlamaya ihtiyacımız var.Pencerenin
genişliğine duvar kağıdı germe
yöntemleri yüzde şeklinde bizim ekran hayal edin.Bu ekranın tüm uzunluğu ve genişlik x% 100,% 100 olacağı ortaya çıkıyor.Biz bu genişlikte görüntü germek gerekir.Monitörün tüm genişliğine ve uzunluğuna göre görüntü streç olacak style.css dosyası doğrultusunda görüntüleri kaydetmek ekle.Sizin CSS tarzında yazılmış gibi?Çok basit!
gövdesi
{
arka: URL (Fotoğraflar / Picture.jpg ')
arka boyutu: 100%;/ * Bu yazı
yüzden resim arka plan ekranda html yapmak nasıl anladım * /
} en modern tarayıcılar için uygundur.Dosya index.htm kayıt için bir yöntem vardır.Bu yöntemle ve modası geçmiş olsa da, ancak yeni başlayanlar için bunu bilmek ve anlamak için gerekli.Etiket (baş) (tarzı) div {background-size: Kapak;} (/ Stil) (/ head), bu rekor bizim pencerenin tüm genişliği boyunca yerleştirilmiş olacaktır arka plan için özel bir birim tahsis anlamına gelir.Biz site arka plan resmi html yapmak için iki yol kabul var, görüntü, modern tarayıcılarda herhangi bir ekranın tam genişliğinde gerilir.Eğer arka plan olarak web kaynağın geleceğini resmini kullanmaya karar verirseniz
nasıl uzunluğu streç değildir ve estetik görünüm değil yağma ki o zaman sadece, sabit nasıl bilmeniz gereken, sabit bir arka plan
yapmak.Sadece küçük bir ek kayıt HTML kodunu kullanarak.Sen arka sonra bir cümle eklemek için dosyayı style.css gerekir: url sabit (Images / Picture.jpg ');ya da bunun yerine noktalı virgül ayrı bir hat sonra eklenen - pozisyon: sabit.Böylece, duvar kağıdı sabit olacak.Bir içerik sitesini kaydırma sırasında metin satırları hareket ettiğini görürsünüz, ama arka planda bir yerde kalır.Yani çeşitli şekillerde, arka plan resim yapmak için html öğrendim.
HTML
Birçok deneyimsiz web geliştiricileri tablolar ile çalışmak, tablolar ve birimler ile karşı karşıya sıklıkla tablo arka plan resmi yapmak için html nasıl anlamıyorum.Tüm ekipler, HTML ve CSS stilleri gibi, web programlama dili oldukça basittir.Ve bu sorunun çözümü kod birkaç satır yazmak.Zaten etiketleri (tr) ve (td) tarafından belirtildiği gibi, sırasıyla satır ve sütun, bir tablo yazma bilmeli.Resmin arka =: URL görüntü şeklinde tablonun arka plan yapmak için, etiket (tablo), (tr) ya da (TD) görüntüye referansla, basit bir ifade eklemek gerekmektedir.Anlaşılır olması için, biz birkaç örnek verir.Yerine görüntü arka plan ile
tabloları: HTML örnekleri
2x3 tablo çizin ve klasör "Images" saklanan arka plan görüntüsü yapmak: (tablo arka = "Görüntüler / Picture.jpg") (tr) (td)1 (/ td) (td) 2 (/ td) (td) 3) (/ td) (/ tr) (tr) (td) 4 (/ td) (td) 5 (/ td) (td) 6 (/ td) (/ tr) (/ table).Yani bizim masa resmin arka planda çizilecektir.
Şimdi aynı plaka 2x3 boyutları çizmek, ama bir sütun numarası 1, 4, 5 ve 6 (tablo) (tr) bir resim eklemek (td background = "Görüntüler / Picture.jpg") 1 (/ td)(td) 2 (/ td) (td) 3 (/ td) (/ tr) (tr) (td background = "Görüntüler / Picture.jpg") 4 (/ td) (td background = "Görüntüler / Picture.jpg") 5 (/ td) (td background =" Görüntüler / Picture.jpg ") 6 (/ td) (/ tr) (/ table).Arka plan tüm tabloyu sadece biz kayıtlı olduğu bu hücreler, görünür, ama o gördüğünüz izledikten sonra.
Çapraz tarayıcı sitesi
çapraz tarayıcı uyumluluğu web kaynağı gibi bir şey yoktur.Bu sitenin sayfaları eşit derecede iyi, farklı tip ve tarayıcılar sürümlerinde görüntülenir anlamına gelir.Bu HTML ve CSS Kod tarayıcılar tarafından gerekli stilini özelleştirmek için olmalıdır.Dahası, akıllı telefonlar modern çağda, birçok web geliştiricileri adapte ve bir bilgisayar ve görünüm mobil versiyonu siteleri oluşturmak için çalışıyoruz.
