- 간단한 문법으로 원하는 대로 표현 가능한 시각화 도구
- 다른 언어들과 잘 섞이므로 활용이 좋음
- 간편하게 동작함, 접근성이 좋음
HTML
대제목 : tag라고 부름
content
content
대문자, 소문자 가리지 않음
: 가장 기본적인 태그 : 헤딩1. 큰 헤드라인.문서의 골격
태그 사용 비율
묶어서 꼭 작성하고 있음. 알아둘 것.
<!DOCTYPE html>
<html>
</html>html 문서는 두 파트로 나뉨
문서에 대한 정보. 작성자. 문서 제목 등
: 내용물에 대한 추가정보 : 모든 내용물<!DOCTYPE html>
<html>
<head></head>
<body></body>
</html>한글 사용하려는 경우
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body></body>
</html><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>이력서</title>
</head>
<body></body>
</html>body 태그 부분
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>이력서 페이지</title>
</head>
<body>
<h1>Hi</h1>
<p>content</p>
</body>
</html>CSS
footer : 화면 최하단의 안내문
contentp : paragraph 문단. 일반적으로 쓰는 모든 글을 p
html 파일과 css 파일 분리
-연동하려면
html의 head 태그에 넣음
body에는 화면에 집적적으로 표현되는 컨텐츠만.
컨텐츠 표현을 위한 부수젖ㄱ인 내용은 head에
<head>
<meta charset="UTF-8">
<title>김멋사의 이력서</title>
<link rel="stylesheet" href="codelion.css">
</head>css 파일에서 꾸미기.
footer 꾸미기
footer{
text-align: center; //가운데 정렬
background-color: black;
}
내용물 순서는 상관 없음.
css의 기본 형태
Tag{
text-align: center;
color: orange;
}
파인애플 좋아하세요?