Pytania otagowane jako html

HTML (HyperText Markup Language) to główny język znaczników do tworzenia stron internetowych i innych informacji wyświetlanych w przeglądarce internetowej. Pytania dotyczące HTML powinny zawierać minimalny odtwarzalny przykład i pewne pojęcie o tym, co próbujesz osiągnąć. Ten znacznik jest rzadko używany samodzielnie i często jest łączony z [CSS] i [javascript].

4
Wyjścia modułu ładującego pliki Webpack [moduł obiektu]
Używam webpack z HtmlWebpackPlugin, html-loaderi file-loader. Mam prostą strukturę projektu, w której nie używam ram, a jedynie maszynopis. Dlatego piszę mój kod HTML bezpośrednio na index.html. Używam również tego pliku HTML jako mojego szablonu HtmlWebpackPlugin. Jak wszystkie strony internetowe, muszę umieścić obraz, który odnosi się do PNG w moim folderze …
4
Wyśrodkuj DIV nierównomiernie za pomocą CSS
Centruję DIV wewnątrz innego DIV za pomocą Flexboksa. Pomyśl o oknie dialogowym, które pojawia się na środku ekranu w razie potrzeby. Działa dobrze, jednak wyglądałoby to znacznie lepiej, gdyby przestrzeń powyżej i poniżej okna dialogowego nie była dokładnie równa, mając 40% pozostałej przestrzeni powyżej i 60% poniżej okna dialogowego. Jest …
23 html  css  flexbox  centering 
10
Jak usunąć dziwne luki między trzema divami o tym samym kolorze tła?
Od dłuższego czasu walczę z tym problemem. Problem można zobaczyć na urządzeniach mobilnych (Android i iOS), niektóre urządzenia mogą wymagać nieco większego powiększenia. Na komputerze mogę również odtworzyć ten błąd w przeglądarce Chrome po przełączeniu do trybu mobilnego. Poniżej znajduje się kod używany do odtworzenia błędu: <!DOCTYPE html> <html lang="en"> …
23 html  css 
5
Jak uzyskać wybraną pozycję tekstową z obszaru tekstowego w JavaScript?
Chcę uzyskać wybraną pozycję tekstową za pomocą javascript. Na przykład mam prosty obszar tekstowy. #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> Uruchom fragment koduUkryj wynikiRozwiń fragment kodu W moim obszarze tekstowym mam …
20 javascript  html 
7
Usuń poprzednio ustawiony kolor obramowania
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
Jak mogę udowodnić, że dwie strony HTML wyglądają identycznie?
Mam na przykład: <pre> sun<br/>     mercury <br/>     venus <br/>         earth <br/>         mars <br/>             jupiter <br/>     saturn <br/> </pre> Uruchom fragment koduUkryj wynikiRozwiń fragment kodu i to: <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: …
19 html  css  acid3 
5
Nie zezwalaj na przewijanie w poziomie podczas przewijania w pionie (i odwrotnie)
Mam listę, z overflow-xoraz overflow-yzestaw do auto. Ponadto skonfigurowałem przewijanie pędu, więc przewijanie dotykowe działa dobrze w urządzeniach mobilnych, przy użyciu webkit-overflow-scrolling: true. Problem polega jednak na tym, że nie mogę dowiedzieć się, jak wyłączyć przewijanie w poziomie podczas przewijania w pionie. Prowadzi to do naprawdę złych wrażeń dla użytkownika, …
10
Tworzenie div równych rozmiarów z zawijaniem
Próbuję stworzyć system menu z obrazem i tekstem powyżej i poniżej. Dane są dynamiczne. Chcę, aby system menu pojawił się w taki sposób, aby każdy obraz był w równej odległości od siebie, tak aby ustawiał się w siatce obrazów zarówno w poziomie, jak i w pionie. Problemem jest tekst. Jeśli …
17 html  css  flexbox 
2
Jak tworzyć przerywane okręgi o jednolitych odstępach?
Chciałem zrobić kropkowany okrąg za pomocą CSS i utworzyłem go w następujący sposób. Chociaż ten proces może wyświetlać przerywany okrąg, przerwa między końcem a początkiem przerywanej linii stała się wąska, a odstęp nie był jednolity. .c { width: 500px; height: 500px; border-width: 15px; border-style: dashed; border-radius: 600px; } <div class="c"></div> …
16 javascript  html  css 
8
Jak zaznaczyć wiele komórek za pomocą Ctrl + kliknięcie
Mam stolik z liczbami. Po kliknięciu komórki w tabeli przełącza ona stan aktywny. Chcę wybrać jedną komórkę i nacisnąć crtl i wybierz inną komórkę, w wyniku czego komórki między pierwszą a drugą staną się aktywne. Jak to wdrożyć? 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> …
16 javascript  html  css 
3
Jak utworzyć wielopoziomową listę rozwijaną i powiązać z danymi pochodzącymi z serwera
Jestem bardzo nowy w Angular. Mam trochę pracy nad Angularem. Muszę powiązać zagnieżdżoną listę rozwijaną dla Jsondanych pochodzących z serwera, wywołując Rest Api. Dane mają jeden atrybut LgLevel, określa poziom w hierarchii grupy. Rodzic będzie musiał level=0, natychmiastowa Child=1, Grandchild=2i tak dalej. Childi Grandchildma ParentLocationGrouppole, które pokazuje, w którym menu …
6
Pozycjonowanie przewijalnej zawartości w stałym menu nawigacji Flexbox
Mam następujący fragment kodu (muszę wyświetlić w trybie pełnoekranowym), że próbuję umieścić <main>element bezpośrednio pod <header>elementem. Mam <header>stałą pozycję, ponieważ chcę, aby pozostała na górze ekranu, gdy użytkownik przewija zawartość <main>elementu. Próbowałem wszystkiego, co wiem, ale najlepsze, co mogę wymyślić, to <header>umieścić element na wierzchu <main>elementu, co odcina dużą część …
15 html  css  css-position  fixed 
2
Czy mogę użyć window.location.replace w ramce iframe?
Możemy użyć, window.location.replaceaby ominąć historię i celować w kotwice na stronie bez przeładowań strony, ale nie w ramkach iframe? Problemem jest naruszenie CSP (polityka bezpieczeństwa treści), które script-src 'unsafe-inline'muszą być włączone. Tyle że nie mam zdefiniowanego CSP, a nawet jeśli go zdefiniuję i pozwolę, script-src 'unsafe-inline'że nadal daje ten sam …
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.