오늘은 코딩 주 수업을 마무리하는 금요일이다. 물론 주말에 계속 복습을 하느라. 일주일이 끝난건 아니지만, 그래도 수업 주를 마무리했더니 기분이 많이 좋다.
HTML, CSS, JavaScript 의 정의를 쉽게 정리해 보자면
HTML === 뼈대
CSS === 겉 모습
JS === 상호작용
이다.
그 중 오늘 공부한 HTML은 웹 페이지의 구조를 담당하는 마크업 언어이다.
마크업 언어의 주 차이는 태그이다. 태그는 원래 주석같은 것을 표현하기 위한 용도였으나, 문서의 구조를 표현하는 역할이 되었다.
주로 사용하는 HTML 요소를 정리해 보자면
div VS span
div 태그는 컨텐츠가 얼마든 한 줄을 차지하고
span 태그는 컨텐츠 크기만큼 공간을 차지한다.
예를 들어 1,2를
div 태그로 표현하면
1
2
이런 식으로 span은
1 2
이런식으로 표현되는 형태이다.
그 외에는
img : 이미지 삽입
a : 링크 삽입
Ul, li : 리스트
리스트에 추가적으로 설명을 하자면
ul은 unordered list 순서가 없는 리스트
ol은 ordered list 넘버링이 있는 리스트이다.
그 하위 트리로 li (리스트)가 들어가는 형태이다
input, textarea : 다양한 입력 폼
input은 의 종류로는
text : 텍스트 박스 생성
radio : 버튼 여러 개 중 하나 (그룹 설정을 통해)
checkbox : 다중 선택을 가능 하게 할 수 있다.
textarea는 input과 다르게 닫는 표시를 해줘야 되는데 줄 바꿈이 가능하다.
그리고 직관적인
button : 버튼
이 있다.
