-
[Web Building] 2. Web HTML - 웹 페이지 제작 강좌Web/Web Building 2015. 6. 12. 14:34
Web Building - Creating a Web Site (HTML)
1. What We Will Do
이번 장에서는 웹 사이트를 만들어 볼 것 입니다.* 이 웹 사이트는 당신에게만 보여질 것 입니다.2. Create the Web Site
당신의 PC에 새로운 폴더를 생성하세요.새로운 폴더 이름을 demoweb으로 입력하세요.이제 당신은 로컬 웹 사이트를 가지고 있습니다.3. Create a Home Page
demoweb 폴더에서, index.html이라는 이름의 파일을 생성하세요.노트패드를 이용하여 아래 내용을 파일에 입력하세요: (* 노트패드++를 이용하면 HTML의 명확한 구조를 볼수 있습니다)123456789101112131415161718192021<!DOCTYPE html><html><head><title>Our Company</title></head><body><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></body></html>cs * 파일을 저장한 후, 브러우저에서 열어서 어떻게 실행이 되는지 보세요.4. Add an About Page
demoweb 폴더에, about.html이라는 파일을 생성하세요.아래 내용을 입력합니다:1234567891011121314<!DOCTYPE html><html><head><title>About</title></head><body><h1>About Us</h1><p>Lorem Ipsum Porem Lorem Ipsum Porem</p></body></html>cs 위 파일은 <h1> 태그로 제목과 <p> 태그로 내용을 담았습니다. 태그 내에 담긴 내용은 자유롭게 수정가능 합니다.다음 장에서는, CSS 스타일 시트에 대해 추가하도록 하겠습니다.* 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] 4. Web JavaScript - 웹 페이지 제작 강좌 (0) 2015.06.12 [Web Building] 3. Web CSS - 웹 페이지 제작 강좌 (0) 2015.06.12 [Web Building] 1. Web Building Tutorial - 웹 페이지 제작 강좌 (0) 2015.06.12
