<HTML+CSS>
| 선언 | <!DOCTYPE html> | ||
| 처음 | <html> | ||
| 헤드 | <head> <meta charset="utf-8"> <title>HI</title> </head> |
문서의 정보 문서의 제목 및 인코딩 형태 등 |
|
| 바디 | <body> <h1>hello</h1> </body> |
문서의 내용 모니터에 표현되는 부분 |
|
| 끝 | </html> | ||
| CSS | 선택자, | ||
더보기
HTML
<태그 이름 [Attribute="해당 값"] > HTML Element </태그 이름> 의 조합
Ex) <head>
<link rel="stylesheet" href="style 속성을 캡슐화한 css파일 경로.css">
</head>
CSS
선택자(selector){ <!--선언 블록(Declaration block)-->
property1: property-value1; <!--선언(Declaration)-->
property2: property-value2;
}
이벤트
사용자가 웹 페이지 내에서 하는 행위에 관한 element
더보기
style 관련
<body>
<p style="color: blue; font-size:30px;"> 해당 글씨</p>
</body>=
<head>
<style>
.color-class {
color: blue;
}
.font-class {
font-size: 30px;
}
</style>
</head>
<body>
<p class="color-class font-class">해당 글씨</p>
</body>- 변경에 용이함.
- <style> ~ </style> 부분을 css파일에 담으면 됨.
<Javascript>
Javascript
- JS 로직을 통해 문서의 구조와 스타일에 변화를 줄 수 있음.
- 브라우저에서 JS가 HTML, CSS에 접근할 수 있는 API를 제공
● 기본의 기본
- 표현
변수, 입출력, 자료형, 연산자/ 주석 ≒Java, Math 객체,
- 함수
함수 표현, 조건문, 반복문
- 심화
배열, 변수, String