HTML

HTML[HTML 속성]

developer_Michael 2023. 3. 30. 08:37
반응형

HTML 속성은 HTML 요소에 추가적인 정보를 제공하는 특성입니다.

 

속성은 해당 요소의 동작이나 스타일 등을 제어하며, 특정 요소가 가지는 특성을 지정할 수 있습니다.

 

속성은 해당 요소의 시작 태그 안에 정의되며, 일반적으로 "속성 이름=값"의 형태로 작성됩니다.

아래는 대표적인 HTML 속성들입니다.

class: 요소를 그룹화할 때 사용하는 클래스를 정의합니다.
id: 요소의 고유 식별자를 정의합니다.
style: 요소의 스타일을 지정합니다.
src: 이미지나 동영상 등의 미디어 요소의 URL을 정의합니다.
href: 링크의 URL을 정의합니다.
alt: 이미지가 로드되지 못했을 때 대체 텍스트를 지정합니다.
title: 요소의 추가 정보를 지정합니다.
target: 링크의 클릭 시 브라우저 동작을 지정합니다.
width, height: 이미지나 동영상의 가로, 세로 크기를 정의합니다.
rel: 링크의 연관 관계를 정의합니다.

<!DOCTYPE html>
<html>
<head>
    <title>HTML Attributes Example</title>
    <style>
        .red {
            color: red;
        }

        #myDiv {
            color: blue;
        }
    </style>
</head>

<body>
    <!-- class -->
    <p class="red">This text is red.</p>

    <!-- id -->
    <div id="myDiv">This is a div with an ID of "myDiv".</div>

    <!-- style -->
    <p style="font-size: 24px;">This text has a font size of 24px.</p>

    <!-- src -->
    <img src="example.jpg" alt="Example Image">

    <!-- href -->
    <a href="https://www.example.com">Example Link</a>
</body>
</html>
반응형