프로그래밍 언어/7.10-11 스파르톤

1주차(HTML, CSS, Javascript)

선잠 2021. 7. 10. 22:05

#1. 웹페이지 기초 지식

브라우저의 역할: 서버에 코드(HTML, CSS, Javascript)를 요청하고 결과물을 받아와서 화면에 보여줌

HTML: 뼈대(네모난 틀, 디자인, 배치 등)

CSS: 크기, 색, 꾸미기

Javascript: 클릭하면 이동하는 것

 

#2. HTML 코드

(참고용)HTML 코드스니펫
(참고용)결과

#3. 응용- 로그인 페이지 만들기

로그인 페이지 내 답안
결과
정답
결과

틀린 이유 및 깨달은 점:

●<p></p>를 사용해야 한다는 힌트는 얻었는데 그것을 한 문단마다 사용해야 하나씩 띄어서 적용된다는 것을 알지 못함. 

●<li></li>는 앞에 점을 찍는 것

●<hr>은 문단나눔줄 같이 줄 긋는 것

●텅 빈 칸은 input, 안에 글을 쓰는 칸은 button

 

#4. CSS 코드

<style> 내부에 쓰는 width, margin, border, color, font 등이 CSS코드이다. 

.wrap 등은 <body>에서 <div class="wrap">로 지정해서 사용할 수 있다.

*margin: 외부 여백

 padding: 내부 여백

 

전체 코드
결과

 

#Javascript

위 코드에서 

<script> 

     function hey() {

      alert("안녕!");

     }

</script>

 

<a oneclick="hey()" ....

처럼 움직임(여기에서는 팝업)을 만들어내는 것이 자바스크립트의 역할이다.

'프로그래밍 언어 > 7.10-11 스파르톤' 카테고리의 다른 글

2주차. JQuery, Ajax  (0) 2021.07.11
1주차 숙제 실력 평가 및 반성  (0) 2021.07.11
[스파르톤] 생존일지  (0) 2021.07.10