[HTML/CSS] 1. HTML과 CSS

Web 개발/[HTML,CSS]

네카라쭈배 2022. 6. 27. 19:51

728x90

html/css에서는 에디터로 visual studio code, 웹 브라우저로 chrome을 사용했습니다.

◆ HTML

html은 웹을 이루는 가장 기초적인 구성요소로, 웹 콘텐츠의 의미와 구조를 정의할 때 사용한다.

웹 언어에는 다양한 종류가 있지만 대부분의 웹 페이지들은 html로 작성된다.

html은 웹사이트 안의 텍스트를 어떻게 배치할 것인지,

하이퍼링크를 첨부할 것인지 등등 명령을 내려주는 역할을 한다.

명령을 이행하기 위해서는 명령어가 필요한데 이 때 사용하는 것이 태그(tag)이다.

html요소는 '태그'를 사용해서 문서의 다른 텍스트와 구분한다.

태그는 '<' , 태그 이름, '>'로 이루어진다.

시작과 끝을 표시하는 쌍을 이루고 있다는게 특징이다.

<html>

</html>

위의 태그는 html 문서를 시작하고 끝낸다는 의미이다.

사이에 있는 부분은 웹사이트 안의 구조가 되는것이다.

보통의 태그들은 <태그>로 시작해서 </태그> 형식으로 끝낸다.

하지만 'img' 나 'br'처럼 시작 태그만으로 영향을 나타내는 예외도 있다.

HTML 기본 - Web 개발 학습하기 | MDN

HTML(Hypertext Markup Language)은 웹 페이지와 그 내용을 구조화하기 위해 사용하는 코드입니다. 예를 들면, 컨텐트는 여러 개의 문단, 글 머리 목록이 구조화된 것이거나 사진이나 데이터 테이블일 수

developer.mozilla.org

◆ CSS

html이 웹 페이지의 구조를 정의할 떄 사용한다면, CSS는 웹 페이지의 모양/표현을 담당하고 있다.

텍스트의 크기나 굵기, 색깔 , 폰트 등을 지정해줄 수 있다.

★ 정리하기 ★

✔ 웹 개발 = 웹사이트를 개발하는 모든 개발

✔ html는 태그로 명령함

✔ html은 사이트의 구성 담당, css는 디자인 담당

728x90