html 相关问题

HTML(超文本标记语言)是用于构造网页和格式化内容的标准标记语言。 HTML在语义上描述了网站的结构以及用于表示的提示,使其成为标记语言,而不是编程语言。 HTML主要与CSS和JavaScript结合使用,为页面添加样式和行为。 HTML规范的最新修订版是HTML5.2。

如何让方框变成文字的整个宽度并显示文字

我两天前刚刚开始学习 HTML,偶然发现了一些我不知道该怎么做的事情。我有一段文本,它创建一个带有标题和一点文本的框。当鼠标

回答 1 投票 0

Django 未加载 CSS(静态文件)

我是 Django 的初学者,尝试将 CSS 文件(存储在 base/static/css 中)应用到 Web 应用程序的基本页面。由于某种原因,该文件未应用于该页面,并且我得到的输出为 &qu...

回答 1 投票 0

如何在html中成功导入bootstrap?

这是我的代码: 这是我的代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>WebCamera</title> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> </head> <body> <div> <img src="{% url 'livefy' %}"> </div> <br> <form action="http://localhost:8000/" method="post"> {% csrf_token %} <button type="submit">Check Face</button> </form> <h6>Name:{{n}}</h6> <h6>Id:{{i}}</h6> <div class="container-sm">100% wide until small breakpoint</div> <div class="container-md">100% wide until medium breakpoint</div> <div class="container-lg">100% wide until large breakpoint</div> <div class="container-xl">100% wide until extra large breakpoint</div> <div class="container-xxl">100% wide until extra extra large breakpoint</div> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script> </body> </html> 我想知道为什么我的引导程序不起作用? 我使用Windows 11,Python 3.11,Bootstrap 5.3,django 5.0.2 请帮助我! 我想,应该可以正常工作。 您只需要应用 Bootstrap 类。例如,您的 button 应使用 class="btn" 来自引导文档: <button type="button" class="btn">Base class</button> 这是文档链接: https://getbootstrap.com/docs/5.3/getting-started/introduction/

回答 1 投票 0

使用按钮切换动态更改Highlight.js主题(亮/暗模式)

我正在使用highlight.js 库在我的网页上显示代码片段。我想添加一个按钮,允许用户在代码片段的浅色和深色主题之间切换。理想情况下,点击...

回答 1 投票 0

尝试为网站创建 HTML CSS 网格

我正在为一家律师事务所构建一个网站,我正在尝试实现如下图所示的 CSS 网格。 我在每个网格中添加图标和填充时也遇到问题要处理。 .grid-column {

回答 1 投票 0

div 中的图像溢出

我的图像从 div 框溢出。我制作了一个高度 160 的导航栏,并在其中添加了两个图像。我声明了一个框和 Flexbox,并添加了 justify-content:space- Between 。每当我尝试将 b...

回答 1 投票 0

仅使用 CSS 使子级宽度等于父级高度

如图所示,有两个元素:父元素(深灰色)和子元素(不是深灰色)。父级的宽度和高度是可变的。子项 i 的比例为 1:1 或 y:y,其中 y 等于...

回答 3 投票 0

如果我在index.php文件中连接到mysql数据库,我是否需要在任何嵌入php的链接html文件中再次执行此操作?

如果我在index.php文件中连接到mysql数据库,我是否需要在任何嵌入php的链接html文件中再次执行此操作,这些文件通过.htaccess解析为php 所以如果我有一个 index.php 得到...

回答 3 投票 0

Edge 开发者工具,数据获取未出现在网络窗格中

在 MS Edge 开发人员工具中查看以下 URL 的页面。 https://quotes.wsj.com/bond/BX/TMUBMUSD10Y 屏幕左侧“YIELD”标题下的大报价更新

回答 2 投票 0

哪里有关于 HTML5 的所有 JavaScript API 的好资源 [已关闭]

我正在寻找一个参考,该参考总结了 HTML 5 中引入的所有可用 JavaScript API,适用于已实现任何新功能的每个浏览器。类似...

回答 4 投票 0

如何在span元素中应用空间

我一直在尝试在 span 元素内应用一个空白,但无法做到。 在我的应用程序中,我有以下两个 span 元素: ...

回答 4 投票 0

Blogger 代码数据:post.url 用作带有图像按钮的可点击链接

我的网站是logjik.com。我的帖子中有两个社交按钮,它们也显示在我的主页中,我使用了这个解决方案,因为即使我在主页中,我也可以分享我的帖子链接(类似于 9g...

回答 2 投票 0

使用自定义 CSS 或更改 HTML 代码将自定义液体按钮水平居中在容器中

我有以下自定义液体按钮: 我有以下自定义液体按钮: <table> <tbody> <tr> <td colspan="2" align="center"><input type="image" src="https://my.payfast.io/images/buttons/Subscribe/Dark-Large-Subscribe.png" alt="Subscribe" title="Subscribe with Payfast" /></td> </tr> </tbody> </table> 我几天来一直在尝试阅读以前的帖子,了解如何在我的页面上水平居中此按钮,但没有成功? 有人可以帮助我更新 HTML 代码或使用 CSS 自定义部分将按钮在我的网页上的容器上水平居中吗? 表格默认不占据 100% 的宽度。您需要专门定义它: <table style="width:100%"> <tbody> <tr> <td colspan="2" align="center"><input type="image" src="https://my.payfast.io/images/buttons/Subscribe/Dark-Large-Subscribe.png" alt="Subscribe" title="Subscribe with Payfast" /></td> </tr> </tbody> </table> 此外,我建议一个简单的<div style="text-align:center"> insetad。 默认情况下,表格元素不会遮挡父元素的全角。只需将表格宽度设置为 100%,按钮就会水平居中对齐。 <table style="width: 100%"> <tbody> <tr> <td colspan="2" align="center"><input type="image" src="https://my.payfast.io/images/buttons/Subscribe/Dark-Large-Subscribe.png" alt="Subscribe" title="Subscribe with Payfast" /></td> </tr> </tbody> </table>

回答 2 投票 0

我的单选按钮分组在同一行(左、中、右)。我单击了第二个单选按钮的标签,并且选择了第一个单选按钮

我有三个单选按钮,全部具有相同的名称。当我单击第一个时,它会选择第一个。当我单击第二个(需要单击气泡)时,它会选择第二个。当我...

回答 1 投票 0

如何制作“保存”按钮将 HTML 输入(类型=“文本”)值保存到单独的 .txt 文件(JavaScript)

我在使用“保存”按钮将 HTML 输入(类型=“文本”)值保存到单独的 .txt 文件时遇到问题。 有足够 JavaScript 经验和知识的人可以帮助我解决这个问题吗...

回答 1 投票 0

带有CSS的图像位置

好吧,我正在用 html 和 css 做我的第一个页面,你看,你知道 operagx 和其他浏览器有正常尺寸的屏幕,当你按 f11 时是全屏,这里的问题是......

回答 1 投票 0

如何在node.js上运行多个文件?

我正在开发一个学校项目,我计划使用 Node.js 来托管它。问题是,每次我尝试运行它时,它都不会返回任何内容。 我在一个文件中有 4 个 HTML、2 个 CSS 和 2 个 JS 文件...

回答 1 投票 0

如何使用 HTML5 日期时间本地输入禁用先前的日期?

我只是想阻止用户输入或禁用输入 datetime-local 中的先前日期,有没有办法做到这一点? 这是我所做的,不幸的是没有任何反应......

回答 3 投票 0

如何用javascript制作游戏循环?

我是编程新手,我想使用 html、css 和 javascript 制作一个打字游戏。 我想在开始时每 5 秒创建一个 标签,并且喜欢每 5 个单词减少时间...... 我是编程新手,我想使用 html、css 和 javascript 制作一个打字游戏。 我想在开始时每 5 秒创建一个 <p> 标签,并且喜欢每正确输入 5 个单词就减少时间。 <p>标签是用户必须正确书写的单词。 HTML <head> <title>Type game :D</title> <link rel="stylesheet" href="./css/style.css"> </head> <body> <div class="main"> <div class="content grid"> <div class="container radius"> <div class="container-start" id="start-text"> <h2 class="start" onclick="gameLoop()">Start</h2> </div> <div class="words grid" id="wordSpawner"> </div> </div> <div class="container rules"> <h1 class="text-h1">RULES</h1> <p class="text-rules"> - Words will randomly appear in the container on the left <br> - They will move from the left border to the right <br> - Write the words before they reach the right border <br> - After every 5 words the game will get harder <br> - Dont forget to have fun! :D </p> </div> <div class="text-par"> <input type="text" name="" id="inputWord" class="text-game" onclick="keyPressed()"> </div> </div> </div> <script src="./scripts/scripts.js"></script> </body> </html> CSS @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&display=swap'); * { margin: 0; padding: 0; box-sizing: border-box; } body { position: relative; background-color: #add2c9; height: 100vh; font-family: "Poppins", sans-serif; color: black; } ::selection { color: lightblue; background-color: white; } .main { position: relative; height: 100%; width: 100%; } .content.grid { display: grid; max-width: 1600px; margin: 0 auto; width: 100%; grid-template-columns: repeat(25, 1fr); } .container.radius { position: relative; grid-column-start: 2; grid-column-end: 14; border: 5px solid; height: 30rem; margin-top: 12rem; border-radius: 2.5rem; background-color: #faf9f9; overflow: hidden; } .container.rules { position: relative; grid-column-start: 17; grid-column-end: 23; height: 30rem; margin-top: 13rem; } .text-par { display: flex; position: relative; grid-column-start: 3; grid-column-end: 13; margin-top: 2.5rem; justify-content: center; } .text-h1 { font-family: "M PLUS Rounded 1c", sans-serif; text-align: center; } .text-rules { font-family: "Poppins", sans-serif; font-weight: 500; font-size: 1.5rem; margin-top: 1rem; line-height: 150%; } .text-game { font-family: "M PLUS Rounded 1c", sans-serif; font-weight: 600; font-size: 3rem; border: none; outline: none; background: none; text-align: center; border-bottom: 4px solid black; } .container-start { display: flex; height: 100%; justify-content: center; align-items: center; } .hide { display: none; } .start { font-family: "Poppins", sans-serif; font-size: 3rem; font-weight: 400; z-index: 1000; } h2:hover { color: green; cursor: pointer; } .words.grid { display: grid; position: relative; height: 100%; width: 100%; top: 0; grid-template-rows: repeat(10, 1fr); } .spwn-words { position: relative; font-size: 1.5rem; align-self: center; animation: word 4s linear; } @keyframes word { 0% { transform: translate(0, 0); } 100% { transform: translate(100%, 0); } } Javascript var words = ["gatto","cane","calcio","pallavolo","sport","cibo","pizza"]; //7 var startxt = document.getElementById("start-text"); var inputValue = document.getElementById("inputWord"); var p = document.createElement("p"); var spawner = document.getElementById("wordSpawner").append(p); var typedWord; var playing = false; spawnedWord = words; function start(){ startxt.classList.add("hide"); playing = true; } function generateWord(){ p.classList.add("spwn-words"); p.style.gridRowStart = randomRow(); p.textContent = randomWord(); console.log(p); } function keyPressed(){ inputValue.addEventListener('keydown',(event)=>{ if(event.key === 'Enter' && playing == true){ console.log('Enter key pressed!'); typedWord = inputValue.value; } }); } function randomWord(){ var n = Math.floor(Math.random() * words.length); return spawnedWord[n]; } function randomRow(){ var nrow = Math.floor(Math.random() * 10); return nrow; } function gameLoop(){ start(); generateWord(); } 我对我写的代码感到抱歉,但正如我所说,我是初学者。 我尝试添加一个 while 循环,但它不起作用...我尝试为 标签创建一个构造函数,但我不知道如何使其正确,我还尝试了“new Date().getTime() /” 1000;”但我不知道如何进一步。 在 Web JavaScript 中,要实现流畅的游戏循环,最好的方法就是使用 requestAnimationFrame 方法。 function gameLoop(){ start(); generateWord(); // request the next animation frame window.requestAnimationFrame(gameLoop); } 有关更多信息,请查看 MDN 文档。 我希望这有帮助。

回答 1 投票 0

我的 Javascript 和 HTML 项目不想占用一半学分

我创建的项目不想接受半学分,我不知道为什么不接受。当我输入 0.5 时,它只接受 0;当我输入 0.5 时,它不接受任何数字。 当我取出零件时...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.