什么是超文本标记语言(HTML)
标记?

這是一個推薦產品對話框
熱門建議
開始於
檢視全部 >
Language
French
English
ไทย
German
繁體中文
國家/地區
你好
All
登入/建立帳戶
language Selector,${0} is Selected
Lenovo Pro 企業採購商店購物
於Lenovo教育商店註冊

專業層次福利

• 在Think日常價格上節省高達額外3%
• 消費滿NT$90,000,升級至Plus層次,享有更多福利

Plus層次福利

• 在Think日常價格上節省高達額外5%
• 消費NT$270,000,免費升級至享有更多福利的精英層次
精英層次福利
• 在Think日常價格上節省高達額外8%
經銷商福利
• 可獲得Lenovo的全部產品組合
• 配置和購買價格優於Lenovo.com
檢視所有詳情 >
再多達到
PRO Plus
PRO 精英
恭喜,您已達到精英地位!
Pro for Business
Delete icon Remove icon Add icon Reload icon
TEMPORARILY UNAVAILABLE
已停產
暫時無法使用
Cooming Soon!
. Additional units will be charged at the non-eCoupon price. Purchase additional now
We're sorry, the maximum quantity you are able to buy at this amazing eCoupon price is
登入或創建帳戶以儲存您的購物車!
Sign in or Create an Account to Join Rewards
檢視購物車
您的購物車是空的!
刪除
item(s) in cart
快來選購優惠商品
Some items in your cart are no longer available. Please visit cart for more details.
has been deleted
Please review your cart as items have changed.
Contains Add-ons
繼續進行結帳
Popular Searches
您今天想找什麼?
Trending
Recent Searches
Hamburger Menu
{"arrowColor":"#000000","backgroundColor":"#e6f4fa","sideMsg":"","data":[{"pcInfo":"","mAndTabInfo":"","bannerInfo":{"t_id":"Page93f9f932-096d-45d7-b70c-467d070c0759","language":{"zh_tw":"%3Cp%3E%3Cstrong%3E%3C%2Fstrong%3E%3Cstrong%3E%3C%2Fstrong%3E%3Cstrong%3E%3C%2Fstrong%3E%3Cstrong%3E%3C%2Fstrong%3E%E9%81%A9%E7%94%A8%E6%96%BC%E5%95%86%E5%8B%99%E7%9A%84%20Lenovo%20Pro%20%7C%20%E5%85%8D%E8%B2%BB%E6%9C%83%E5%93%A1%E8%B3%87%E6%A0%BC%E3%80%81%E7%8D%A8%E5%AE%B6%E6%9C%83%E5%93%A1%E6%8A%98%E6%89%A3%E3%80%82%E9%81%B8%E8%B3%BC%E9%9B%BB%E8%85%A6%EF%BC%8C%E5%8D%B3%E5%8F%AF%E7%8D%B2%E9%85%8D%E4%BB%B6%2020%25%20%E6%8A%98%E6%89%A3%E5%84%AA%E6%83%A0%3C%2Fp%3E%3Cp%3E%3Ca%20href%3D%22https%3A%2F%2Faccount.lenovo.com%2Ftw%2Flenovopro%2Fzh%2Fsmbaccount%2Fgatekeeper%2Fshowpage%3FipromoID%3DHellobar_01_lpro%22%20target%3D%22_self%22%20style%3D%22text-decoration%3A%20underline%3B%20color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%3Cspan%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%3Cstrong%3E%E5%85%8D%E8%B2%BB%E5%8A%A0%E5%85%A5%20Lenovo%20Pro%3C%2Fstrong%3E%3Cstrong%3E%3C%2Fstrong%3E%3C%2Fspan%3E%3C%2Fa%3E%3C%2Fp%3E","en":"","zh":""},"id":"Page93f9f932-096d-45d7-b70c-467d070c0759"},"gInfo":""},{"pcInfo":"","mAndTabInfo":"","bannerInfo":{"t_id":"Page9c70d1e6-e2a6-4b35-80c8-413651d8d3d6","language":{"zh_tw":"%3Cp%3E%3Cstrong%3E%3C%2Fstrong%3ELenovo%20Education%20%7C%20%E8%A8%BB%E5%86%8A%E8%A7%A3%E9%8E%96%E9%AB%98%E9%81%94%20NT%243%2C500%20%E8%BF%8E%E8%B3%93%E6%8A%98%E6%89%A3%20%2B%20%E9%AB%98%E9%81%94%2010%25%20%E9%A1%8D%E5%A4%96%E6%8A%98%E6%89%A3%20%2B%20%E5%B9%B3%E6%9D%BF%E9%9B%BB%E8%85%A6%2015%25%20%E6%8A%98%E6%89%A3%E3%80%82%3C%2Fp%3E%3Cp%3E%3Ca%20href%3D%22%2Fd%2Fschool-from-home%2F%3FipromoID%3Dhellobar_02_edu_cta1%22%20target%3D%22_blank%22%20textvalue%3D%22%E7%AB%8B%E5%8D%B3%E9%81%B8%E8%B3%BC%22%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%20text-decoration%3A%20underline%3B%22%3E%3Cstrong%3E%3Cspan%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%E7%AB%8B%E5%8D%B3%E9%81%B8%E8%B3%BC%3C%2Fspan%3E%3C%2Fstrong%3E%3C%2Fa%3E%3Cstrong%3E%3Cspan%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%26nbsp%3B%20%7C%26nbsp%3B%26nbsp%3B%3C%2Fspan%3E%3C%2Fstrong%3E%3Ca%20href%3D%22https%3A%2F%2Fwww.lenovo.com%2Ftw%2Fedu%2Ftwedu%2Fzh%2Flogin%2Fedu%2F%3FipromoID%3Dhellobar_02_edu_cta2%22%20target%3D%22_blank%22%20textvalue%3D%22%E8%A8%BB%E5%86%8A%20%2F%20%E7%99%BB%E5%85%A5%22%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%20text-decoration%3A%20underline%3B%22%3E%3Cstrong%3E%3Cspan%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%E5%8A%A0%E5%85%A5%20Lenovo%20Education%3C%2Fspan%3E%3C%2Fstrong%3E%3C%2Fa%3E%3C%2Fp%3E","en":"","zh":""},"id":"Page9c70d1e6-e2a6-4b35-80c8-413651d8d3d6"},"gInfo":""},{"pcInfo":"","mAndTabInfo":"","bannerInfo":{"t_id":"Page333577c8-5a70-43b9-a107-d2f92cfae528","language":{"zh_tw":"%3Cp%3E%3Cspan%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%3Cstrong%20style%3D%22text-wrap%3A%20wrap%3B%22%3E%3C%2Fstrong%3EYoga%20Pro%207%20(14%26%2339%3B%26%2339%3B%2C%20Gen%209)%20%7C%20%E9%80%8F%E9%81%8E%20AMD%20Ryzen%E2%84%A2%20AI%209%20%E8%99%95%E7%90%86%E5%99%A8%E5%92%8C%E9%9C%87%E6%92%BC%E7%9A%84%2014.5%20%E5%90%8B%202.8K%20OLED%20%E9%A1%AF%E7%A4%BA%E5%99%A8%E5%89%B5%E9%80%A0%E5%8F%B2%E8%A9%A9%E8%88%AC%E7%9A%84%E6%95%B8%E4%BD%8D%E5%85%A7%E5%AE%B9%E3%80%82%3Cspan%20style%3D%22text-wrap%3A%20wrap%3B%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%3C%2Fspan%3E%3C%2Fspan%3E%3Ca%20href%3D%22%2Fp%2Flaptops%2Fyoga%2Fyoga-slim-series%2Flenovo-yoga-pro-7-gen-9-14inch-amd%2Flen101y0050%3FipromoID%3Dhellobar_03_Yoga_Pro_7%22%20target%3D%22_blank%22%20textvalue%3D%22%E7%AB%8B%E5%8D%B3%E8%B3%BC%E8%B2%B7%22%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%20text-decoration%3A%20underline%3B%22%3E%3Cspan%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%3Cstrong%3E%E7%AB%8B%E5%8D%B3%E8%B3%BC%E8%B2%B7%3C%2Fstrong%3E%3Cstrong%3E%3C%2Fstrong%3E%3C%2Fspan%3E%3C%2Fa%3E%3C%2Fp%3E","en":"","zh":""},"id":"Page333577c8-5a70-43b9-a107-d2f92cfae528"},"gInfo":""},{"pcInfo":"","mAndTabInfo":"","bannerInfo":{"t_id":"Pagedc83903f-ef12-4c3b-95c5-fa563d651b53","language":{"zh_tw":"%3Cp%3E%3Cspan%20style%3D%22text-wrap%3A%20nowrap%3B%22%3E%E7%B2%BE%E9%81%B8%E5%9E%8B%E8%99%9F%E5%8F%AA%E8%A6%81%202%20%E5%88%B0%203%20%E5%80%8B%E5%B7%A5%E4%BD%9C%E5%A4%A9%E5%85%A7%EF%BC%8C%E5%B0%B1%E8%83%BD%E6%BA%96%E5%82%99%E5%B0%B1%E7%B7%92%EF%BC%8C%E8%A8%AD%E5%AE%9A%E5%AE%8C%E7%95%A2%EF%BC%8C%E5%86%8D%E5%B0%87%E5%80%8B%E4%BA%BA%E9%9B%BB%E8%85%A6%E9%80%81%E5%88%B0%E6%82%A8%E6%89%8B%E4%B8%AD%EF%BC%81%E5%85%A8%E7%AB%99%E5%85%8D%E9%81%8B%E8%B2%BB%EF%BC%8C%E7%84%A1%E6%9C%80%E4%BD%8E%E6%B6%88%E8%B2%BB%E9%99%90%E5%88%B6%E3%80%82%3C%2Fspan%3E%3C%2Fp%3E%3Cp%3E%3Cspan%20style%3D%22text-wrap%3A%20nowrap%3B%22%3E%E4%BE%86%E9%9B%BB%E8%AB%8B%E6%92%A5%2000801-601-372%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%3Ca%20href%3D%22%2Fd%2Fdeals%2Fquickship-laptops%2F%3FipromoID%3Dhellobar_04_quickship%22%20target%3D%22_blank%22%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%20text-decoration%3A%20underline%3B%22%3E%3Cspan%20style%3D%22text-wrap%3A%20nowrap%3B%20color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%3Cstrong%3E%E7%AB%8B%E5%8D%B3%E8%B3%BC%E8%B2%B7%3C%2Fstrong%3E%3C%2Fspan%3E%3C%2Fa%3E%3C%2Fspan%3E%3C%2Fp%3E","en":"","zh":""},"id":"Pagedc83903f-ef12-4c3b-95c5-fa563d651b53"},"gInfo":""},{"pcInfo":"","mAndTabInfo":"","bannerInfo":{"t_id":"Page8d077fdb-b7f6-45ab-b9c6-5817ab63ae2a","language":{"zh_tw":"%3Cp%3E%3Cstrong%3E%E7%AF%80%E6%97%A5%E7%A6%AE%E7%89%A9%E9%A9%9A%E5%96%9C%E5%84%AA%E6%83%A0%3C%2Fstrong%3E%20%7C%26nbsp%3B%E7%8D%A8%E5%AE%B6ThinkPad%E5%9E%8B%E8%99%9F%E7%94%B1NT%2424%2C880%E8%B5%B7%20%2B%20%E6%9C%80%E5%BF%AB2%E6%97%A5%E7%99%BC%E8%B2%A8%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%3Ca%20href%3D%22%2Fd%2Fnotebook-recommendation%2F%22%20target%3D%22_self%22%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%20text-decoration%3A%20underline%3B%22%3E%3Cspan%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%3Cstrong%3E%E7%AB%8B%E5%8D%B3%E6%90%B6%E8%B3%BC%26nbsp%3B%3C%2Fstrong%3E%3C%2Fspan%3E%3C%2Fa%3E%3C%2Fp%3E","en":"","zh":""},"id":"Page8d077fdb-b7f6-45ab-b9c6-5817ab63ae2a"},"gInfo":""}],"autoRun":true,"displayTerminal":"pc,tablet,mobile"}
快閃!黑五4日限定優惠碼 「TWBFCM2024」
買滿NT$5,000額外再減NT$400 (部分優惠碼不能同時使用)
小時
分鐘


什么是超文本标记语言(HTML)
标记?

HTML


标签是 HTML 文档中的主题分隔符或横向规则。它用于在不同的内容部分之间建立分隔,使网页结构更加简洁。

我可以改变
no 标签的外观吗?

是的,您可以使用层叠样式表 (CSS) 更改


标记的外观。通过操作颜色、高度、宽度和边框样式等属性,您可以自定义该行,使其符合网站的美学要求。


标记是否需要一个对应的结尾?

不,


标记不需要关闭标记。它是 HTML 中的自闭标签之一。因此,您可以在 HTML 文档中简单地使用

如何在 HTML 文档中加入
标记?

您只需在 HTML 中希望出现横线的位置放置


标记即可。例如,如果您想分隔两个段落,可以在它们之间插入


标记是否会影响网页的可访问性?

虽然


标记本身不会直接影响网页的无障碍性,但它的使用却会。如果您只是出于装饰目的而使用它,屏幕阅读器可能会不必要地公布它。为了避免这种情况,建议使用
进行有意义的内容分隔。


标记是否与所有浏览器兼容?

是的,所有现代网络浏览器都能普遍识别


标记。不过,该标记创建的水平线的默认外观在不同浏览器中可能略有不同。

什么时候应该使用
标记?

当您需要明确区分网页上的不同内容部分时,您应该使用


标记。当您想表示内容的主题转换或过渡时,它就会派上用场。


标记有任何属性吗?

是的,


标记有几个属性,如 align、noshade、size 和 width
。不过,这些属性在 HTML5 中已被弃用,建议使用层叠样式表 (CSS) 来控制这些属性。

我可以让
标记不可见吗?

是的,您可以通过应用层叠样式表 (CSS) 使


标记隐形。如果您希望
标记对屏幕阅读器保持语义意义,同时又不在视觉上破坏页面,您通常会这样做。

有哪些方法可以替代
标记?

如果您想美观地分割内容,但又不想使用


,您可以使用层叠样式表 (CSS) 为其他元素添加边框或背景。此外,、 和
等结构元素也可以帮助分隔内容。

使用层叠样式表(CSS)为
标记设计样式的创新方法有哪些?

您可以使用 CSS 对


标签进行创造性处理。例如,你可以为其添加渐变色,通过添加边框半径使其两端变圆,甚至将其变为虚线或点状而非实线。您还可以为其添加阴影,使其具有 3D 效果,或者通过旋转将其转换为垂直线。

可以连续使用多个
标记吗?

是的,您可以在一行中使用多个


标记,但请记住,每个标记都将作为单独的一行显示。如果您想让行更粗,最好使用层叠样式表(CSS)调整单个
标记的高度。

如何更改
标记的颜色?

您可以使用层叠样式表 (CSS) 中的 border-color 属性来更改


标记的颜色。请注意,您还应设置 border-width 和 height
,以确保颜色可见。

是否可以将
标记制成动画?

是的,您可以使用层叠样式表 (CSS) 动画或过渡来制作


标记的动画。例如,您可以逐渐改变颜色,或让线条从小点变为全宽。

能否在表单中使用
标记?

虽然从技术上讲,您可以在表单中使用


标记,但这种做法并不常见。表单通常依靠其他方法对相关元素进行分组,例如字段集和图例。不过,如果您需要一个可视化分隔符,
标记可以满足这一目的。


标记对搜索引擎优化(SEO)有影响吗?


标签本身不会直接影响搜索引擎优化。但是,它有助于内容的整体结构和可读性,从而间接影响搜索引擎优化。请记住,良好的用户体验是搜索引擎优化的关键因素。

我可以在 WordPress 中使用
标记吗?

是的,您可以在 WordPress 中使用


标记。在文本编辑器中,您可以手动将该标记插入 HTML 中。有些可视化编辑器还提供水平线工具,可以为您插入
标记。

使用
标记和
标记表示空格有什么区别?

虽然
(换行符)和


(水平规则)标签都可以在元素之间创建空间,但它们的作用不同。
标签将内容移到下一行,而
标签则用水平线在内容中创建一个主题分隔符。当您想表示内容的重大变化时,请使用

我可以在
标记中使用层叠样式表 (CSS) 伪元素吗?

是的,您可以在


标记中使用 CSS 伪元素,如 ::before 和 ::after。这将提供更多的样式可能性。例如,您可以在行前或行后添加内容,或创建有趣的视觉效果。


标记在可扩展标记语言 (XML) 文档中有效吗?

在 XML 中,


标记必须正确地以
结尾。然而,XML 并不像 HTML 那样有预定义的标记,因此除非您使用的 XML 语言包含
元素(如 XHTML),否则该标记不会有任何固有的含义或样式。

是否可以在
标记中使用 JavaScript?

是的,您当然可以在


标记中使用 JavaScript。例如,您可以使用 JavaScript 根据用户交互或其他条件动态更改
标记的样式。

我可以使用
标签来分隔列表中的项目吗?

是的,您可以使用


标记在视觉上分隔列表中的项目。不过,请记住,它是一个块级元素,所以总是从新行开始。如果您需要行内分隔符,请考虑使用层叠样式表 (CSS) 边框或其他样式方法。

仅为设计目的使用
标记可以吗?

虽然您可以纯粹出于视觉目的使用


标记,但并不推荐使用。
标签旨在表示内容中的主题中断。将其用于装饰可能会给屏幕阅读器带来不必要的干扰,而且可能不符合最佳可访问性实践。

能否在 HTML 电子邮件中使用
标记?

是的,您可以在电子邮件 HTML 中使用


标记。不过,电子邮件客户端对层叠样式表 (CSS) 的支持程度各不相同,因此
标记的外观在不同客户端可能会有所不同。在多个平台上测试您的电子邮件设计始终是一种良好的做法。

{"pageComponentDataId":"fcf0d243xdb23-46c2-8f57-730a13210a6d","isAssociatedRelease":"true","pageComponentDataLangCode":"zh_tw","configData":{"jumpType":"currentTab","headlineColor":"black","displayNumber":"","styleMode":"vertical","miniCardHoMode":"2","headline":"","products":[{"number":{"t_id":"len101t0102","language":{"zh_tw":"len101t0102","en":"","zh":""},"id":"Page9be5460f-6080-4c52-a839-64f527f529cc"}},{"number":{"t_id":"len101t0104","language":{"zh_tw":"len101t0104","en":"","zh":""},"id":"Pagef8c18922-61fe-4ea3-96e7-49363148464c"}},{"number":{"t_id":"len101t0081","language":{"zh_tw":"len101t0081","en":"","zh":""},"id":"Page59250249-3b20-4a8b-bcb4-8c0b83ba26a4"}},{"number":{"t_id":"len101g0036","language":{"zh_tw":"len101g0036","en":"","zh":""},"id":"Page457d795f-27f4-4788-adf4-748511679b14"}}]},"urlPrefix":"AAAAAAALAAAD","needGetLatestTransDataKey":"needGetLatestTransDataValue","title":"glossary-right-blue-boxes-fragment","pageId":"4a064817-2464-4ae5-9869-c8eeb4062707","urlEdit":0,"uri":"/FragmentDirectory/glossary/glossary-right-blue-boxes-fragment.frag","pageComponentId":"fcf0d243xdb23-46c2-8f57-730a13210a6d","tplId":"c7389f9a-59c0-4c34-a9e1-f1c090c6ab86","pageComponentUuid":"fcf0d243xdb23-46c2-8f57-730a13210a6d","targetUser":"0"}
即將推出
開始於
建議零售價
預計價值
網上銷售價:
建議零售價
估計價值 (Estimated Value)
列出價格是Lenovo根據行業數據對產品價值的估算,包括第一方和第三方零售商和電子零售商提供或估值相同或相似產品的價格。第三方經銷商數據可能不是基於實際銷售。
預估價值是Lenovo根據行業數據對產品價值的估算,包括Lenovo和/或第三方零售商和電子零售商提供或估值相同或相似產品的價格。第三方數據可能不是基於實際銷售。
了解更多
See More
See Less
檢視 {0} 型號
檢視 {0} 款型
shipping.options.for.{0}
產品編號
功能
瞭解更多
查看較少
比較
已加入!
好選擇!
您可以在每個產品類別(筆記本電腦、桌面電腦等)中比較最多4款產品。如需新增其他產品,請取消選擇一款。
檢視您的比較
加入購物車
加入購物車
我們很抱歉,
產品暫時無法提供。
繼續購物
了解更多
即將推出
精選產品
精選產品
噢!未能找到結果。請瀏覽上方的分類以尋找您的產品。
儲存
open in new tab
© 2024 Lenovo。保留所有權利。
© {year} Lenovo. All rights reserved.
電子郵件地址是必需的
比較  ()
x