1.HTML 기초 : Tag, Class

HTML은 웹사이트를 구성하는 뼈대의 역할을 한다.

다양한 Tag 들로 표현을 할 수 있는데 대표적인 예시로는 

head,header,h1,h2,h3...,body,div,title,span,img 등이 있으며 

<div> 이런 식으로 열고, </div>이와 같이 닫는다.

 

예시

위를 보면, span은 주로 위와 같이 짧은 글을 쓸 때 쓰이는데, div와 다른 점은 줄바꿈이 되지 않는다는 점이다. 

(block이 아닌 inline이다)

 

또한 Tag에는 각각 class를 위와 같이 부여할 수 있는데, 이는 CSS에서 활용된다. class이 외에도 비슷한 것으로 id도 있는데 CSS에서 class를 불러올 때는 .status-bar 이런 식으로 불러오고, id를 불러올 때에는 #status-bar라고 입력한다.

위 태그를 구현한 모습이다. (CSS도 적용해서 배경 색과 구성 등도 진행하였다)

 

 

www.youtube.com/embed/8_X-LKuIkLA"

YouTube

#HTML

#tag

#css

#clonecoding

#kakaotalk