首页页面中有三段文字和一段超链接，第一段文字粗体显示，第二段文字斜体显示，第三段文字加下划线显示，超链接点击时候连接到网址并在新的窗口打开链接页面，按照以上要求完成程序段

页面中有三段文字和一段超链接，第一段文字粗体显示，第二段文字斜体显示，第三段文字加下划线显示，超链接点击时候连接到网址并在新的窗口打开链接页面，按照以上要求完成程序段

时间: 2024-12-19 14:17:21 浏览: 20

在HTML中，你可以使用CSS样式和`<a>`标签来满足这个需求。这里是一个简单的例子： ```html <!DOCTYPE html> <html lang="zh"> <head> <style> .bold-text { font-weight: bold; } .italic-text { font-style: italic; } .underline-text { text-decoration: underline; } .new-window-link { color: blue; /* 可以自定义颜色 */ text-decoration: none; /* 隐藏默认的下划线 */ cursor: pointer; /* 显示鼠标悬停效果 */ transition: color 0.3s ease; /* 添加过渡效果 */ } .new-window-link:hover { color: darkblue; } </style> </head> <body> <p class="bold-text">这是第一段粗体文字。</p> <p class="italic-text">这是第二段斜体文字。</p> <p class="underline-text">这是第三段加下划线的文字。</p> <p><a href="https://www.example.com" target="_blank" class="new-window-link">这是一个会在新窗口打开的链接</a></p> </body> </html> ``` 在这个例子中，我们使用了三个CSS类 `.bold-text`, `.italic-text`, 和 `.underline-text` 分别应用粗体、斜体和下划线样式。`<a>`标签的`target="_blank"`属性使得链接在新窗口中打开。

阅读全文