HTML

!DOCTYPE HTML - 웹 브라우저에게 html 버전을 알려주는 역할
(자동으로 html5 버전으로 인식한다)

태그 사용 방법
<태그> 내용 </태그>

title

웹 사이트의 제목을 표시

h1 ~ 6

머리말을 표시하는 태그로서 heading의 줄임말이다.
숫자가 작을 수록 글씨의 크기가 크다

p(pharagraph)

문단을 나눌때 사용하는 태그

b(bold)

그 부분만 굵게 나타내고 싶을 때 사용

I(italic)

텍스트를 날려쓰고 싶을 때 사용하는 태그

b태그와 I태그는 단순히 시각적인 특징만을 가지고 있는 태그입니다. html에는 시각적인 특징 뿐만아니라 '의미도 가지고 있는 태그가 있습니다.

storng

이 태그는 b태그와 보여지는 형태는 똑같지만 스크린 리더(컴퓨터 낭독 소프트 웨어, 시각 장애인 등 웹 접근성을 지원해 주는 목적)이 글을 읽을 때 강조해서 읽습니다.

em(emphasize)

이 태그 역시 I태그와 보여지는 형태는 똑같지만 'storng' 태그와 같이 스크린 리더 인식시 강조되어 읽어집니다.

meta chraset='utf-8'

한글을 인코딩 하는 대표적인 방식

CSS

기본문법

ex) h1{
font-size: 64px;
text-aglin: center;
}

h1 - 스타일링 하고 싶은 요소
font-size, text-aglin - 속성
64px, center - 속성값
;(세미콜론) - 속성을 끝낼때 사용

html에서 style 문법 사이에 사용

font-size: 값px;

폰트크기를 표현할수 있는 코드 단위는 여러가지가 있지만 대표적으로 px가 있다.

text-aglin: (left, right, center)

글의 왼쪽 가운데 오른쪽으로 정렬 해주는 태그

color: (red, lime, hotpink);

내용의 색을 변경 시 사용하는 태그

margin-(bottom,left..): 값px;

margin 속성을 사용하게 되면 요소 사이의 여백을 설정할 수 있다. 여백의 크기도 픽셀 단위로 설정해 주시면 됩니다.

출처 : codit(웹퍼블리싱 htmle/css)