«html» etiketlenmiş sorular

HTML (Köprü Metni Biçimlendirme Dili), bir web tarayıcısında görüntülenecek web sayfaları ve diğer bilgileri oluşturmak için ana biçimlendirme dilidir. HTML ile ilgili sorular, tekrarlanabilir minimum bir örnek ve neyi başarmaya çalıştığınıza dair bazı fikirler içermelidir. Bu etiket nadiren tek başına kullanılır ve genellikle [CSS] ve [javascript] ile eşleştirilir.

4
Webpack dosya yükleyici çıkışları [nesne Modülü]
Birlikte WebPack kullanıyorum HtmlWebpackPlugin, html-loaderve file-loader. İçinde çerçeve yok, sadece daktilo kullandığım basit bir proje yapım var. Böylece, HTML kodumu doğrudan yazıyorum index.html. Bu HTML dosyasını şablonum olarak da kullanıyorum HtmlWebpackPlugin. Tüm web sitelerinde olduğu gibi, öğeler klasörümdeki PNG'ye işaret eden bir resim koymam gerekiyor. file-loaderdosyayı doğru şekilde yüklemeli, yeni …
4
CSS kullanarak DIV'yi eşit olmayan şekilde ortalayın
Flexbox kullanarak bir DIV'yi başka bir DIV içinde ortalıyorum. Gerektiğinde ekranın ortasında açılan bir iletişim penceresi düşünün. İyi çalışıyor, ancak iletişim kutusunun üstündeki ve altındaki alan tam olarak eşit değilse, kalan alanın% 40'ının iletişim kutusunun üstünde ve% 60'ın altında olması daha iyi görünecektir. İletişim yüksekliği, içindeki metin miktarına göre değiştiği …
23 html  css  flexbox  centering 
10
Aynı arka plan rengine sahip üç div arasındaki garip boşluklar nasıl kaldırılır?
Bir süredir bu sorunla mücadele ediyorum. Sorun mobil cihazlarda (Android ve iOS) görülebilir, bazı cihazların biraz yakınlaştırılması gerekebilir. PC'de, mobil moda geçerken bu hatayı Chrome tarayıcıda da yeniden oluşturabilirim. Hatayı yeniden oluşturmak için kullanılan kod aşağıdadır: <!DOCTYPE html> <html lang="en"> <head> <style> .top { height: 100px; background-color: #553213; } .middle …
23 html  css 
5
JavaScript'te textarea'dan seçilen metin konumunu nasıl alabilirim?
Javascript kullanarak seçilen metin konumunu almak istiyorum. Örneğin, basit bir metin alanım var. #input-text { resize: none; width: 50%; height: 50px; margin: 1rem auto; } <textarea id="input-text">I am a student and I want to become a good person</textarea> Kod snippet'ini çalıştırSonuçları gizleSnippet'i genişlet Metin alanımda bazı metinler var: "I am …
20 javascript  html 
7
Önceden ayarlanan kenarlık rengini kaldır
function validate() { var username = document.getElementById("username").value; var password = document.getElementById("password").value; if (username == "") { document.getElementById("message").innerHTML = "USERNAME CANNOT BE EMPTY"; document.getElementById("username").style.borderColor = "red"; return false; } if (password == "") { document.getElementById("message").innerHTML = "PASSWORD CANNOT BE EMPTY"; document.getElementById("password").style.borderColor = "red"; return false; } } #username:focus { background-color: yellow; …
20 javascript  html  css 
8
İki HTML sayfasının aynı göründüğünü nasıl kanıtlayabilirim?
Örneğin, bende: <pre> sun<br/>     mercury <br/>     venus <br/>         earth <br/>         mars <br/>             jupiter <br/>     saturn <br/> </pre> Kod snippet'ini çalıştırSonuçları gizleSnippet'i genişlet ve bu: <div style="font-family:monospace"> <div style="text-indent: 0">sun</div> <br/> <div style="text-indent: 4ch">mercury</div> <br/> <div style="text-indent: 4ch">venus</div> <br/> <div style="text-indent: 8ch">earth</div> <br/> <div style="text-indent: 8ch">mars</div> <br/> <div style="text-indent: 12ch">jupiter</div> <br/> …
19 html  css  acid3 
10
Sarma ile eşit boyutta div'ler oluşturma
Ben bir görüntü ve metin yukarıda ve altında bir menü sistemi oluşturmaya çalışıyorum. Veriler dinamiktir. Menü sisteminin, her bir görüntünün birbirinden eşit mesafede olması ve böylece hem yatay hem de dikey bir görüntü ızgarasında sıralanması için görünmesini istiyorum. Sorun metindir. Metin görüntüden daha uzunsa, div büyütülür. Ancak, görüntüler artık birbirleriyle …
17 html  css  flexbox 
5
Dikey olarak kaydırırken yatay kaydırmaya izin verme (veya tersi)
Birlikte, bir liste var overflow-xve overflow-yset için auto. Buna ek olarak, momentum kaydırma ayarladım, bu yüzden dokunmatik kaydırma mobilde güzel çalışıyor webkit-overflow-scrolling: true. Ancak sorun, dikey kaydırırken yatay kaydırmanın nasıl devre dışı bırakılacağını anlayamıyorum. Sol üst veya sağ üst tarafa doğru kaydırmak tablonun çapraz olarak kaymasına neden olacağından, gerçekten kötü …
2
Düzgün aralıklı kesikli daireler nasıl oluşturulur?
CSS ile noktalı bir daire yapmak istedim ve aşağıdaki işlemle oluşturdum. Kesikli daire bu işlemle görüntülenebilse de, kesikli çizginin sonu ile başlangıcı arasındaki boşluk daraldı ve boşluk eşit değildi. .c { width: 500px; height: 500px; border-width: 15px; border-style: dashed; border-radius: 600px; } <div class="c"></div> Kod snippet'ini çalıştırSonuçları gizleSnippet'i genişlet Boşluğu …
16 javascript  html  css 
8
Ctrl + tıklama ile birden çok hücre nasıl seçilir
Numaraları olan bir tablo var. Tablodaki bir hücreye tıkladığımda, etkin durumu değiştirir. Bir hücre seçmek ve crtl tuşuna basıp başka bir hücre seçmek istiyorum ve ilk ve ikinci arasındaki sonuç hücreleri aktif hale gelecek. Nasıl uygulanır? codepen https://codepen.io/geeny273/pen/GRJXBQP <div id="grid"> <div class="cell">1</div> <div class="cell">2</div> <div class="cell">3</div> <div class="cell">4</div> <div class="cell">5</div> …
16 javascript  html  css 
3
Çok düzeyli açılır liste nasıl oluşturulur ve sunucudan gelen verilerle nasıl bağlanır
Angular için çok yeniyim. Angular üzerinde biraz çalışmam var. JsonRest Api çağırarak sunucudan gelen veriler için Yuvalanmış açılan listesini bağlamak gerekiyor . Verilerin bir özniteliği vardır LgLevel, Grubun hiyerarşisindeki düzeyi belirtir. Ebeveyn level=0, Hemen Child=1, Grandchild=2vb. Childve hangi üst menünün, alt menünün orada olacağını gösteren bir alana Grandchildsahiptir ParentLocationGroup. Bu …
4
CSS “lunapark treni” animasyonunda bir çizgiyi nasıl eğriltebilirim?
CSS ile bir roller coaster tarzı animasyon oluşturmaya çalışıyorum. Döngü aşamasında "bardak altlığı" nasıl eğri bilmek istiyorum. Tamamen bir CSS çözümü arıyorum, ancak biraz JavaScript'e ihtiyaç duyuyorsanız, bununla sorunum yok. şimdiye kadar benim kod: #container { width: 200px; height: 300px; margin-top: 50px; position: relative; animation: 10s infinite loop; animation-timing-function: linear; …
6
Kaydırılabilir içeriği sabit flexbox gezinme menüsü altına konumlandırma
<main>Öğeyi doğrudan öğenin altına yerleştirmeye çalışıyorum aşağıdaki snippet (tam ekran modunda görüntülemek gerekir) var <header>. Ben <header>bunu içinde içerik yoluyla kullanıcı kaydırma ekranın üst kısmındaki almak istemeleridir sabit pozisyonda <main>eleman. Bildiğim her şeyi denedim, ancak gelebileceğim en iyi şey, <header>öğenin <main>içeriğinin büyük bir kısmını kesen öğenin üzerine yerleştirilmesidir . Ortaya …
15 html  css  css-position  fixed 
2
Window.location.replace dosyasını bir iframe içinde kullanabilir miyim?
Biz kullanabilirsiniz window.location.replaceiçin , önlemek tarih ve hedefe Sayfada çapa , sayfayı yeniden olmadan ama değil iframe'lerinde? Sorun, durumların etkinleştirilmesi gereken bir CSP (içerik güvenliği politikası) ihlalidirscript-src 'unsafe-inline' . Dışında bir CSP tanımlamam dışında bir tanesini tanımlayıp izin versem script-src 'unsafe-inline'de yine de aynı ihlal hatası veriyor. İe11 / chrome …
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.