- HTML(hypertext markup language) : 웹에서 콘텐츠를 보여주는 용도로 쓰는 언어. 여러나라와 다양한 단체에서 HTML의 기능을 의논해서 만든다. 여는 각괄호와 닫는 각괄호인 <, > 를 이용해서 HTML을 구성한다.
+ HTML5 : HTML의 최신버젼, 사진이나 애니메이션을 표시하는 캔버스, header, section, footer같은 문서 요소 정의용 태그를 비롯한 새로운 기능이 추가되었다.
- CSS(cascading style sheet) : HTML 문서의 구조를 이루는 요소의 형태와 배치 등 전체 스타일을 정의하는 언어로 문서의 가독성을 높이고 사용자에게 문서를 짜임새 있고 효율적으로 전달하는데 쓰인다.
<html>
<head>
<title>CSS 예제</title>
<style>
body {
background-color:tan;
color: #EE015;
text-align:center;
font-size:22px;
}
section {
width:85%;
border:4px #0c9070 solid;
text-align:left;
padding:5px;
margin:10px;
background-color: white;
}
p {
width: 250px;
}
</style>
</head>
<body>
바디사용 <section> 섹션사용 <p> 섹션 내 p 사용 </p> </section> 다시 바디사용
</body>
</html>
CSS 사용 예제이다. CSS는 <style>~</style> 안에 코드를 입력하여 작성할 수 있다.
기본 형식은 '속성 : 속성값'으로 적고, 마지막에 다른 프로그래밍언어처럼 세미콜론으로 구분한다.
잠깐 덧붙여 속성과 속성값에 대해 설명한다.
background-color:tan; -> 배경색이 황토색
color: #EE015; -> 글자색은 EE015색 (RGB값)
text-align:center; -> 가운데정렬
font-size:22px; -> 폰트사이즈, px규격을 사용한다.
- 자바스크립트 : CSS 스타일을 비롯한 HTML 문서의 여러 부분에 접근할 수 있는 다양한 기능의 프로그래밍 언어. 실시간으로 브라우저가 한 줄씩 해석한다. HTML 문서의 head 요소안에 <script>~</script>사이에 코드를 넣는다.
