티스토리 뷰
지금까지 웹페이지를 만드는 것을 배웠습니다.
웹페이지와 웹페이지를 링크라는 길로 연결하는 법도 배웠습니다.

수업 처음에 만들고자 했던 페이지의 형식을 이런식으로 만들어 볼 것입니다.
이걸 하기 위해서 제일 먼저 할 것은
이 수업의 가장 큰 제목을 먼저 써 봅시다.

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

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
링크
TAG
- visual studio code
- 객체
- 조건문
- 문자열
- php
- 동영상을
- 기초
- TAG
- 생활코딩#동영상을#글로#html
- 알고리즘
- 차이점
- inline
- 선택자
- PHP&MySQL
- 변수
- 관계형데이터베이스
- 언리얼엔진
- 생활코딩#MySQL
- 정렬
- 언리얼엔진4
- C언어
- 안드로이드 스튜디오
- javascript
- 네트워크 프로그래밍
- 생활코딩
- GRID
- HTML
- css
- 글로
- Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함