Sense Wide


  •  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>사이에 코드를 넣는다.


 웹프로그래밍 언어의 단점 - 코드가 문법에 맞지 않아도 브라우저가 어떻게든 처리하려고 시도함으로써 문제가 어디서 발생했는지 찾기 어려울 수 있다.

profile

Sense Wide

@June_Kim

포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!