HTML

HTML은?

문서의 틀이다. 틀.

HyperText Markup Language의 약자

html을 어떻게 사용하나?

HTML은 tag들의 집합

tag : 부등호(<>)로 묶인 HTML 의 기본 구성요소

html 확장자 사용

Tree Structure

트리 구조라고 이야기한다.

• HTML문서 시작
  - HTML
  - Head
  - title:Page title
  - body
  - h1:Hello world
  - div: Contents here
  - span : Here too!
  

가장상위에 태그가있고 밑에 자식을 가진다.

부모 node, 자식 node 등으로 읽을수 있다.

Self-closing tag

<img ... /> 처럼 닫는태그 를 내부에서 닫는 태그들이 있다.

HTML에서 자주사용하는 요소

<div>
<span>
<img>
<a>
<ul><li>
<input>
<textarea>
<button>

1. div VS span

div태그는 한줄을 차지합니다. (display : block 때문이다.)

span 태그는 컨텐츠 크기만큼 공간을 차지합니다. (display : inline 때문이다.)

2. img : 이미지 삽입

src =" 이미지주소 "
key = "value" 라고 볼수도 있다.

닫는 태그가없다.

3. a : 링크 삽입
   네이버
   현재창이바뀜
   네이버
   새탭이 열림

4. ul, li : 리스트
   li : 리스트
   ul : unordered list 번호없는 리스트
   ol : 이라느것도 있다. 번호있는 리스트

ul내부에 li는 번호없는 리스트를 만든다.
ol내부에 li는 번호있는 리스트를 만든다.

5. input, textarea : 다양한 입력폼
   input type="text"
   텍스트 입력 인풋
   input type="password"
   비밀번호 입력 인풋
   <input type="radio" .. 생략 // 이게 라디오 버튼 의미
   원래 라디오버튼은 둘중 하나만 선택되어야한다. (셋중하나 ..라던가)
   이때 하나의 그룹으 줘야하는데 예를들어서 name= "choice" 처럼 두개의 라디오태그에 같은 name을 주면
   이제 하나만 선택가능하게 된다.
   <input type="checkbox" ... 생략 // 체크박스 의미

<textarea></textarea> textarea는 닫는태그가 꼭필요하다.
텍스트 에어리어는 줄바꿈이 되는 입력폼이다.

6. button : 버튼