티스토리 뷰

생활코딩공부/HTML

웹사이트의 완성

루체도 2019. 8. 8. 21:46

지금까지 웹페이지를 만드는 것을 배웠습니다.

웹페이지와 웹페이지를 링크라는 길로 연결하는 법도 배웠습니다.

수업 처음에 만들고자 했던 페이지의 형식을 이런식으로 만들어 볼 것입니다.

이걸 하기 위해서 제일 먼저 할 것은

이 수업의 가장 큰 제목을 먼저 써 봅시다.

그러면 페이지에서는 이렇게 보일 것입니다.

WEB과 HTML이 같은 서열이면 조금 그러니까 HTML의 서열을 내려줍시다.

HTML이 WEB보다 글씨 크기가 작아진 걸 확인할 수 있습니다.

그리고 우리는 각각의 요소들을 링크로 만들 것입니다.

에디터의 기능(ctrl + 클릭)으로 한번에 작성을 해줍시다.

그 다음에 링크를 걸어줍시다.

링크를 걸어주고 나서 파일들을 각각 만들어 주는데 이때는 영상을 잠시 멈춰놓고

자신이 하고싶은대로 만들어 봅시다.

1.html을 오른쪽 클릭해서 Duplicate(복사)를 선택해줍니다.

이름은 2.html이라고 지어주고 또 하나 더 복사해서 3.html 그리고 또 하나 더 복사해서

index.html이라고 지어줍니다.

각각의 파일들에 들어가서 body에 있는 내용들을 아무렇게 수정해줍시다.

그러면 이제 아까 링크를 걸어줬던 곳을 클릭하면 바뀐 내용들을 볼 수 있을 겁니다.

'생활코딩공부 > HTML' 카테고리의 다른 글

원시 웹  (0) 2019.08.08
HTML 태그의 제왕  (0) 2019.08.08
HTML 문서의 구조와 슈퍼스타들  (0) 2019.08.08
HTML 부모자식과 목록  (0) 2019.08.08
HTML 최후의 문법 - 속성과 img  (0) 2019.08.07
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2025/04   »
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30
글 보관함