1) HTML/CSS의 시작

Today's Study/Front Part

by Hello-Melo 2022. 2. 16. 01:09

22.2.15

첫 코딩 공부의 시작

현재 주로 쓰는 HTML은 HTML5

HTML은 건물로 비유할 때 건물의 구조(외골격, 프레임)

CSS는 건물의 내부 인테리어

즉, HTML이 없으면 CSS는 의미없다. HTML의 내부에 CSS가 존재하는 형태

HTML안에 CSS에 따라서 내부의 구조가 다양하게 변하는 것(집이라 치면 서재, 화장실, 주방, 거실 등등)

HTML은 크게 <HEAD> 와 <BODY> 부분으로 나눠짐.

<HEAD>는 페이지의 자세한 정보를 담는 부분

특히 <HEAD>의 <link> 태그는 CSS와 HTML을 연결하는 태그임.

<BODY>는 페이지의 내용을 담는 부분.

특히 중요한 6가지의 태그를 학습

<div> HTML은 기본적으로 줄바꿈이 없음. div태그를 통해 영역을 줄 단위로 구분지어줌

<p> div와 같은 태그지만 위 아래로 한 줄씩 더 띄워주는 태그, 즉, div보다 영역이 넓다

<img> 이미지 불러오는 태그

<input> 검색창, type을 통해 성질을 설정할 수 있다(text, number, password 등등)

<button> 버튼을 만듬(심플)

<a> href(하이퍼링크의 약자)로 링크주소를 연결하는 태그.

세세하게 다른 태그들이 사용되지만 웹페이지를 만드는데 있어서 가장 많이 쓰이고 중요한 6가지의 태그

구글 첫 페이지 화면도 이 6가지의 태그 안에서 다 만들 수 있다.

Melo의 코딩 Life