<html>, <head>, <body> 를 보면 꺽쇠 안에 단어가 들어가 있는 것을 볼 수 있다 : 꺽쇠 하나를 '태그' 또는 '요소(element)'라고 부른다 : 이 각각의 태그들은 명확한 기능을 갖고 있음
이런 식으로 태그마다 고유의 기능이 있음을 이해 : 근데, input 태그 안에 보면 하늘색으로 type이 있음 : 이러한 것을 '속성값' 또는 'attribute'라고 이야기함 : 즉, input이 태그고, type이 input 태그의 속성값이다 라고 이해 : 해당 코드는 텍스트 박스를 만듦
위는 button 태그를 사용해서 버튼을 만든 예시인데, button 태그는 input 태그와 다르게 </button>이라는 것이 뒤에 또 적혀있음 : 이건 닫는 태그이며 '/'를 붙이는 건데, 무슨 차이? : html 태그는 크게 두가지 종류가 있음 : 열기만 하고 닫는 태그가 없기 or 여는 태그가 있으면 항상 닫는 태그가 있기 : 차이점은 input은 닫는 태그 안쪽에 넣어줄 컨텐츠가 없으니 굳이 없는 것임 : 그 반대로 button 태그는 있는 것
위 코드를 개발자 도구를 통해 살펴보면, p 태그는 본인 혼자 한줄을 다 사용하는 것을 볼 수 있고,
spab 태그는 컨텐츠의 영역 만큼만 사용하는 것을 볼 수 있음 : 즉, 태그에는 한줄 영역, 일부 영역을 다 사용하는 태그가 있구나를 이해 : 앞으로 개발할 때는 개발자도구를 키는 습관을 들이자 : https://www.w3schools.com/tags/default.asp (html 태그 목록)
'IT_알토르 > 기술 및 코드과제' 카테고리의 다른 글
| 6. *JavaScript 기초 (2) (0) | 2025.03.09 |
|---|---|
| 5. HTML/CSS 소스코드 만들어보기 (0) | 2025.03.04 |
| 4. *JavaScript 기초 (1) (0) | 2025.02.27 |
| 3. *CSS 기초 (0) | 2025.02.24 |
| 1. *기초 중요 키워드 (0) | 2025.02.20 |
