attribute

💡속성

html 작성 시, 우리는 태그를 사용하여 코드를 작성한다. 이때 각각의 태그에는 '속성'이라는 것을 넣을 수 있다. 여기서 속성이란 태그의 부가적인 설명 혹은 부가적인 요소를 추가하는 것이라고 볼 수 있다.

모든 태그에서 사용할 수 있다.
시작 태그에서만 속성을 입력할 수 있다.
속성명 = 속성값; 의 형태로 나타난다.

 

또한 속성은 글로벌 속성과 로컬 속성으로 나뉜다. 그렇다면 글로벌 속성과 로컬 속성은 무엇일까?

global attribue - 모든 태그에서 사용할 수 있는 속성, 전역 속성이라고도 한다.
local attribute - 특정 태그에서만 사용할 수 있는 속성, 지역 속성이라고도 한다.

 

글로벌 속성으로는 draggle, lang, hiddern, id, name 등이 존재한다. 반면 로컬 속성으론 href, src 등이 존재한다.

 

💡style 속성

속성의 종류 외에도 중요한 것이 있는데 바로 style 속성이다. style 속성은 말그대로 스타일을 입히는 것. 즉, 태그에 여러 스타일(배경색상, 폰트, 정렬 등)을 입힐 수 있는 속성이다.

 

style 속성을 적용하는 방법은 3가지가 존재한다.

inline style - html 요소에서 직접 style 속성을 통해 정의하는 것
internal style - <style> 태그 안에 작성하는 것
external style - 별도의 .css 파일을 만들어서 사용하는 것

 

대부분 external 방식을 사용한다. html 그 자체만으로도 코드의 양이 방대하고, 별도의 파일을 사용하면 재사용할 수 있기 때문이다.