html
웹 브라우저 상에서 보여지도록 디자인 된 문서, 표준화 된 마크업 언어 사용
- Markup language
일반적인 택스트와 문법적으로 구분하기 위해서 문서에 annotating 되어있는 것
html 기본 구성
- 예제
html 태그
- < body > 안에도 구조를 나눠야 함
header : 큰 제목과 로고 등이 있는 큰 띠
navigation bar : 대부분 메뉴 버튼이나 링크, 다른 페이지로 넘어가도록 구성
main content : 웹 페이지의 중심
side bar : 광고 혹은 페이지와 연관된 정보
footer : 페이지의 바닥 줄, 작은 정보나 연락처 등
Element
- 여는 태그와 닫는 태그, 그리고 컨텐츠로 이루어짐
- 시작하고 끝나는 태그 하나를 element라고 부름 (노드라고도 함)
- 태그 안에 들어있는 My cat is very grumpy 를 Content 라고 함
List ol, ul
-> 브라우저에서 자동으로 1,2,3 지정해서 나옴
1.
2.
3.
-> i로 지정되서 나옴
i.
ii.
iii.
-> 불리언 속성 값
iii.
ii.
i.
-> 숫자가 아닌 점으로 나옴
Input(label)
input을 사용하여 값을 입력 받음
label을 통해서 사용자에게 어떤 정보를 원하는 지 명확하게 나타내줌
한 페이지 안에 많은 input이 있을 수 있기 때문에 id를 통해 고유한 식별자를 줌
- 예제에서는 "input_name" 을 이용하여 둘을 묶음
뿐만 아니라 type 뒤에 "checkbox", "file", "passward" 등을 사용하여 체크박스, 파일이나 비밀번호를 입력할 수 있는 상자를 만들 수 있음
< 참고 강의 및 자료 >
https://developer.mozilla.org/ko/docs/Web/HTML
https://youtu.be/OoA70D2TE0A
