html 相关问题

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

Python 3 抓取 html 数据

我打算从以下网站html中提取数据链接：http://movie.walkerplus.com/list/2015/12/ html的部分内容如下所示：监督我打算从以下网站html中提取数据链接：http://movie.walkerplus.com/list/2015/12/ html 部分内容如下所示： <dl class="directorList"> <dt>監督</dt> <dd> <a href="/person/209306/" title="">スティーヴ・マーティノ</a> </dd> </dl> <dl class="roleList"> <dt>出演キャスト</dt> <dd> <a href="/person/226530/" title="">鈴木福</a> <a href="/person/228506/" title="">芦田愛菜</a> <a href="/person/266939/" title="">小林星蘭</a> </dd> 我想获得这个网站的所有directionList数据和出现キャsu 比如sutiiヴ・マーティノ，铃木福芦田爱菜小林星兰我的代码如下所示： from bs4 import BeautifulSoup from urllib.request import urlopen html = urlopen("http://movie.walkerplus.com/list/2015/12/") bsObj_movie = BeautifulSoup(html, "html.parser") print(bsObj_movie) movie_title = bsObj_movie.findAll({"h3"}) movie_description = bsObj_movie.findAll("p", {"class": "clearboth"}) movie_directors = bsObj_movie.findAll("dl", {"class": "directorList"}) movie_roles = bsObj_movie.findAll("dl", {"class": "roleList"}) for description in movie_description: print(description.get_text()) for title in movie_title: print(title.get_text()) for director in movie_directors: print(director.find('a').get_text()) for role in movie_roles: print(role.get_text()) 我已经成功获得了movie_title和movie_description，但 movie_directors 和 movie_roles 如下所示。监督セルゲイ・博多罗夫登场キャsuto 铃木福芦田爱菜小林星兰实际上，我只是想提取以下数据，不包括：监督和出现キャsuto。并且我想打印标题，描述，导演和角色，而不仅仅是导演和角色。此外，我想提取这些数据并将其存储到一个数据库中，该数据库有一个包含四列的表：标题、描述、导演和角色。セルゲイ・博多罗夫铃木福芦田爱菜小林星兰提前致谢！并非每部电影，即第一页上的The Royal Opera House Cinema Season 2015/16 Royal Opera "The Marriage of Figaro"都有导演，所以我将其过滤掉： from bs4 import BeautifulSoup from urllib.request import urlopen html = urlopen("http://movie.walkerplus.com/list/2015/12/") soup = BeautifulSoup(html, "html.parser") data = soup.select("div.movie dl.directorList") for d in data: title = d.select_one("a").text description = d.find_previous("p", "clearboth").text cast = ",".join([a.text.strip() for a in d.find_next("dl","roleList").select("dd a")]) director = d.dd.a.text print(title, director, cast, description)

html python-3.x web-scraping beautifulsoup

回答 1 投票 0

无法刮

我正在尝试从angellist https://angel.co/companies 获取公司列表我尝试使用这段代码从 bs4 导入 BeautifulSoup 导入 urllib2 headers = { '用户代理' : 'Mozilla/5.0...

python html web-scraping beautifulsoup

回答 3 投票 0

HTML 表单中的 HTTPS 链接正在转换为 HTTP，并在 Iframe 内加载 443 端口

大家下午好。我正在与 Domo 的报告服务提供商合作，将报告嵌入到我们的应用程序中。我创建了以下组件。从“反应”导入反应；常量

javascript html reactjs iframe domo

回答 1 投票 0

div 溢出到 body 元素外部，同时视口宽度减小

以下是我的代码身体 { 保证金：0；边框：2px 纯蓝色； } div { 背景颜色: rgba(0,0,0, 0.1); 宽度：950px；保证金：0 自动；填充：3em； } @媒体屏幕...

html css

回答 1 投票 0

如何从json获取数据并在html中显示

我是初学者，有个问题想请教大家例如，我获取 JSON 的 URL 是：返回的 JSON 为： { “数据”：{ “ID”：1312， “名称”：“Steem Dollars”， “符号”：“SBD”， ”

html json

回答 6 投票 0

带有幻灯片动画的按钮上的边框出血

问题我正在尝试创建一个带有滑动动画的按钮。该按钮有一个 border-radius 并使用伪元素来实现效果。这是标记：问题我正在尝试创建一个带有滑动动画的按钮。该按钮有一个border-radius，并使用伪元素来实现效果。这是标记： <div role="button" class="is-style-rt-primary-accent-button"> <a class="rt-button__link" data-text="HELLO WORLD" href="#" target="_self" rel="noopener"> HELLO WORLD <div class="rt-button"> <div class="rt-button__circle"> <div class="rt-button__arrow"> <span class="rt-button__line"></span> <span class="rt-button__pointer"></span> </div> </div> </div> </a> </div> 以下是款式： .is-style-rt-primary-accent-button { .rt-button__link { display: inline-flex; align-items: center; justify-content: flex-end; background: none; font-weight: 700; padding: 14px 31px; position: relative; font-size: 14px; line-height: 28px; overflow: hidden; transition: 0.3s ease-in-out; text-transform: uppercase; border-radius: 64px; z-index: 1; color: var(--wp--preset--color--accent-1); text-decoration: none; &::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; border-radius: 64px; background: var(--wp--preset--color--accent-6); transition: 0.3s ease-in-out; z-index: -2; } &::before { content: ""; position: absolute; bottom: 0; left: -100%; width: 100%; height: 100%; border-radius: 64px; background: var(--wp--preset--color--secondary); transition: 0.3s ease-in-out; z-index: -1; } &:hover { color: var(--wp--preset--color--accent-6); .rt-button__line { background: var(--wp--preset--color--accent-6); } .rt-button__pointer { border-left: 0.3125rem solid var(--wp--preset--color--accent-6); } .rt-button__arrow { transform: translateX(10px); } &::before { transform: translateX(100%); } } } .rt-button__circle { @media screen and (max-width: 768px) { background: none; } } .rt-button__arrow { display: flex; align-items: center; margin-left: 1rem; transition: transform 0.3s ease-in-out; } .rt-button__line { display: inline-block; width: 0.625rem; height: 0.125rem; vertical-align: middle; background: var(--wp--preset--color--accent-1); } .rt-button__pointer { width: 0; height: 0; border-top: 0.3125rem solid transparent; border-bottom: 0.3125rem solid transparent; border-left: 0.3125rem solid var(--wp--preset--color--accent-1); } } 这是动画速度减慢至 25% 的问题的记录。请注意，在 X 边界处有出血。我尝试过的事情我尝试过使用 z-index 和边框。血还在持续。使用 div 而不是伪元素来处理背景动画。使用box-shadow，但由于动画不同，我没有进一步追求该选项。悬停时缩放前景（黑色层）。这是 CSS 的一个常见错误，每当将两个带有 background-color 和相同 border-radius 的元素堆叠在一起时，不幸的是，我还没有看到任何明确的方法来解决这个问题（尽管有一些技巧）我已经看到了解决方案的方法）。 Stack Overflow 上针对同一问题有许多不同的迭代。我希望 background-clip 最终能够解决这个问题（或者也许我们可以让浏览器开箱即用），但是 caniuse.com 特别列出了 background-clip 有关堆叠行为的错误。幸运的是，您的用例使事情变得更加容易，因为背景颜色与按钮颜色相同，因此您不需要在具有边框半径的同一元素上使用隐藏的溢出。一点技巧让我们像素不完美的怪物看起来很优雅。这是实现了我的解决方案的代码的最小可重现版本： body { background-color:rgb(22, 22, 22); padding: 100px; } .btn { position: relative; display: flex; justify-content: center; align-items: center; background-color: white; color: rgb(234, 60, 161); text-decoration: none; width: 200px; height: 50px; border-radius: 999px; } .cover-element { position: absolute; background-color:rgb(22, 22, 22); width: 206px; height: 50px; border-radius: 999px; top: 0; left: -240px; transition: all .5s; } .btn:hover > .cover-element { left: -3px; } <div style="width: 200px; height: 50px; overflow: hidden;"> <a href="#" class="btn"> HELLO WORLD <div class="cover-element "></div> </a> </div> 它的工作原理是使伪元素每侧宽 3px，并使用溢出：隐藏外部 div。如果您更改主体的背景颜色，您会看到魔法消失，并意识到这仅适用于您的特定用例。我没有在解决方案中包含额外的元素，但您应该能够按原样实现它。

html css css-animations border

回答 1 投票 0

如何使用媒体查询消除小屏幕上的边框半径？

我一直在尝试为每种屏幕尺寸设计我的网站，我想做的是当屏幕尺寸小于 375px 时消除我的 img 的边框半径。我已经尝试过 css media at-rule...

html css responsive-design media-queries

回答 1 投票 0

为什么使用 Flask 时这个 html 模板不能在 Web 浏览器中渲染抓取的网站数据？

每当我在终端中打印出抓取的数据时，它都会很好地显示抓取的数据，但是每当我尝试使用 Python Flask 提供它时，我使用的 HTML 模板不会在其中呈现数据...

python html flask web-scraping

回答 1 投票 0

使用owl-carousel时如何在每个图像下放置段落？

下面是我的代码超文本标记语言下面是我的代码 HTML <div class="container"> <div class="row"> <div class="col-sm-12"> <div id="owl-demo"> <div class="item"><a href=""><img src="http://ppt.cc/1BbHy" alt="image-03.png"></a><p>123456789012345678901234567890123456789012345678901234567890</p></div> <div class="item"><a href=""><img src="http://ppt.cc/1BbHy" alt="image-03.png"></a><p>123456789012345678901234567890123456789012345678901234567890</p></div> <div class="item"><a href=""><img src="http://ppt.cc/1BbHy" alt="image-03.png"></a><p>123456789012345678901234567890</p></div> <div class="item"><a href=""><img src="http://ppt.cc/1BbHy" alt="image-03.png"></a><p>123456789012345678901234567890</p></div> <div class="item"><a href=""><img src="http://ppt.cc/1BbHy" alt="image-03.png"></a><p>123456789012345678901234567890</p></div> </div> </div> </div> CSS #owl-demo .item{ margin: 0px 5px 0px; } #owl-demo .item img{ display: block; width: 50%; height: auto; } Javascript $(document).ready(function() { $("#owl-demo").owlCarousel({ autoPlay: false, //Set AutoPlay to 3 seconds items : 5, itemsDesktop : [1024,5], itemsDesktopSmall : [979,3], navigation : true, pagination : false, navigationText : ["<", ">"] }); }); 我使用 owl-carousel 作为滑块，想在每个图像下添加一些文本或段落。Owl-carousel 支持滑块的响应式，那么如何将段落放在每个图像下并支持响应式设计呢？这是我在 JSFIDDLE 上的代码联邦法院系统通常存在于中央（联邦）政府与各个州或省之间权力划分的国家内。其管辖权由宪法条款和法规界定，定义了其可以审理和裁决的案件的具体类型。以下是对通常与联邦法院相关的司法管辖区的详细探讨：

javascript jquery html css owl-carousel

回答 1 投票 0

如何将 Colgroup 标签添加到 ASP:Datagrid 控件？

如何将 colgroup 标签添加到 datagrid 控件，以便我可以使用 css 设置每一列的样式？

c# asp.net html css datagrid

回答 4 投票 0

(JavaScript) 如何将工作日设置为倒计时的开始时间和结束时间，而不是使用特定/静态日期？

所以，我有一个个人项目，我正在尝试为学习目的做更多事情。这将是两个计时器来监视一周内两个不同的事件，其中一个会倒计时一个

javascript html timer countdown

回答 1 投票 0

APC自定义UI++CSS定制

我已经开始在 VS Code 中使用“APC Customize UI++”扩展，并一直在尝试 CSS 样式，但我正在努力让我的侧边栏变得漂亮和最小化。我已经...