HTML, CSS란 무엇인가?

 

안녕하세요 T-Story Blog를 처음 시작하게 되었습니다.

 

저의 첫 블로그 첫 글은 HTML과 CSS가 차지 하게 되었네요.

 

저도 처음 도전 해 보는 언어라 익숙하지 않습니다.

 

같이 스터디를 진행하며 천천히 알아가 보도록 하시죠.

---

우선, 무엇이든 처음부터 시작하려면 기본 구조와 개념을 이해 해야겠죠?

---

 

HTML 이란?

• Hyper Text Markup Language
  • 한 페이지에서 다른 웹 페이지로 이동할 수 있는 기능을 갖춘 문서를 작성하기 위한 언어
  • 하이퍼링크 시스템, 구조를 설계할 때 사용하는 언어, MARK UP 언어

---

CSS 란?

• Cascading Style Sheets
  • Style sheet
  • HTML 문서의 요소에 선택적으로 스타일을 적용할 수 있습니다.

---

 

HTML과 CSS는 위와 같이 정의할 수 있습니다.

 

이론만 봤을 때는 이해하기 힘드니 예시를 보여 드릴게요!

---

<p style="text-align: center;" data-ke-size="size16">&nbsp;</p>
<p style="text-align: center;" data-ke-size="size16">안녕하세요 T-Story Blog를 처음 시작하게 되었습니다.</p>
<p style="text-align: center;" data-ke-size="size16">&nbsp;</p>
<p style="text-align: center;" data-ke-size="size16">저의 첫 블로그 첫 글은 HTML과 CSS가 차지 하게 되었네요.</p>
<p style="text-align: center;" data-ke-size="size16">&nbsp;</p>
<p style="text-align: center;" data-ke-size="size16">저도 처음 도전 해 보는 언어라 익숙하지 않습니다.</p>
<p style="text-align: center;" data-ke-size="size16">&nbsp;</p>
<p style="text-align: center;" data-ke-size="size16">같이 스터디를 진행하며 천천히 알아가 보도록 하시죠.</p>

현재 보시고 계시는 페이지의 HTML코드 입니다. 즉, 지금 페이지의 구조의 한 부분이죠.

 

나중에 따로 배우게 될테지만
HTML은 태그라고 하는 언어로 기능을 갖춘 문서를 만들고 _{ex) p, hr}

CSS는 style라는 태그로 그 구조를 꾸미는것 입니다. _{ex) style="text-align: center}

---

 

첫장은 HTML, CSS가 무엇인지 공부해 봤습니다.
같이 열심히 공부해봅시다!
화이팅