Questions tagged «html»

HTML(超文本标记语言)是用于创建网页和其他要在Web浏览器中显示的信息的主要标记语言。有关HTML的问题应包括一个可重现的示例,以及您要实现的目标的一些想法。此标记很少单独使用,通常与[CSS]和[javascript]配对使用。

6
单击按钮时,使用jQuery播放音频文件
当我单击按钮时,我正在尝试播放音频文件,但是它不起作用,我的html代码是: <html> <body> <div id="container"> <button id="play"> Play Music </button> </div> </body> </html> 我的JavaScript是: $('document').ready(function () { $('#play').click(function () { var audio = {}; audio["walk"] = new Audio(); audio["walk"].src = "http://www.rangde.org/static/bell-ring-01.mp3" audio["walk"].addEventListener('load', function () { audio["walk"].play(); }); }); }); 我也为此创建了一个小提琴。

4
如何以定义的宽度/高度垂直对齐div内容的中心?
这将是垂直居中在限定的宽度/高度的任何内容的正确方法div。 在该示例中,有两个具有不同高度的内容,什么是使用class垂直居中的最佳方法.content?(并且适用于所有浏览器,而没有的解决方案table-cell) 想到了一些解决方案,但想知道其他想法,一个正在使用position:absolute; top:0; bottom: 0;和margin auto。



10
替换正文中的单词
有没有办法替换放置在HTML正文中的table元素内的普通文本? 喜欢用“ hi”代替“ hello”吗? 请仅使用不带jQuery的JavaScript。
93 javascript  html 

4
HTML锚链接-href和onclick都可以吗?
我想编写一个锚标签,该标签执行一些JavaScript,然后继续将其放到href需要它的地方。调用执行我的JavaScript的功能,然后将其设置window.location或定位top.location到我的href位置无效。 因此,假设我在页面上有一个ID为“ Foo”的元素。我想编写一个类似于以下内容的锚点: <a href="#Foo" onclick="runMyFunction(); return false;">Do it!</a> 单击此按钮后,我要执行runMyFunction,然后将页面跳转到#Foo(不引起重新加载-使用top.location将导致它重新加载页面)。 有什么建议吗?我很高兴使用jQuery,如果它可以在这里帮助您...

18
第一次使用@ font-face将文本绘制到<canvas>无效
当我在具有通过@ font-face加载的字体的画布中绘制文本时,该文本无法正确显示。它根本不显示(在Chrome 13和Firefox 5中),或者字体错误(Opera 11)。此类意外行为仅在带有字体的第一个图形上发生。之后,一切正常。 这是标准行为还是什么? 谢谢。 PS:以下是测试用例的源代码 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;@font-face and &amp;lt;canvas&amp;gt;&lt;/title&gt; &lt;style id="css"&gt; @font-face { font-family: 'Press Start 2P'; src: url('fonts/PressStart2P.ttf'); } &lt;/style&gt; &lt;style&gt; canvas, pre { border: 1px solid black; padding: 0 1em; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;h1&gt;@font-face and &amp;lt;canvas&amp;gt;&lt;/h1&gt; &lt;p&gt; Description: click …
93 html  canvas  font-face 

1
可以嵌套在P元素内的HTML5元素列表?
我试图找出所有可以嵌套在段落元素中的有效HTML5元素,以使w3验证程序不会显示任何错误。我的意思是我正在尝试找出所有可以替换以下代码中点的标记,以便w3验证程序不显示任何错误: &lt;p&gt;...&lt;/p&gt; 有这样的清单吗?我尝试在Google上搜索时没有任何运气。 即使反向列表可用,即不能嵌套在段落元素中的元素,对我来说也足够了。
93 html  nested 

10
禁用的输入文字颜色
下面的简单HTML在基于Firefox和基于WebKit的浏览器中的显示方式有所不同(我在Safari,Chrome和iPhone中进行了检查)。 在Firefox中,边框和文本都具有相同的颜色(#880000),但在Safari中,文本会变得更浅一些(好像已对其应用了一些透明度)。 我可以以某种方式解决此问题(在Safari中删除此透明度)吗? &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;style type="text/css"&gt; input:disabled{ border:solid 1px #880000; background-color:#ffffff; color:#880000; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;form action=""&gt; &lt;input type="text" value="disabled input box" disabled="disabled"/&gt; &lt;/form&gt; &lt;/body&gt; &lt;/html&gt;
93 iphone  html  css  safari  webkit 

13
使HTML5视频海报的尺寸与视频本身的尺寸相同
有谁知道如何调整HTML5视频海报的大小,使其适合视频本身的确切尺寸? 这是显示问题的jsfiddle:http : //jsfiddle.net/zPacg/7/ 这是代码: HTML: &lt;video controls width="100%" height="100%" poster="http://www.wpclipart.com/blanks/buttons/glossy_buttons/glossy_button_blank_orange_rectangle.png"&gt; &lt;source src="http://demo.inwebson.com/html5-video/iceage4.mp4" type="video/mp4" /&gt; &lt;source src="http://demo.inwebson.com/html5-video/iceage4.ogg" type="video/ogg" /&gt; &lt;source src="http://demo.inwebson.com/html5-video/iceage4.webm" type="video/webm" /&gt; &lt;/video&gt;​ CSS: video{ border:1px solid red; }​ 请注意,橙色矩形不会缩放到视频的红色边框。 另外,仅在下面添加CSS也不起作用,因为它会重新调整视频和海报的比例: video[poster]{ height:100%; width:100%; }


13
TD宽度,不工作?
所以我在这里有这段代码: &lt;table&gt; &lt;tr&gt; &lt;td width="200px" valign="top"&gt; &lt;div class="left_menu"&gt; &lt;div class="menu_item"&gt; &lt;a href="#"&gt;Home&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;/td&gt; &lt;td width="1000px" valign="top"&gt;Content&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; 与CSS .left_menu { background: none repeat scroll 0 0 #333333; border-radius: 5px 5px 5px 5px; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; padding: 5px; } .menu_item { background: none repeat scroll …
93 html  css  html-table  width 

4
在<h1>标记后删除换行符?
我在删除&lt;h1&gt;标签后的换行符时遇到问题,因为每次打印时,它都会在标签后直接添加换行符,因此像这样&lt;h1&gt;Hello World!&lt;/h1&gt; &lt;h2&gt;Hello Again World!&lt;/h2&gt;打印出来: Hello World! Hello Again World! 我不确定在CSS中需要更改哪些标签,但是我希望这与填充或边距有关 我也想尽可能保持垂直填充。

5
刷新页面的一部分(div)
我有一个附加到Java程序的基本html文件。每当刷新页面时,此java程序都会更新HTML文件一部分的内容。我只希望在每个时间间隔后刷新页面的该部分。我可以将要刷新的部分放在中div,但是我不确定如何仅刷新内容div。任何帮助,将不胜感激。谢谢。

12
如何使<label>和<input>出现在HTML表单的同一行上?
我正在为网站创建注册表。我希望每个标签及其对应的输入元素都显示在同一行上。 这是我的代码: #form { background-color: #FFF; height: 600px; width: 600px; margin-right: auto; margin-left: auto; margin-top: 0px; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 0px; } label { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #333; height: 20px; width: 200px; margin-top: 10px; margin-left: 10px; text-align: right; clear: both; } input …
93 html  css  forms 

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.