HTML & CSS로 확인하기

HTML

HTML이란?

HTML은 우리가 웹페이지를 만들때 웹페이지에 틀을 만드는 마크업 언어이다.

HTML의 특징

1. HTML은 Tag들의 집합이다
   ※ Tag : 부등호(<>)로 묶인 HTML의 기본 구성요소
2. HTML의 구조는 부모가 하나이고 자식이 여럿인 트리구조 이다.
   ●HTML문서시작(HTML문서 시작 선언)
   ---■ htm1 (부모)
   ------ ○ head (htm1의 자식)
   --------- ○ tittle: page tittle (head의 자식)
   ---○ body (htm1의 자식)
   ----- ○ h1: Hello world (body의 자싯)
   ----- ○ div: Contents here (body의 자식)
   -------- ○ span: Here too! (div의 자식)

자주사용하는 HTML태그

1. div : div태그는 한줄을 차지한다.
   < div >내용< /div >
2. span : span태그는 컨텐츠 크기만큼 공간을 차지한다.
   < span >내용< /span >
3. img : img태그는 이미지를 삽입할수있다.
   < img src= "이미지 경로" >
4. a : a태그는 링크를 삽입할수있다.
   < a href= "연결할 링크의 경로" >내용< /a >
5. ul li : ul 과 li 태그는 리스트를 생성한다
   < ul >
   < li >item1< /li >
   < li >item2< /li >
   < /ul >
6. input : input태그는 사용자가 정보를 입력하는 부분을 만들어야 할 때 사용한다. type의 따라 어떤 형식으로 정보를 받을지 결정된다.
   < input type= "유형" 속성= "속성값" >
7. textarea : textarea태그는 사용자가 여러 줄의 텍스트를 입력할 수 있는 텍스트 입력 영역을 정의할 때 사용합니다.
   < textarea 속성= "속성값" >
8. button : button태그는 페이지에 버튼을 넣고 form을 전송하거나 reset 할 때 사용한다.
   < button >< /button >

그 밖의 HTML태그모음

CSS

CSS란?

CSS는 HTML문서의 스타일을 꾸밀 때 사용하는 스타일 시트 언어입니다.

CSS 속성

css속성모음

CSS 기억해야할 박스 모델