网络零售商的终极网站
 HTML5。 入门的教训。  W3Schools 乌克兰语

西斯

HTML Атрибути


HTML 文件 查看有关 HTML 元素的文档信息。



HTML 文件

  • 所有 HTML 元素都可以更改 атрибути
  • Атрибути надають додаткову інформацію про елемент
  • Атрибути завжди вказуються в початковому тезі
  • Атрибути зазвичай входять в пари ім'я/значення, наприклад: ім'я="значення"

作者 href

HTML 文档版本与帐户级别 <a>. Адреса посилання вказується в атрибуті href:

屁股

<a href="https://22ae.com/">Це посилання</a>
自己尝试一下»

报告消息和标签 <a> можна дізнатись в наступних розділах цього підручника.


文件 src

HTML 文档 访问 组织表格 <img>.

图像文件名在属性中指示 src:

屁股

<img src="../images/img_girl.jpg">
自己尝试一下»

图像 width (宽度) 和 height (高度)

HTML 文档可以解决所有问题 width (ширина) та height (висота), які визначають ширину та висоту зображення:

屁股

<img src="../images/img_girl.jpg" width="500" height="600">
自己尝试一下»

宽度和高度按照规则以像素为单位指定; 因此,width=“500”表示宽度为500像素,height=“600”表示高度为600像素。

您可以在 部分中找到有关图像的更多信息 HTML 文档 на нашому сайті W3Schools 乌克兰.


阿特里布特

Атрибут alt вказує альтернативний текст, який буде використовуватись, якщо зображення не може бути відображене.

属性值 alt 可以通过屏幕阅读程序(屏幕阅读器)阅读。 这样,你就可以“听”网页,比如树后面的人可以“闻”到某个元素,这样你就会知道图片中描绘的是什么。

屁股

<img src="../images/img_girl.jpg" alt="Дівчина в чакеті">
自己尝试一下»

Атрибут alt також корисний, якщо зображення не може бути відображене (наприклад, якщо воно не існує на сайті):

屁股

想知道如果我们尝试显示我们无法想象的图像会发生什么:

<img src="img_typo.jpg" alt="Дівчина в какеті">
自己尝试一下»

阿特里比特风格

Атрибут style використовується для вказівки стилю елемента, такого як колір, шрифт, розмір і т.д.

屁股

<p style="color:red">这是一段红色。</p>
自己尝试一下»

您将在本指南的后面部分和中了解有关 HTML 元素样式的更多信息 Podruchnik 的 CSS на нашому сайті W3Schools 乌克兰.


阿特里比特

文件的语言可以在摘要中表达出来 <html>.

附加属性的语言投票 lang.

该语言对于具有高级功能(例如,屏幕阅读功能 - 屏幕阅读器)和声音系统的附加组件非常重要:

<!DOCTYPE html>
<html lang="en-US">
<body>

...

</body>
</html>

前两个字母以语言(en - 英语)书写。 如果有方言,请再添加两个字母(US)。


作品名称

这是属性 title додається до елементу <p> 。 属性值title буде відображатися у вигляді підказки при наведенні миші на параграф:

屁股

<p title="我告诉你一个提示">
这一段。
</p>
自己尝试一下»

Vikorize 行属性(小写)

HTML5 标准不要求属性名称必须为小写。

Атрибут title може бути написаний у верхньому або нижньому регістрі, наприклад 标题 або 标题.

W3C рекомендує HTML 中的视频存档вимагає 完成此过程后,您将可以开始处理此类文档,例如使用 XHTML。

W3Schools 现在将属性名称更改为小写。


我们提议:属性的含义就在我们的爪子里

HTML5 标准不关心属性值。

Атрибут href, показаний вище, можна писати без лапок:

可恶的

<a href=https://www.w3schools.com>
自己尝试一下»

好的

<a href='https://www.w3schools.com'>
自己尝试一下»

W3C рекомендує HTML 中的 лапкивимагає 适用于 Web 站点的复杂文档,使用 XHTML 编写。

伊诺迪 необхідно vikorystuvati 爪子。 该屁股将无法正确显示属性title, оскільки він містить пробіл:

屁股

<p title="关于" W3Schools>
自己尝试一下»

编写 HTML 代码时选项卡的宽度是最宽的。 跳过爪子可能会导致殴打。 在 W3Schools завжди використовують лапки навколо значень атрибутів.


单腿还是双腿?

属性值的双制表符在 HTML 中是最宽的,但您也可以使用单制表符。

在某些情况下,当最重要的属性是去除双腿时,就需要使用单腿:

<p title="约翰·“霰弹枪”·尼尔森">

Або навпаки:

<p title="约翰·“霰弹枪”·尼尔森">
自己尝试一下»

Резюме розділу

  • 所有 HTML 元素都可以更改 атрибути
  • Атрибут title забезпечує додаткову інформацію у вигляді "виринаючої підказки"
  • Атрибут href надає адресну інформацію для посилань
  • Атрибути width та height надають інформацію про розмір зображень
  • Атрибут alt надає текст для програм читання з екрану (скрінрідерів)
  • W3Schools 永远是维克主义者。 рядкові (в нижньому регістрі) значення атрибутів
  • 在W3Schools中,属性值总是 лапках

HTML 右

向自己寻求帮助吧

正确的:

将“此提示”添加到下面的点,并添加文本“关于 W3Schools”。

&lt;p ='关于 W3Schools'&gt;W3Schools 是一个 Web 开发人员网站。</p>


HTML 文件

下面按字母顺序列出了 HTML 中经常使用的一些属性,您将在本指南中了解更多信息:

Атрибут 描述
替代 如果图像无法显示,则提供图像的替代文本
已禁用 指示输入元素负责连接
頁面 指示要发送的 URL(网址)
ID 指定唯一的元素标识符
源码 指定图像的 URL(网址)
风格 这意味着使用该元素的 CSS 样式。
标题 指示有关元素的附加信息(显示为工具提示)

皮肤所有属性的完整列表 HTML елемента наведений в: HTML 属性浏览器 на нашому сайті W3Schools 乌克兰.


自我控制的营养

  • 什么是 HTML 属性?
  • HTML 元素最需要的属性是什么?
  • 属性在哪里声明?
  • 有什么属性?
  • 哪个属性表示发送地址?
  • 图片主体表示什么属性?
  • 哪些属性决定元素的宽度和高度?
  • 哪个属性指定替代文本?
  • 哪个属性用于指示元素的样式?
  • 您的网站投票支持什么属性?
  • HTML 元素的正确提示指示了哪个属性?
  • 建议在哪个寄存器中写入属性名称?
  • 爪子里有必要写属性吗?
  • 建议在属性值旁边写什么类型的腿(单腿还是双腿)?


评论