-
[Web Building] 4. Web JavaScript - 웹 페이지 제작 강좌Web/Web Building 2015. 6. 12. 14:36
Web Building - Adding Code (JavaScript)
1. What We Will Do
이번 장에서:- 몇몇 계산 코드를 생성합니다.(JavaScript)- 페이지에 script link를 추가합니다.2. Create JavaScript
demoweb 폴더에, script.js 이름의 파일을 생성합니다.아래 코드를 파일에 입력합니다:12document.getElementById("foot01").innerHTML ="<p>© " + new Date().getFullYear() + " W3Schools. All rights reserved.</p>";cs 3. Edit the Home Page
demoweb 폴더에, index.html을 수정합니다.12345678910111213141516171819202122232425<!DOCTYPE html><html><head><title>Our Company</title><link href="site.css" rel="stylesheet"></head><body><div id="main"><h1>Welcome to Our Company</h1><h2>Web Site Main Ingredients:</h2><p>Pages (HTML)</p><p>Style Sheets (CSS)</p><p>Computer Code (JavaScript)</p><p>Live Data (Files and Databases)</p><footer id="foot01"></footer></div><script src="script.js"></script></body></html>cs 맨 밑에 footer를 script.js를 통해 작성되어 페이지에 표시된 것이 보일 것입니다.4. Edit the About Page
작업을 완료하기 위해, about.html에도 똑같은 변화를 줍니다.1. <footer> 요소를 추가2. script를 포함12345678910111213141516171819<!DOCTYPE html><html><head><title>About</title><link href="site.css" rel="stylesheet"></head><body><div id="main"><h1>About Us</h1><p>Lorem Ipsum Porem Lorem Ipsum Porem</p><footer id="foot01"></footer></div><script src="script.js"></script></body></html>cs * W3School을 통해 제작된 강좌입니다.
'Web > Web Building' 카테고리의 다른 글
[Web Building] 7. Web Http - 웹 페이지 제작 강좌 (0) 2015.06.12 [Web Building] 6. Web Navigation - 웹 페이지 제작 강좌 (0) 2015.06.12 [Web Building] 5. Web Data Page - 웹 페이지 제작 강좌 (0) 2015.06.12 [Web Building] 3. Web CSS - 웹 페이지 제작 강좌 (0) 2015.06.12 [Web Building] 2. Web HTML - 웹 페이지 제작 강좌 (0) 2015.06.12 [Web Building] 1. Web Building Tutorial - 웹 페이지 제작 강좌 (0) 2015.06.12
