Запитання з тегом «html»

HTML (HyperText Markup Language) - основна мова розмітки для створення веб-сторінок та іншої інформації, яка відображається у веб-браузері. Питання щодо HTML повинні включати мінімальний відтворюваний приклад та деяке уявлення про те, чого ви намагаєтесь досягти. Цей тег рідко використовується поодинці і часто поєднується з [CSS] та [javascript].

5
Чи повинен я вказувати атрибути висоти та ширини для своїх IMG у HTML?
Якщо я знаю висоту та ширину зображення, яке я збираюся відображати з тегом зображення, чи повинен я включати атрибути висоти та ширини або просто розміщувати інформацію у CSS? Або обидва? Напр. <img src="profilepic.jpg" height="64" width="64" /> або <img src="profilepic.jpg" height="64" width="64" style="height: 64px; width: 64px;" /> або <img src="profilepic.jpg" style="height: …
74 html  css  image 
4
Виводить завантажувач файлів Webpack [модуль об'єкта]
Я використовую Webpack з HtmlWebpackPlugin, html-loaderі file-loader. У мене проста структура проекту, в якій я не використовую рамки, а лише typecript. Таким чином, я пишу свій HTML код безпосередньо в index.html. Я також використовую цей HTML-файл як мій шаблон HtmlWebpackPlugin. Оскільки всі веб-сайти мені потрібно помістити зображення, яке посилається на …
4
Відцентруйте DIV нерівномірно за допомогою CSS
Я центрирую DIV всередині іншого DIV за допомогою флекси. Придумайте діалогове вікно, яке спливе в центрі екрана, коли це необхідно. Це працює чудово, однак це виглядало б набагато краще, якби простір над і під діалоговим вікном був не рівним, маючи 40% решти місця вище, а 60% нижче діалогового. Це стає …
23 html  css  flexbox  centering 
10
Як усунути дивні прогалини між трьома дивами, що мають однаковий колір фону?
Я досить довго борюся з цим питанням. Проблему можна побачити на мобільних пристроях (Android та iOS), можливо, для деяких пристроїв потрібно трохи зменшити масштаб. На ПК я також можу відтворити цю помилку в браузері Chrome при переході в мобільний режим. Нижче наведено код, який використовується для відтворення помилки: <!DOCTYPE html> …
23 html  css 
5
Як порівняти 2 iframe та отримати різницю візуально?
Справа: У мене є 2 iframe і в обох є багато divs та інших елементів керування, тому обидва iframe - як середній розмір веб-сайтів HTML. Я хочу порівняти обидва та з’ясувати відмінності. Я думав про різні варіанти тут: Рішення 1: Створіть повний знімок екрана з 2 кадрів і порівняйте обидва …
5
Як отримати вибрану позицію тексту з textarea в JavaScript?
Я хочу отримати вибране положення тексту за допомогою JavaScript. Наприклад, у мене проста текстова область. #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> Виконати фрагмент кодуСховати результатиРозгорніть фрагмент У текстовій області є текст, …
20 javascript  html 
7
Видаліть раніше встановлений колір рамки
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
Як я можу довести, що дві сторінки HTML виглядають однаково?
Наприклад, у мене це: <pre> sun<br/>     mercury <br/>     venus <br/>         earth <br/>         mars <br/>             jupiter <br/>     saturn <br/> </pre> Виконати фрагмент кодуСховати результатиРозгорніть фрагмент і це: <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
Не дозволяйте горизонтальну прокрутку при прокручуванні вертикально (і навпаки)
У мене є список, з overflow-xі overflow-yвстановлено auto. Крім того, я налаштував прокрутку імпульсу, тому прокрутка на дотик добре працює в мобільному режимі webkit-overflow-scrolling: true. Однак проблема полягає в тому, що я не можу зрозуміти, як відключити горизонтальну прокрутку при прокручуванні по вертикалі. Це призводить до по-справжньому поганого досвіду користувача, …
10
Створення диванів однакових розмірів за допомогою обгортання
Я намагаюся створити систему меню із зображенням та текстом зверху та знизу. Дані динамічні. Я хочу, щоб система меню виглядала так, щоб кожне зображення було на однаковій відстані один від одного, щоб вони вишикувалися в сітку зображень як горизонтально, так і вертикально. Проблема - текст. Якщо текст довший за зображення, …
17 html  css  flexbox 
2
Як створити пунктирні кола з рівномірним проміжком?
Я хотів зробити пунктирне коло з CSS і створив його наступним процесом. Хоча за допомогою цього процесу можна було відобразити пунктирне коло, проміжок між кінцем і початком пунктирної лінії став вузьким, а проміжок не був рівномірним. .c { width: 500px; height: 500px; border-width: 15px; border-style: dashed; border-radius: 600px; } <div …
16 javascript  html  css 
8
Як вибрати кілька клітинок за допомогою ctrl + click
У мене є таблиця з цифрами. Коли я натискаю на клітинку таблиці, вона перемикає активний стан. Я хочу вибрати одну клітинку і натиснути crtl та вибрати іншу клітинку, і як результат клітини між першою та другою стануть активними. Як це реалізувати? codepen https://codepen.io/geeny273/pen/GRJXBQP <div id="grid"> <div class="cell">1</div> <div class="cell">2</div> <div …
16 javascript  html  css 
3
Як створити багаторівневий випадаючий список та зв’язати дані, що надходять із сервера
Я дуже новачок у Angular. У мене є робота над Angular. Мені потрібно прив’язати Вкладений список вкладених Jsonданих для даних, що надходять із сервера, зателефонувавши до відпочинку Api. Дані мають один атрибут LgLevel, Вказує рівень в ієрархії групи. Батько матиме level=0, Immediate Child=1, Grandchild=2і так далі. Childі Grandchildмає ParentLocationGroupполе, яке …
4
Як я можу викривити лінію в анімації CSS "американські гірки"?
Я намагаюся створити анімацію в американських гірках із CSS. Хочеться знати, як викривити "американський катер", коли він знаходиться в циклі. Я шукаю все рішення CSS, але якщо є необхідність у трохи JavaScript, з цим я все в порядку. мій код поки: #container { width: 200px; height: 300px; margin-top: 50px; position: …
6
Позиціонування вмісту, який можна прокручувати, у фіксованому навігаційному меню Flexbox
У мене є такий фрагмент (потрібно переглянути в повноекранному режимі), що я намагаюся розмістити <main>елемент безпосередньо під <header>елементом. Я перебуваю <header>у фіксованому положенні, тому що я хочу, щоб він залишався у верхній частині екрана, коли користувач прокручує вміст <main>елемента. Я спробував усе, що знаю, але найкраще, що я можу придумати, …
15 html  css  css-position  fixed 
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.