html 수업

태그 (Tag)

태그는 < >를 사용하여 나타냄

태그는 일반적으로 시작과 끝을 표시하는 2개의 쌍으로 이루어져 있으며, 종료 태그 앞에는 /를 붙여야 함

 

- 사용할 수 있는 태그는 표준으로 정해져 있으며 태그마다 역할이 다름

 

시맨틱 태그(Semantic Tag)

<header> <footr>

목록 태그 사용법

<ul> 순서가 없는 목록

<ol> 순서가 있는 목록 (ul을 주로 사용함)

<li> 리시트의 아이템 

(개조식 글쓰기 찾아보기)

 

- 블록 태그

라인 전체를 사용하는 태그 

즉 다른 태그 요소와 같은 라인에 배치할 수 없음

- 대표적인 블록태그

p , div, h, ul, il, form (단추를 눌러놓고 다른 페이지를 부를 떄 값을 전달할 수 있도록 해주는 태그)

 

-인라인 태그

 

글씨의 색상이나 크기, 이미지 크기나 배치 방법 등 웹 문서의 디자인 요소를 담당

웹 문서의 내용과 별개로 디자인만 바꾸거나, 디자인은 그대로 두고 웹 문서의 내용 변경이 용이,

다양한 기기에 맞게 탄력적으로 디자인이 바뀌도록 반응형 디자인을 구현할 수 있음

 

동일만 문서 구조이더라도 서로 다른 CSS 테마 적용이 가능함

 

-DOM

문서 객체 모델 돔을 통해 html 요소에 접근 할수 있다

돔은 텍스트로 된 html문서를 프로그램적으로 처리할 수 있도록 문서 구조 전체를 객체화 한 것을 의미

 

-innerHTML 

태그 사이에 글씨를 넣겠다는 것

label 태그가 있는데 이 라벨 태그에서 이름이라고 부터있잖아요 >> 입력받은 데이터를 가지고 label을 만드려고 한다면 

innerHTML