기본태그연습

기본태그	설명	인라인 | 블록
br	break line 줄 바꿈 태그	블록
p	paragraph 문단 태그	블록
h	headline text 제목태그 , 진하고, 크기가 크다.	블록
hr	horizontal line 수평선 태그	블록
ol>li	ordered list 순서가 있는 목록 태그이고 li(list)는 자식태그	블록
ul>li	unordered list 순서가 없는 목록 태그이고 li(list)는 자식태그	블록
dl>dt+dd	description list 정의목록, 자식으로 dt와 dd를 사용	블록
span	공간분할	인라인
div	공간분학	블록
img	이미지태그 필수속성 : src(이미지경로)와, alt(대체텍스트)	인라인(인라인블록)

---

 

 오늘은 웹표준 배우는 첫번째 날입니다. <br>
 오늘은 웹표준 배우는 첫번째 날입니다. <br>

 <hr>


  <p>
	오늘은 웹표준 배우는 첫번째 날입니다. <br>
	오늘은 웹표준 배우는 첫번째 날입니다. <br>
	오늘은 웹표준 배우는 첫번째 날입니다. <br>
	오늘은 웹표준 배우는 첫번째 날입니다. <br>
	오늘은 웹표준 배우는 첫번째 날입니다. <br>
	오늘은 웹표준 배우는 첫번째 날입니다. <br>
	오늘은 웹표준 배우는 첫번째 날입니다. <br>
	오늘은 웹표준 배우는 첫번째 날입니다. <br>
	오늘은 웹표준 배우는 첫번째 날입니다. <br>
	오늘은 웹표준 배우는 첫번째 날입니다. <br>
 </p>

 <p>
	오늘은 웹표준 배우는 첫번째 날입니다. <br>
	오늘은 웹표준 배우는 첫번째 날입니다. <br>
	오늘은 웹표준 배우는 첫번째 날입니다. <br>
	오늘은 웹표준 배우는 첫번째 날입니다. <br>
	오늘은 웹표준 배우는 첫번째 날입니다. <br>
	오늘은 웹표준 배우는 첫번째 날입니다. <br>
	오늘은 웹표준 배우는 첫번째 날입니다. <br>
	오늘은 웹표준 배우는 첫번째 날입니다. <br>
	오늘은 웹표준 배우는 첫번째 날입니다. <br>
	오늘은 웹표준 배우는 첫번째 날입니다. <br>
 </p>

  <p>
	오늘은 웹표준 배우는 첫번째 날입니다. <br>
	오늘은 웹표준 배우는 첫번째 날입니다. <br>
	오늘은 웹표준 배우는 첫번째 날입니다. <br>
	오늘은 웹표준 배우는 첫번째 날입니다. <br>
	오늘은 웹표준 배우는 첫번째 날입니다. <br>
	오늘은 웹표준 배우는 첫번째 날입니다. <br>
	오늘은 웹표준 배우는 첫번째 날입니다. <br>
	오늘은 웹표준 배우는 첫번째 날입니다. <br>
	오늘은 웹표준 배우는 첫번째 날입니다. <br>
	오늘은 웹표준 배우는 첫번째 날입니다. <br>
 </p>

 <hr>

 <hgroup>
	 <h1>제목입니다.</h1>
	 <h2>제목입니다.</h2>
	 <h3>제목입니다.</h3>
	 <h4>제목입니다.</h4>
	 <h5>제목입니다.</h5>
	 <h6>제목입니다.</h6>
 </hgroup>

 <hr>

 <!--font태그는 html5부터는 사용하지 않는다.-->
 <font size="2" color="red">  재밌는 웹 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 표준 수업니다. </font> <br>
 <font size="3" color="blue"> 재밌는 웹표준 수업니다. </font> <br>
 <font size="4" color="green">재밌는 웹표준 수업니다. </font> <br>
 <font size="5" color="#fde"> 재밌는 웹표준 수업니다. </font> <br>

 <hr>
 <!--순서가 있는 목록-->
 <ol type="A">
 	<li>2D 그래픽</li>
	<li>HTML5</li>
	<li>CSS3</li>
	<li>Javascript</li>
	<li>jQuery</li>
	<li>Team project</li>
	<li>Portfolio</li>
 </ol>

 <!--순서가 없는 목록-->
 <ul type="square">
	<li>2D 그래픽</li>
	<li>HTML5</li>
	<li>CSS3</li>
	<li>Javascript</li>
	<li>jQuery</li>
	<li>Team project</li>
	<li>Portfolio</li>
 </ul>

 <!--정의 목록-->
 <dl>
	<dt>UI/UX디자인 </dt>
	<dd>시각적으로 구현하는 직군 : 프로토타이핑, 그래픽, 마크업...</dd>

	<dt>프로그래머 </dt>
	<dd>DB연동과 관련된 직군 : Java, jsp, sql....</dd>
	<dd>DB연동과 관련된 직군 : Java, jsp, sql....</dd>
 </dl>
 <hr>

 <!--공간분할태그-->
 <span>인라인요소입니다. </span>
 <span>인라인요소입니다. </span>
 <span>인라인요소입니다. </span>
 <span>인라인요소입니다. </span>
 <span>인라인요소입니다. </span>
 <br>
 <div>블록요소입니다. </div>
 <div>블록요소입니다. </div>
 <div>블록요소입니다. </div>
 <div>블록요소입니다. </div>
 <div>블록요소입니다. </div>

 <hr>

 <p>
	<figure>
		<img src="img/fish.png" alt="물고기">
	</figure>
 </p>

 <p>
	<figure>
		<img src="img/juice.jpg" alt="오렌지쥬스" width="300">
		<img src="img/fish.png" alt="물고기">
		<img src="img/cheese.png" alt="치즈">
		맛난 쥬스와 간식
	</figure>
 </p>