모델링을 HTML로 만들기
의미론적인 웹
사이트 완성
실습환경으로 codeanywhere를 이용하고 계신 분은 링크가 작동하지 않는 문제가 있을 수 있습니다. 다음 영상을 참고하시면 문제를 해결할 수 있습니다. https://youtu.be/A67-fpyujzQ
index.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <!DOCTYPE html> < html > < head > < meta charset = "utf-8" > </ head > < body > < header > </ header > < nav > < ol > </ ol > </ nav > </ body > </ html > |
만약 포트 번호가 8080이라면 (접속 할 때 localhost:8080으로 접속한다면) 링크를 아래와 같이 작성하셔야 합니다.
1 2 3 |
page_html.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <!DOCTYPE html> < html > < head > < meta charset = "utf-8" > </ head > < body > < header > </ header > < nav > < ol > </ ol > </ nav > < article > < h2 >JavaScript란?</ h2 > JavaScript는 웹페이지를 프로그래밍적으로 제어하는 언어입니다. </ article > </ body > </ html > |
page_vc.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <!DOCTYPE html> < html > < head > < meta charset = "utf-8" > </ head > < body > < header > </ header > < nav > < ol > </ ol > </ nav > < article > < h2 >변수와 상수</ h2 > 변수는 바뀔 수 있는 값이고, 상수는 바뀌지 않는 값입니다. </ article > </ body > </ html > |
page_op.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <!DOCTYPE html> < html > < head > < meta charset = "utf-8" > </ head > < body > < header > </ header > < nav > < ol > </ ol > </ nav > < article > < h2 >연산자</ h2 > 계산을 할 때 사용되는 것입니다. </ article > </ body > </ html > |
Sound of coding
복습 하실 수 있게 뮤직 비디오로 예제를 만들었습니다. 멍 때리고 싶은 때 틀어놓고 보셔요~ 전체 뮤직 비디오 보러가기