Questions tagged «html»

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

17
如何设置html“选择”元素的选项的样式?
这是我的HTML: <select id="ddlProducts" name="ddProducts"> <option>Product1 : Electronics </option> <option>Product2 : Sports </option> </select> 我想仅使用CSS将产品名称(即“ Product1”,“ Product2”等)加粗,并将其类别(例如,电子,体育等)斜体化。我发现一个老问题,提到无法使用HTML和CSS,但希望现在有解决方案。
202 html  css  drop-down-menu 

15
Angular 2复选框双向数据绑定
我是Angular2的新手,但有一个小问题: 在我的Login-Component-HTML中,我有两个复选框,我想通过两种方式将数据绑定到Login-Component-TypeScript。 这是HTML: <div class="checkbox"> <label> <input #saveUsername [(ngModel)]="saveUsername.selected" type="checkbox" data-toggle="toggle">Save username </label> </div> 这是Component.ts: import { Component, OnInit } from '@angular/core'; import { Router } from '@angular/router'; import { Variables } from '../../services/variables'; @Component({ selector: 'login', moduleId: module.id, templateUrl: 'login.component.html', styleUrls: ['login.component.css'] }) export class LoginComponent implements OnInit { …

11
当鼠标移到表格中的一行时,将光标移到手
当鼠标移到a <tr>中时,如何更改光标指针<table> <table class="sortable" border-style:> <tr> <th class="tname">Name</th><th class="tage">Age</th> </tr> <tr><td class="tname">Jennifer</td><td class="tage">24</td></tr> <tr><td class="tname">Kate</td><td class="tage">36</td></tr> <tr><td class="tname">David</td><td class="tage">25</td></tr> <tr><td class="tname">Mark</td><td class="tage">40</td></tr> </table>
201 html  css  cursor 

18
如何在保持图像的长宽比的同时拉伸图像以填充<div>?
我需要将此图像拉伸到最大可能的大小,而不会溢出&lt;div&gt;图像或使图像倾斜。 我无法预测图像的纵横比,因此无法知道是否使用: &lt;img src="url" style="width: 100%;"&gt; 要么 &lt;img src="url" style="height: 100%;"&gt; 我不能同时使用两者(即style =“ width:100%; height:100%;”),因为那样会拉伸图像以适合&lt;div&gt;。 的&lt;div&gt;大小是按屏幕百分比设置的,这也是不可预测的。
201 image  html  size 


10
部分与文章HTML5
我的页面由视频,新闻提要等各种“部分”组成。我有点困惑如何用HTML5表示这些部分。目前,我将它们作为HTML5 &lt;section&gt;,但经过进一步检查,看起来它们是更正确的标记&lt;article&gt;。有人可以帮我一下吗? 这些东西都不是真正意义上的博客文章或“文档”,因此很难确定要应用哪个元素。 干杯 编辑:我选择使用article标签,因为它似乎是不相关元素的容器标签,我猜我的“节”是。然而,实际的标记名文章似乎颇具误导性,尽管他们说HTML5的开发考虑了Web 应用程序的更多考虑,但我发现许多标记都是以博客为中心/基于文档的。 无论如何,谢谢您的回答,这似乎是相当主观的。
201 html  markup 


29
如何在Bootstrap中增加列之间的间距?
我敢肯定有一个解决此问题的简单方法。基本上,如果我有两列,如何在它们之间添加一个空格? 例如,如果html是: &lt;div class="col-md-6"&gt;&lt;/div&gt; &lt;div class="col-md-6"&gt;&lt;/div&gt; 输出将是彼此相邻的两列,占据了页面的整个宽度。假设将宽度设置为,1000px则每个div都会很500px宽。 如果我想在100px两者之间留出空间,该如何实现?显然,通过引导程序自动使div大小成为450px补偿大小的每个大小

10
CSS div元素-如何仅显示水平滚动条?
我有一个div容器,其定义如下: div#tbl-container { width: 600px; overflow: auto; scrollbar-base-color:#ffeaff } 填充此div包含的表格后,这将自动为我提供水平和垂直滚动条。我只希望仅水平滚动条自动显示。我将以编程方式修改桌子的高度。 我该怎么做呢?
200 css  html 

7
如何在Ruby中编码/解码HTML实体?
我正在尝试解码一些HTML实体,例如'&amp;amp;lt;'变成'&lt;'。 我有一个古老的宝石(html_helpers),但它似乎已经被抛弃了两次。 有什么建议吗?我将需要在模型中使用它。
200 html  ruby 

7
为什么<fieldset>不能是flex容器?
我尝试fieldset使用display: flex和设置元素的样式display: inline-flex。 然而,它没有工作:flex表现得像block,并inline-flex表现得像个inline-block。 这种情况在Firefox和Chrome上均会发生,但奇怪的是,它在IE上有效。 是虫子吗?fieldset在HTML5和CSS Flexible Box Layout规范中,我都找不到应该有的特殊行为。 fieldset, div { display: flex; border: 1px solid; } &lt;fieldset&gt; &lt;p&gt;foo&lt;/p&gt; &lt;p&gt;bar&lt;/p&gt; &lt;/fieldset&gt; &lt;div&gt; &lt;p&gt;foo&lt;/p&gt; &lt;p&gt;bar&lt;/p&gt; &lt;/div&gt; 运行代码段Hide results展开摘要
200 html  css  flexbox 

5
CSS中下一个元素的选择器的语法是什么?
如果我有标题标签 &lt;h1 class="hc-reform"&gt;title&lt;/h1&gt; h1.hc-reform{ float:left; font-size:30px; color:#0e73bb; font-weight:bold; margin:10px 0px; } 之后我有一个段落&lt;p&gt;stuff here&lt;/p&gt;。 如何确保使用CSS可以使用&lt;p&gt;紧随其后的每个标记h1.hc-reform:clear:both; 会是: h1.hc-reform &gt; p{ clear:both; } 由于某些原因无法正常工作。

6
如何在降价表中写入列表?
可以在减价表中创建一个列表(项目列表,编号或不编号)。 表格如下: | Tables | Are | Cool | | ------------- |:-------------:| -----:| | col 3 is | right-aligned | $1600 | | col 2 is | centered | $12 | | zebra stripes | are neat | $1 | 列表如下所示: * one * two * three 我可以以某种方式合并它们吗?

14
jQuery的追加不适用于SVG元素?
假设: &lt;html&gt; &lt;head&gt; &lt;script type="text/javascript" src="jquery.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; $(document).ready(function(){ $("svg").append('&lt;circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red"/&gt;'); }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 100" width="200px" height="100px"&gt; &lt;/svg&gt; &lt;/body&gt; 我为什么看不到任何东西?
199 jquery  html  svg 

20
在ReactJS中获取表单数据
我的render函数中有一个简单的表单,如下所示: render : function() { return ( &lt;form&gt; &lt;input type="text" name="email" placeholder="Email" /&gt; &lt;input type="password" name="password" placeholder="Password" /&gt; &lt;button type="button" onClick={this.handleLogin}&gt;Login&lt;/button&gt; &lt;/form&gt; ); }, handleLogin: function() { //How to access email and password here ? } 我应该在handleLogin: function() { ... }访问Email和Password字段中写些什么?

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.