사전 공부

• HTML, CSS, JS는 각각의 언어 소개
• 본격 수업 전에 브라우저에서 HTML,CSS,JS 해킹해보기

HTML 핵심 익히기

1. HTML 태그 기본 문법

웹의 본질은 결국 정보를 시각적으로 보여주는 것입니다. 이때 HTML 태그는 정보를 보여주는 역할을 합니다. 이미지, 텍스트, 비디오, 입력창 등의 개별 정보는 전부 HTML로 부터 만들어진다고 보시면 됩니다.

위 정보들을 HTML 언어로 표시하기 위해선 태그와 속성 그리고 콘텐츠를 이해하시면 됩니다. 이때 콘텐츠는 태그가 될 수도 있습니다.

1. 기본 형식 : <태그>콘텐츠</태그>

   <p>Hello Grab</p>
   

2. 속성이 있다면 <태그 속성1="값" 속성2="값">콘텐츠</태그>

   <a href="<https://www.naver.com>">Hello Naver</a>
   

3. 태그 안에 또 태그를 넣는다면

   <div>
   	<p>Hello everyone!</p>
   </div>
   

4. 콘텐츠가 따로 없다면 <태그 속성1="값" />

   <br /> 
   <img src="<https://cdn.pixabay.com/photo/2015/03/26/09/47/sky-690293__340.jpg>" />
   
   

HTML에서 주석을 사용하려면

<!-- 나는 주석이다. 코드에 영향을 끼치지 않지.-->

2. HTML로 웹 기본 구성 짜기

HTML로 웹을 구현하기 위해선 기본적으로 설정하는 태그 형식이 있습니다.