html5의 태그를 사용하여 웹페이지를 만들 수 있다. 추가로 속성을 이용하면 태그의 구조 및 특성을 변경하여 좀 더 주변과 어울리는 태그를 만들 수 있다. 기본적인 기능은 그대로 유지하고 추가로 기능을 부여하거나 모양을 변경하는 등의 역할을 하는 것이 속성이다. 지금은 보통 css3로 스타일을 변경하고 이벤트를 별도로 추가하는 방식으로 많이 사용한다.
html5 태그 속성 특징
html tag attributes
html5는 기본적으로 태그 tag 로 구성된다.
tag를 구성하여 웹페이지를 만드는 작업을 마크업이라 한다.
단순히 tag만 사용할 수도 있지만 이 tag들에 속성을 부여하여 모양을 바꿀 수 있다.
이런 기능을 하는 것을 태그의 속성 attributes 라고 한다.
요소와 속성
번역의 문제가 있지만 이정도는 알고 가도록 하자.
html5를 공부하다보면 요소와 속성이란 단어가 많이 나온다.
요소는 elements 라고 하고, 속성은 attributes 라고 한다.
요소는 태그를 말하고 속성은 태그의 특성을 말한다.
<element attribute=""></element>
<tag attribute=""></tag>
<img src="" width="" height=""></tag>html5 속성 특징
기본적인 기능은 변하지 않은 상태로 태그의 모양을 변화시키거나 특성을 바꾸는 역할을 한다.
이들은 태그들마다 공통적으로 사용하는 것이 있고, 특별히 해당되는 것만 존재하기도 한다.
추가로 하나의 태그 요소에는 여러개의 속성이 적용될 수 있다.
단 가급적 지켜야할 것이 있다.
속성을 사용할 때는 따옴표는 가급적 사용할 것을 권장한다.
따옴표를 사용하지 않아도 정상적으로 사용되는 경우들도 있지만 w3c에서는 가급적 따옴표를 사용할 것을 권장하고 있다.
아래는 대표적인 태그 요소와 속성을 표현한 것이다.
<html lang="">
<p title=""></p>
<a href=""/></a>
<img src="" alt="" width="" heigt="" style="" />'programming > web' 카테고리의 다른 글
| 실시간 코드 에디터 만들기 1번째 준비 how to make code editor (0) | 2022.02.27 |
|---|---|
| html5 h 제목 태그 사용하기 SEO에 중요할 수도 있다. (0) | 2022.02.25 |
| html5 태그 요소 특징 html elements (0) | 2022.02.22 |
| html5 기본 태그로 웹문서 템플릿 만들기 making html5 document (0) | 2022.02.17 |
| html5 img 태그 웹페이지 이미지 표시 using img tag (0) | 2022.02.13 |
댓글