HTML 속성은 무엇입니까?

HTML은 웹 페이지를 만드는 데 사용되는 마크업 언어입니다. HTML에서 속성은 해당 동작을 정의하는 요소의 특성입니다. 속성은 요소의 색상, 크기, 링크 대상 등을 설정할 수 있습니다. 이 기사에서는 HTML에서 일반적으로 사용되는 몇 가지 속성을 소개합니다.

1. class 속성

class 속성은 요소가 속한 카테고리를 지정하는 데 사용됩니다. 범주는 공백으로 구분된 하나 이상의 단어일 수 있습니다. 카테고리는 요소의 스타일을 전역적으로 균일하게 제어할 수 있도록 CSS 스타일 설정에 대한 식별자를 제공할 수 있습니다.

예:

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

위의 예에서는 div 요소와 p 요소 모두 클래스 속성을 갖습니다. div 요소의 class 속성은 "container"이고, p 요소의 class 속성은 "paragraph"입니다.

2. id 속성

id 속성은 요소의 고유 식별자를 지정하는 데 사용됩니다. id 속성은 문서 내 하이퍼링크 앵커로 사용되거나 JavaScript 코드에서 위치 지정 요소로 사용될 수 있습니다.

예:

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

위 예에서 div 요소의 id 속성은 "header"입니다.

3. style 속성

style 속성은 요소의 CSS 스타일을 정의하는 데 사용됩니다. 스타일 속성의 값은 CSS 스타일이며 여러 CSS 속성과 값을 포함할 수 있습니다.

예:

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

위의 예에서 p 요소의 스타일 속성은 "color:red;font-size:20px;"입니다.

4. href 속성

href 속성은 하이퍼링크의 대상 주소를 지정하는 데 사용됩니다. href 속성은 절대 경로 또는 상대 경로일 수 있습니다.

예:

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

위의 예에서 a 요소의 href 속성은 "http://www.example.com"입니다.

5. src 속성

src 속성은 이미지, 오디오, 비디오와 같은 미디어 파일의 주소를 지정하는 데 사용됩니다.

예:

<img src="image.jpg">

위의 예에서 img 요소의 src 속성은 "image.jpg"입니다.

6. alt 속성

alt 속성은 이미지 요소에 대체 텍스트를 제공하는 데 사용됩니다. 이미지 로드에 실패하면 alt 속성 값이 페이지에 표시됩니다.

예:

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

위의 예에서 img 요소의 alt 속성은 "This is a picture"입니다.

7. title 속성

title 속성은 요소에 추가 정보를 제공하는 데 사용됩니다. 제목 속성의 값은 요소 위에 마우스를 올리면 브라우저에 표시됩니다.

예:

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

위 예에서 a 요소의 title 속성은 "This is a link"입니다.

8. target 속성

target 속성은 하이퍼링크가 페이지를 여는 방법을 지정하는 데 사용됩니다. 대상 속성은 _blank(새 창에서 열기), _self(현재 창에서 열기) 등이 될 수 있습니다.

예:

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

위의 예에서 a 요소의 대상 속성은 "_blank"입니다.

요약

HTML에서 속성은 동작을 정의하는 요소의 특성입니다. 일반적으로 사용되는 HTML 속성에는 클래스, ID, 스타일, href, src, alt, 제목, 대상 등이 포함됩니다. 이러한 속성을 익히면 웹 페이지를 더 잘 만들 수 있습니다.

위 내용은 HTML 속성은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!