Home  >  Article  >  Web Front-end  >  What are the html attributes?

What are the html attributes?

王林
王林Original
2023-05-15 17:57:082169browse

HTML is a markup language used to create web pages. In HTML, attributes are characteristics of an element that define its behavior. Attributes can set the color, size, link target, etc. of the element. In this article, we will introduce some commonly used attributes in HTML.

  1. class attribute

The class attribute is used to specify the category to which the element belongs. Categories can be one or more words, separated by spaces. Categories can provide identifiers for CSS style settings so that the style of elements can be uniformly controlled globally.

For example:

<div class="container">
    <p class="paragraph">这是一个段落。</p>
</div>

In the above example, both the div element and the p element have a class attribute. The class attribute of the div element is "container", and the class attribute of the p element is "paragraph".

  1. id attribute

The id attribute is used to specify the unique identifier of the element. The id attribute can be used as a hyperlink anchor within the document or as a positioned element in JavaScript code.

For example:

<div id="header">
    <h1>网站标题</h1>
</div>

In the above example, the id attribute of the div element is "header".

  1. style attribute

The style attribute is used to define CSS styles for elements. The value of the style attribute is a CSS style and can contain multiple CSS properties and values.

For example:

<p style="color:red;font-size:20px;">这是一个段落。</p>

In the above example, the style attribute of the p element is "color:red;font-size:20px;".

  1. href attribute

The href attribute is used to specify the target address of the hyperlink. The href attribute can be an absolute path or a relative path.

For example:

<a href="http://www.example.com">这是一个链接</a>

In the above example, the href attribute of the a element is "http://www.example.com".

  1. src attribute

The src attribute is used to specify the address of media files such as images, audio, or videos.

For example:

<img src="image.jpg">

In the above example, the src attribute of the img element is "image.jpg".

  1. alt attribute

The alt attribute is used to provide alternative text for image elements. When the image fails to load, the value of the alt attribute will be displayed on the page.

For example:

<img src="image.jpg" alt="这是一张图片">

In the above example, the alt attribute of the img element is "This is a picture".

  1. title attribute

The title attribute is used to provide additional information for the element. The value of the title attribute will be displayed in the browser when the mouse is hovered over the element.

For example:

<a href="http://www.example.com" title="这是一个链接">这是一个链接</a>

In the above example, the title attribute of the a element is "This is a link".

  1. target attribute

The target attribute is used to specify how a hyperlink opens a page. The target attribute can be _blank (open in a new window), _self (open in the current window), etc.

For example:

<a href="http://www.example.com" target="_blank">这是一个链接</a>

In the above example, the target attribute of the a element is "_blank".

Summary

In HTML, attributes are characteristics of an element that define its behavior. Commonly used HTML attributes include class, id, style, href, src, alt, title, target, etc. Mastering these properties allows us to better create Web pages.

The above is the detailed content of What are the html attributes?. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article:html delete fileNext article:html delete file