HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> // 언어타입
<title>제목</title>
<link rel="stylesheet" href="파일명.css"> // CSS 연결
</head>
<body>
<div class="main-box">
<h1>김준태</h1>
<p class="p-name">HTML/CSS 개발자</p>
</div>
<footer>
<p>Made in Korea.</p>
</footer>
</body>
</html>CSS
// 태그명을 사용하는 경우
footer {
text-align: center;
background-color: #1e1e1e;
padding: 20px;
font-size: 12px;
color: #919191;
}
// p태그의 class명을 사용하는 경우 (class명 앞에 .을 붙여 사용한다.)
.p-name {
font-size: 17px;
color: #7c7c7c;
font-weight: bold;
}// 폰트명을 import 할때
@import url('url주소');
// 여기서 *은 전체 적용이다.
* {
font-family: '폰트명';
}JavaScript
기본적으로 자바언어 사용이랑 비슷한거 같다.
조건문, 반복문 활용가능.
<span id="span-tag">Span Tag</span>
<script>
document.write('hello') = System.out.println("hello");
document.getElementById(id이름).value; // 예) span-tag
document.getElementById(id이름).innerHTML = 'ㅇ' // 예) Span Tag -> o
// 문자랑 숫자(형변형) 합치기 가능
예) '(' + 123 + ')' = String Type 출력 : "(123)";
// 변수명
var name = 'kimjuntae';
// 함수생성
function 함수명() {
if (조건문) {
조건문 실행내용
}
}
// 함수사용
함수명()
</script>
🙏