HTML 속성 / Attributes

- 모든 HTML 요소는 속성을 가질 수 있습니다.
- 속성은 요소에 대한 추가 정보를 제공합니다.
- 속성은 항상 시작 태그 에 지정됩니다.
- 속성은 일반적으로 name="value" 와 같은 이름/값 쌍으로 제공됩니다.

href 속성

태그 <a>는 하이퍼링크를 정의합니다. 속성 href은 링크가 이동하는 페이지의 URL을 지정합니다.

태그 <img>는 HTML 페이지에 이미지를 삽입하는 데 사용됩니다. 속성 src은 표시할 이미지의 경로를 지정합니다.

속성 에 URL을 지정하는 방법에는 두 가지가 있습니다.

1. 절대 URL

다른 웹사이트에서 호스팅되는 외부 이미지로 연결됩니다. 예: src="https://haku-design.co.kr/img/sample.jpg" .

참고: 사용 허가를 받지 않으면 저작권법에 위반될 수 있습니다.

2. 상대 URL

웹사이트 내에서 호스팅되는 이미지에 대한 링크입니다. 여기서 URL에는 도메인 이름이 포함되지 않습니다. URL이 슬래시 없이 시작되면 현재 페이지를 기준으로 합니다.

ex) src="sample.jpg". URL이 슬래시로 시작하면 도메인에 상대적입니다. 예: src="img/sample.jpg".

참고: 상대 URL을 사용하는 것이 가장 좋습니다. 도메인을 변경해도 모든 이미지의 경로를 바꾸지 않아도 됩니다.

속성 style은 색상, 글꼴, 크기 등과 같은 요소에 스타일을 추가하는 데 사용됩니다.

그럼 글꼴은 색상이 레드로 바뀝니다.

감사합니다!