몰랐던 것

1.HTML의 정의
2.시맨틱 요소
3.HTML Tags..

	a.id, class 차이
	b.p와 div차이
	c.div블락 = 줄바꿈o / span인라인 = 줄바꿈x
	d.a href target=_black 새로운 탭
	e.checkbox 중복가능 for통일
	f.radio 중복 불가 name 통일해야 중복안됨
    g.drop down 사용법

몰랐어? 그럼 알아

1.HTML의 정의

정의를 한 번도 찾아보려고 한 적도 없다. 그냥 html이 html인 줄 알았다....
"구조를 표현하는 언어"라고 한다..

2.시맨틱 요소

id와 class를 목적에 맞게 사용하여 사람과 컴퓨터가 읽기 쉬운, 의미 있는(semantic) HTML 문서를 작성할 수 있다.
HTML5 시맨틱 요소를 적재적소에 사용하여 사람과 컴퓨터가 읽기 쉬운 시맨틱한 HTML 문서를 작성할 수 있다.

3.HTML TAGS

a.id, class 차이
b.p와 div차이
c.div블락 = 줄바꿈o / span인라인 = 줄바꿈x
d.a href target=_black 새로운 탭
e.checkbox 중복가능 for통일
f.radio 중복 불가 name 통일해야 중복안됨
g.drop down 사용법

A.id, class 차이

B.p와 div차이

<div>Division</div>
<p>Paragraph</p>

마진O
마진X

C.div = 줄바꿈O / span = 줄바꿈X

<div>div div</div>
<div>div div</div>
<br/>
<span>span span</span>
<span>span span</span>

div div

div div

span span span span

D.a href target=_black 새로운 탭

E.checkbox 중복체크가능 for통일

    <p>
        <label class="b-label" for="yesno">예</label>
        <input type="checkbox" name="yesno">
    </p>
    <p>
        <label class="b-label" for="yesno">아니오</label>
        <input type="checkbox" name="yesno">
    </p>

예

아니오

F.radio 중복체크불가 name 통일해야 중복안됨

    <p>
        <label class="A-label" for="yesno">예</label>
        <input type="radio" name="yesno">
    </p>
    <p>
        <label class="b-label" for="yesno">아니오</label>
        <input type="radio" name="yesno">
    </p>

예

아니오

G.drop down 사용법

<select>
    <option value="select">1기</option>
    <option value="select">1기</option>
  </select>

1기 1기